BlogiNote is a Nuxt Theme based on Nuxt Content module, it can generate static website to show your blog posts and notes with flexible layouts and multiple optimizations.
🔗 Demo
🕹️ Play Online
✨ Content driving: generate web pages based on markdown, json, csv and more
✨ Vue components in Markdown: with MDC syntax you can use vue components inside markdown file
✨ List Page: a list page make the filter and query articles more convenient
✨ Full text search: you can search content everywhere powered by Pagefind 🎥 Demo
✨ Tree Catalog: you can catch the outline of the article easily with a Mind Map powered by D3.js 🎥 Demo
✨ Toggle Heading: you can toggle the heading to show or hide the following content, it's so useful to read a long long post 🎥 Demo1 Demo2
💪 it will keep evolving to add more features
🎥 More demo please checkout the Youtube playlist
Use the starter template to build your own project with the BlogiNote theme.
👉 You can check out this tutorial for more information.
You can also build your own template based on BlogiNote, adding some Remark plugins to extend the markdown syntax, or building some Vue components to add more custom features.
If you have any problem or suggestion about this project, feel free to open an issue in Github or contact with me by email benthomsonbin@gmail.com