17 'Building This Blog' posts
All 17 posts tagged with 'Building This Blog' are displayed here, click a link to see the full post
20/02/2024
Caching The Contents Of This Site
This site is all stored statically (to make it completely free to host in Azure Static Web Apps), but it is generated dynamically using Blazor webassembly!
Find out more how I built this blog here
So because of that, it needs to be fast to run, and more importantly...
27/05/2021
Speeding Up The Initial Load
My site is a static WASM one, there is no server host involved.
Therefore in order to display the dynamic content of the site, all the "code" must be downloaded to the browser, and then run within the browser to generate the content.
This is a downside to Blazor WASM, and the clever peeps at Micros...
22/05/2021
Setting Up A Sitemap
Google works best for your website if you give it a sitemap.
This is a full list of all the Uri's of all the pages on your site.
There are several ways to do this, and Google Help will show you how.
So I need one for...
03/05/2021
Adding Category Pages
Now we have tags on posts, it is easy to see all related posts, but there is no way to access a list of the known categories/tags.
So lets add one.
What do we need?
A new page
"Category List"
needs to be created.
This page will query the blogpostpopulater...
20/04/2021
Tagging Posts
As the number of posts are growing on this site, I am finding it harder and harder to find related items. I have already added a Search in, but sometimes, I want to see all my "Job Search" posts together, and not rely on them having the exact words I search for....
19/04/2021
Highlighting Search Terms
From my search page, you can search all the blog posts on this site.
As part of the results, I show a few characters either side of the found search term in the post.
It can also show multiple sections of a single post if multiple matches are found. e.g.
[Search for "Blazor"](/Search/b...
12/04/2021
Adding A Site Search
As the site gets more and more posts, its important to have the capability to search on the site.
Now there are several ways to do this:
- Let google do it by linking to
site:blog.markoliver.site 'search term'
e.g.
https://www.google.com/search?q=site%3Ablog.markoliver.website+Blazor - Implement...
04/04/2021
Making This Site More Accessible
I want to make this site as accessible for everyone as I can.
What is Web Accessibility Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can: * perceive, understand, navigate, and...
03/04/2021
Customising The Blazor Loading Page
I sent this tweet out the other day :
I just noticed that my #Blazor WASM Blog is only a 1.1MB download on 02/04/2021
Testing This Site
This site started as an easy way to learn
Azure Static Web Apps
, and an ego thing to figure out if I could build aWASM
based blog.I have satisfied those things for sure, but I have also realised I like writing these posts!
So Im keeping this site around, which means the code I have written n...
28/03/2021
Getting Twitter To Work
Hello again, in How I Built This Blog Part 3, we were unable to get Twitter to render the timeline on our page, nor could we get it reliably showing the "Tweet me" button.
The "Tweet me" button.
Its simple really, we add
<script async src="https://platform....
26/03/2021
How I Built This Blog Part 3
Yesterday I watched a great talk by Stacy Cashmore. In that talk she described a very similar process to mine to build her own branded Blog.
So I thought I would use her new Blazor based blog as an inspiration to some improvements t...
26/03/2021
Error When Incorrect Post Uri Used
I noticed that when an invalid Uri is used to access one of these Blazor based Blog posts, we don't get a 404 error (see Why Can I Not Jump Direct To A Blog Post? ) we get an error in the console thrown by the code base.
What is going on? Off to the debu...
23/03/2021
How I Built This Blog Part 2
So we left it as this needs to be done:
- The posts ordered in date order.
- The list of posts to be determined programmatically not from a hard coded list
- Somewhere to store images for the posts for free (not my google drive account as at present)
- A way to feedback on a post - preferably via T...
22/03/2021
Why Can I Not Jump Direct To A Blog Post
So I thought I had got my blog up and running in Azure static web apps. It is displayed in a browser fine. I even setup a custom domain, however I cannot publish any direct post links, as it generates a 404.
It turns out this is a [known issue](https://github.com/dot...
22/03/2021
Setting Up My Custom Domain
So the blog is now hosted in Azure static web apps, but its no great using the default random hostname they give you.
Custom Domains to the rescue!
Azure static web apps give you this for free (including HTTPS!), and its really easy to setup.
You can follow the [official docs here](https://learn....
01/03/2021
How I Built This Blog
I wanted to build a blog website, as its all the rage, but primarily, because its a great way to learn more about Blazor WebAssembly (WASM).
My thinking was that I can host the blog for free in Azure Static Web Apps, and run the dynamic parts using Blazor WASM.
Most of a blog is static, so seemed a...