Duncan’s Childhood Blog

https://www.DuncanRitchie.co.uk/childhood-blog

For several years of my adolescence, I kept a diary for narrating goings-on in my life, and I typed it up with photos and maps. Many of those articles are excruciatingly tedious. On this blog are some of the articles that are slightly less excruciatingly tedious.

Like my current blog, this is made with Astro, and is deployed to Netlify automatically on pushing to GitHub.

Unlike my current blog, this blog is in non-reversed chronological order, so 2007 is at the top of the page and 2014 is at the bottom. You may therefore need to do some scrolling to get to the most enjoyable articles.

All photos for Duncan’s Childhood Blog (as I call it to avoid confusion) are publicly hosted on Flickr, so I expect them all to display. I have copied other images (such as maps) into this repository, so they should display too.

This repository is not publicly visible, because I don’t want to expose the articles that I have removed. However, I have made a page for displaying the Astro/TypeScript source-code, and a page for showing this readme.

To get Astro code to display as raw text on the source-code page, I use a prebuild script that copies .astro files to .txt files. Astro (or Vite) seems not to be able to import .astro code raw, but changing the file-extension is enough to overcome this.

HTML for all articles is in /src/data/EntireBlog.html (not publicly visible). Pages for all articles (and for all series of articles) are constructed from the appropriate ranges of lines in that HTML file.

I have an article on my current blog explaining more about my Childhood Blog.

Notes about Astro

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name. Any static assets, like images, can be placed in the public/ directory.

Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI