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.
- Nuxt 3 - main application framework based on Vue 3
- @nuxt/content - module to easily integrate content from
markdownfiles - @nuxt/studio - module to enable the integration with the Nuxt Studio editing UI
- @nuxt/content - module to easily integrate content from
- 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
.xmlfile - sitemap - utility to help create the sitemap
.xmlfile
I'm also integrating with Nuxt Studio to play a bit with visual editing, which comes pretty handy when editing/writing content from devices like the iPad Mini.
With an NPM script:
$ npm run new "post title"or manually:
- go in the
contentfolder - clone the
_template.mdfile - edit the cloned file with your content
I've added some small new features over the starting Nuxt template to handle some more blog-specific functionalities
- light/dark mode switcher (client side)
- live textual search for posts (by title only)
- "comments" to post through Threads or check the source markdown file on Github
- 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 timeline" section
- CSS themes support (at the moment only an "xmas" one is included)
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!
Code released under the MIT license.