This website runs on Jekyll. Here are some things that I've slowly built-out that might also help you.
Running the thing
- Clone the repo
- Install Jekyll
cdinto the repo
bundle exec jekyll serve
Things I've added onto or tweaked from the standard Jekyll theme, layouts, includes, etc.
I'm using ImageKit to host all my images and video. There are more hoops than simply putting them in an assets folder on this repo, but the advantages make it worth the effort:
- Faster Jekyll build times as the largest files are just referenced
- Images and video can be stored at full-resolution and then served dynamically (e.g. 80% quality, max-width 1800px for desktop)
Navigation item selection
Source. An item from the top-most
<header><nav></nav></header> will be dimmed if that item's page is active. E.g. if the '/notes' page is active, then the 'Notes' navigation item will be dimmed.
I built this out 'dumb' as some of the other options are a bit heavy-handed.
Open Graph smartness
Source. Takes the leg-work out of nicely-formatted Twitter, iMessage, or Facebook shares from your website. The
jekyll-seo plugin is a little too basic for my needs.
Prettify URL slugs
Source. Removes the post date from the URL. E.g.
Extensive favicon format
Source. A lightweight format that covers most browser and OS implementations and formats.
Source. Simple styling 'normalisers' for embeds from Vimeo, YouTube, Twitter, etc.
Custom 404 page
Source. I'm currently using the lovely Inter typeface by Rasmus Andersson.