My blog — a SvelteKit project

This project was built using Svelte, SvelteKit and mdsvex as the core tools.

Whenever I was uncertain what to do, I stole ideas from this blog post.

TODO

• Host on GitHub Pages
• Build with GitHub Actions
• Add analytics by Fathom and Matomo
• Introduce hyphenation
• Add post pagination
• Add tests. Playwright?
• Test more thoroughly
• Ensure that failed builds are never deployed. How?
• Upgrade to SvelteKit 1.0
• Add social tags and other meta stuff
• Add post tags and category list in /blog
• Add lang attributes to posts
• Add links to tool pages to index
• Get small caps working for link typography. iOS fails on non-ASCII chars.

Development

First time (after cloning the repo) deps should be installed:

npm install

Run the site in development mode like this (includes HMR):

npm run dev

Build the production version if needed:

npm run build

# To run the built site:
npm run preview

Testing

npm run test:e2e

Also happens on pushes and PRs to the master branch.

Deploying

Run the GH action at https://github.com/tontonsb/blog/actions/workflows/deploy.yml

Resources

• Svelte
• SvelteKit
• mdsvex
• Katex
• Matomo