Liebling
Grisome starter based on Ghost Liebling and tailwindcss.
Features
- Gridsome
- Tailwindcss
- Light and Dark Mode with auto detect
- v-tooltip
- Mega Menu support
- SCSS
- Markdown
- Tags
- Categories
- Author Pages
- Blog
- About Page
- Pagination
- Medium Zoom
- Updated Image Processing to return the
figure
element with caption - Full Text Search powered by gridsome-plugin-flexsearch
Plugins
With Gridsome offering a plugin-rich ecosystem, there are a few key plugins that make this project possible.
- Gridsome Source Filesystem Transform files into content that can be fetched with GraphQL in your components.
- gridsome-source-static-meta source plugin that converts values in JSON and/or YAML files into keys on the global GraphQL metaData query.
- gridsome-plugin-flexsearch Add lightning fast search to Gridsome with FlexSearch
Install
1. Install Gridsome CLI tool if you don't have
npm install --global @gridsome/cli
2. Create a Gridsome project
gridsome create my-blog https://github.com/noxify/gridsome-starter-liebling
to install gridsome with this startercd my-blog
to open the foldergridsome develop
to start a local dev server athttp://localhost:8080
- Happy coding 🎉🙌