Starting a blog

Or rather, just a place to put some thoughts and work through tasks.

A blog — to me — sounds like something that should aim for an audience of some kind, but what I would like to make is not so much something like that, but just a place for myself to write through a task so I can remember what I did and why I did it. Like "notes to self". So I will call it nlog for "Notes Log" or "Not-a-blog" (lol no I will not 😂)

But I have now made a shell for this place, so we will see if I will use it. Let's start with a quick tour of the "stack", that was chosen based on more or less one requirement: I want to write in markdown.

I also like Vue and Nuxt — and of course I am not alone in liking those three things so there's already a very obvious solution: Nuxt Content. Nuxt Content even offers "MDC" syntax Markdown with components so that I can create my own custom components when the urge arises.

Nuxt Content by itself doesn't look like much and that's of course fine. I installed tailwindcss and thought to myself, let's go and style this. Turns out (tm) that is more than 5 minutes of work :-) To make it go a little faster, I turned to the Nuxt Typography theme to get some "basic" styling for text — it feels nice.

One thing is very annoying with the Typography theme though - an image's border radius is comically weird (at least to me.) Luckily, this was a driver for me to learn about configuring the theme. Add the pinceau packacge and then the following configuration in tokens.config.js:

import { defineTheme } from 'pinceau'

export default defineTheme({
  prose: {
    img: {
      borderRadius: '10px'
    }
  }
})

Now images look a little more normal. All I did after that was frame the notes in some boring cards with some shadows to try and create some depth-feeling instead of a boundless white canvas. This is just the start — I am sure there's lots of fun to have with all of this stuff.