Bloginote NPM | npm.io

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.

:link: Demo

:joystick: Play Online

:pencil: Starter Template

:bookmark_tabs: Documentation

Features

:sparkles: Content driving: generate web pages based on markdown, json, csv and more

:sparkles: Vue components in Markdown: with MDC syntax you can use vue components inside markdown file

:sparkles: List Page: a list page make the filter and query articles more convenient

:sparkles: Full text search: you can search content everywhere powered by Pagefind 🎥 Demo

:sparkles: Tree Catalog: you can catch the outline of the article easily with a Mind Map powered by D3.js 🎥 Demo

:sparkles: 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

:muscle: 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.

:point_right: 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.