BlogiNote

BlogiNote is a Nuxt Content Theme, it can generate static website to show your blog posts and notes with flexible layouts and multiple optimizations.

MIT License

Downloads
58
Stars
38
Committers
2

BlogiNote

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

📝 Starter Template

📑 Documentation

Features

✨ 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

Usage

Use the starter template to build your own project with the BlogiNote theme.

👉 You can check out this tutorial for more information.

Develop

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.

License

MIT

Feedback

If you have any problem or suggestion about this project, feel free to open an issue in Github or contact with me by email [email protected]