https://github.com/Benbinbin/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.
https://github.com/Benbinbin/BlogiNote
blog markdown nuxt
Last synced: 11 months ago
JSON representation
BlogiNote is a Nuxt Content Theme, it can generate static website to show your blog posts and notes with flexible layouts and multiple optimizations.
- Host: GitHub
- URL: https://github.com/Benbinbin/BlogiNote
- Owner: Benbinbin
- License: mit
- Created: 2022-07-27T06:10:03.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-10-30T15:29:40.000Z (over 1 year ago)
- Last Synced: 2024-12-05T21:02:55.141Z (over 1 year ago)
- Topics: blog, markdown, nuxt
- Language: Vue
- Homepage: https://bloginote.benbinbin.com
- Size: 12.8 MB
- Stars: 39
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-nuxt - BlogiNote
README
[](https://bloginote.benbinbin.com/)
# BlogiNote
BlogiNote is a [Nuxt Theme](https://nuxt.com/docs/guide/going-further/layers) based on [Nuxt Content module](https://content.nuxtjs.org/), it can generate static website to show your blog posts and notes with flexible layouts and multiple optimizations.
:link: [Demo](https://bloginote.benbinbin.com/)
:joystick: [Play Online](https://stackblitz.com/edit/github-qrmhoj)
:pencil: [Starter Template](https://github.com/Benbinbin/BlogiNote-Starter-Template)
:bookmark_tabs: [Documentation](https://bloginote-documentation.vercel.app/)
## Features
:sparkles: Content driving: generate web pages based on markdown, json, csv and more
:sparkles: Vue components in Markdown: with [MDC syntax](https://content.nuxtjs.org/guide/writing/mdc) 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](https://pagefind.app/) 🎥 [Demo](https://youtu.be/OotBwk88Y38)
:sparkles: Tree Catalog: you can catch the outline of the article easily with a Mind Map powered by [D3.js](https://d3js.org/) 🎥 [Demo](https://youtu.be/dxR8Oh0a4E4)
: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](https://youtu.be/2OVF7ZLpopE) [Demo2](https://youtu.be/U8ylBVHekRM)
:muscle: it will keep evolving to add more features
🎥 More demo please checkout the [Youtube playlist](https://youtube.com/playlist?list=PLqLRbo_6ezAEpy7KjFbXTgjndhJr0M5Zj)
## Usage
Use the [starter template](https://github.com/Benbinbin/BlogiNote-Starter-Template) to build your own project with the BlogiNote theme.
:point_right: You can check out [this tutorial](https://bloginote-documentation.vercel.app/article/tutorial/get-start) 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](./LICENSE)
## Feedback
If you have any problem or suggestion about this project, feel free to open an [issue](https://github.com/Benbinbin/BlogiNote/issues/new) in Github or contact with me by email benthomsonbin@gmail.com