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:
Command | Action |
---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:4321 |
npm run build | Build your production site to ./dist/ |
npm run preview | Preview your build locally, before deploying |
npm run astro ... | Run CLI commands like astro add , astro check |
npm run astro -- --help | Get help using the Astro CLI |