Rebuilding my site - Part 3: Plugins

Time to get back on RSS.

ยท 1 min

This part should be super speedy! There were a couple of plugins I wanted to get added early on, so I'm getting them in now:

RSS

This one was very straightforward, straight from the docs onto the site ๐Ÿ˜„

In future, as I add more IndieWeb functionality and therefore different types of content, I might split feeds, but for now, a simple one will do ๐Ÿ™Œ๐Ÿผ

Code highlighting

This one wasn't necessarily hard, but it had a bit more โœจ spice โœจ to it ๐Ÿ˜„

Again, I used the 11ty plugin listed on their docs with all the default settings, so hooking it up was a breeze!

For the theme, I decided to go for a PrismJS adaptation of Night Owl, by Sarah Drasner โœจ It wasn't CDN hosted, so I pulled the file and included it in my site.

This is my first CSS file, so I ended up adding a hatch into my base page layout that makes it really easy for me to include CSS and JS files only on the pages that need them. I got it from Evan over at the Piccalilli Discord ๐Ÿ™Œ๐Ÿผ

Here's the code I added to the base layout:

{% for script in extraScripts %}
<script src="{{ script | url }}></script>
{% endfor %}

{% for stylesheet in extraStyles %}
<link rel="
stylesheet" href="{{ stylesheet | url }}" />

{% endfor %}

Then I added this to the blog post layout:

extraStyles:
- /styles/code.css

And done! Said it was gonna be quick ๐Ÿ’จ