Gridsome Articles Starter

Grisome starter ideal for articles/tutorials

Demo

https://gridsome-starter-articles.now.sh/

Features

• Gridsome
• Bootstrap
• SCSS
• Markdown
• Tags
• Related Pages
• Blog
• Table of contents
• Pagination
• Fulltext search with fusejs
• Related posts for articles
• Filterable records ( in the template it's named as Resources )

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-plugin-remark-embed Embed Plugin to parse different 3rd party urls like youtube, github gists etc.
• gridsome-plugin-remark-prismjs-all Transformer to highlight code blocks
• gridsome-plugin-robots-txt Generates the robots.txt
• plugin-sitemap Generates the sitemap.xml

Install

1. Install Gridsome CLI tool if you don't have

npm install --global @gridsome/cli

2. Create a Gridsome project

1. gridsome create my-blog https://github.com/noxify/gridsome-starter-articles to install gridsome with this starter
2. cd my-blog to open the folder
3. gridsome develop to start a local dev server at http://localhost:8080
4. Happy coding 🎉🙌

3. Publish to Medium

docs

• Get a third party integration token on medium
• Install markdown-to-medium $ npm install --global markdown-to-medium
• Create an article with the token passed through --token
• The token is now stored locally for future use, rinse repeat

Usage: $ markdown-to-medium <path to markdown file>