Some features of my blog posts

Hand

Markdown Editor ✨

The markdown editor was the most important thing for my website because I didn’t want to use static site generation at all. I simply didn’t like the idea of having to redeploy every time I have to post a blog. I just want to login to this website from my Grandma’s computer and start posting. But my grandma doesn’t have a computer. Well, that doesn’t stop me from implementing a markdown editor.

Plain markdown

I tried multiple markdown editors and none of them worked. It’s a skill issue I know but the editors themselves had issues too. I only found one markdown editor made specifically for svelte. It was the Carta editor. I faced problems with that one too. So I decided to implement my own using the marked parser. I was so happy when I could add stuff like lists:

  • list item 1
  • list item 2
  • list item 3

Code blocks

This was very important because I’m a nerd. Let’s log something to the console:

console.log("nerd");

Previews

It’s obvious that I’ll need a preview of what I write. The preview is seamless thanks to Svelte’s reactivity.

Emojs!!!!!

You know I ❤️ you.

Cover images

At first I had planned to just insert images by linking them from Imgur website. The problem is that I cannot just rely on them. They might ban my account or delete my images. I’m not going to let anything break my site except myself. This was really hard to do at first because of my skill issues again. But finally we’ve done it!

This was written from my smartphone 😉