The fast rendering blog is now live. In the end I was able to get the rendering down to around around 15 seconds for the entire 15 years worth of content. It‘s about 26000 files in total. These are the main features:
- Renders fast (~15 secs) and the build takes up way less space (~500M).
- Sleek new design, removed the content boxes, swapping them out for a design focussed on blog posts with supporting links and notes.
- Added the old newsletter posts back to the mix.
- Site header background images. The cool thing is the blog remembers the current active header image when a particular post is published, so when you look at old posts, they will look like how they were when they were first published. It all controlled by your post frontmatter, and of course it‘s automatic if you use the render tool to create the content.
- There‘s also a top right image feature, which makes it really easy to add an image that appears in the top right of your post. Again just a frontmatter field you add to your post.
- Tags pages - this was on the old blog system, but I‘ve managed to make it much more useful. All posts have clickable tags so you can easily see other similar posts with 1 click.
- A light weight bucket framework for creating organised HTML, where different content types just slot into place whether it‘s a single post, a flat list, or grouped by day.
- Themes - The CSS is way way more organised. Themes are installable from an npm module, and you can easily customise things, by adding a user styles.
Since I will likely be changing the header image relatively often, I have added a headers page to keep a record of each new one as I add them. The first one is called The industrial distillation workshop, a humorous look at the new trend in AI development that people seem to be quite freaked out about.
The whole thing is built using my new rendering tool, to which I had to add quite a few things, and seems to be working very well.