salvatorelaisa.blog

Personal blog built on top of the Nuxt framework and exported as a static website.

Hosting and Continous Deployment is based on Github Pages & Actions.

The contents are my own personal thoughts and opinions. Images and videos that aren't of my own or made by me are always linked/embedded from external sources.

Built on top of

• Nuxt 3 - main application framework
  • Vue 3 - UI component library
  • @nuxt/content - module to easily integrate content from markdown files
• vanilla CSS - every style has been written using regular CSS syntax, leveraging Vue's CSS Module support
• remark-reading-time - Medium's like reading time estimation
• rss - utility to help create the RSS .xml file
• sitemap - utility to help create the sitemap .xml file

Creating a new post

With an NPM script:

$ npm run new "post title"

or manually:

• go in the content folder
• clone the _template.md file
• edit the cloned file with your content

Customizations

I've added some small new features over the starting Nuxt template to handle some more blog-specific functionalities

• light/dark mode switcher
• live textual search for posts (by title only)
• filter posts by tag
• "posts by year" page template, available at /post/year
• "Buy me a coffee" tip button
• "reading time" for posts
• "old post warning" for 2+ years old content
• "personal devices timeleine" section

Can I use this to bootstrap my new Nuxt blog?

Sure you can! But this repo is not structured as a template for new projects so you will need to delete all of my content (which is not free to use) and references and add your own. It's not difficult but just a bit tedious, have fun!

License

Code released under the MIT license.