gatsby-theme-blog-with-github
v0.0.5
Published
A gatsby blog theme with github issues system as CMS
Downloads
4
Maintainers
Readme
Steps:
Setup GitHub Repository as CMS
This the cool hack to use GitHub issues system as a Content Management System(aka CMS) for your blog and you can use this in many ways.
Make a public GitHub repository with README.md file
Go to issues tab
Make new issue as a new blog post
Submit issue
So, now you can easily write blog post in markdown style.
✍ Setup Gatsby Project & add plugin
mkdir <my-blog>
cd <my-blog>
yarn init -y
yarn add react react-dom gatsby
yarn add gatsby-theme-blog-with-github
Now you have to add some script to config the github issues as CMS into gatsby. make file **gatsby-config.js**
in to root directory. and paste this code.
module.exports = {
plugins: [{
resolve: "gatsby-theme-blog-with-github",
options: {
// your github username - required
username: "",
// github public repository name that you will use as a CMS - required
repositoryName: "",
metaData: {
// website name - required
title: ``,
// cover letter - required
description: ``,
// author name
author: ``,
// your github url for photo - required
githubURL: ``,
social: [{
name: `twitter`,
url: `https://twitter.com/<username>`,
},
{
name: `github`,
url: `https://github.com/<username>`,
},
]
}
}
}]
};
Now run the command gatsby develop
🤝 ToDo
- [ ] Dark Theme
- [ ] Component Shadowing
Mohd Danish <https://twitter.com/mddanishyusuf>