Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abhaynikam/gatsby-nice-blog
A nice starter blog post template built using Gatsby.
https://github.com/abhaynikam/gatsby-nice-blog
blog gatsby hacktoberfest template
Last synced: 2 months ago
JSON representation
A nice starter blog post template built using Gatsby.
- Host: GitHub
- URL: https://github.com/abhaynikam/gatsby-nice-blog
- Owner: abhaynikam
- License: mit
- Created: 2020-10-10T18:20:49.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-01T08:03:35.000Z (about 4 years ago)
- Last Synced: 2024-05-27T12:07:28.030Z (8 months ago)
- Topics: blog, gatsby, hacktoberfest, template
- Language: JavaScript
- Homepage: https://nostalgic-liskov-e76c32.netlify.app/
- Size: 10.6 MB
- Stars: 28
- Watchers: 3
- Forks: 13
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Gatsby Nice BlogsNice blogs is a simple minimal blog template boilerplate built using Gatsby. Kickoff your blog website with simple steps and focus more on content than building and shipping a blog website.
Check the [live demo on netlify](https://nostalgic-liskov-e76c32.netlify.app/) or [live demo on GitHub pages](https://abhaynikam.github.io/gatsby-nice-blog/).
![root](https://user-images.githubusercontent.com/7736232/95664178-0ea08200-0b63-11eb-988c-452b23c57074.png)
![blog](https://user-images.githubusercontent.com/7736232/95664177-0a746480-0b63-11eb-9cbf-d542b828a6fb.png)## Features
- Pagniated minimalistic blog template.
- Google analytics.
- XML sitemap for helping search engines to find site.
- SEO compliant.
- Comments via Disqus.## π Quick start
1. **Create a Gatsby site.**
Use the Gatsby CLI to create a new site, specifying the nice blogs boilerplate template.
```shell
gatsby new https://github.com/abhaynikam/gatsby-nice-blog
```1. **Start developing.**
Navigate into your new siteβs directory and start it up.
```shell
cd my-blog-starter/
gatsby develop
```1. **Open the source code and start editing!**
Your site is now running at `http://localhost:8000`!
## π§ Configure your details
Add your personal details in the `config.js` and restart the server to reflect your changes.
```js
module.exports = {
url: `Your blog site root url`,
description: `Your blog site description`,
pathPrefix: 'Useful when using Github Pages. Add the repository name here.',
title: `Your blog site title`,
disqusShortname: 'Your disqus short name to enable comments',
postsPerPage: 15,
googleAnalyticsId: 'Your google analytics id',
useKatex: false,
author: {
name: `Your name`,
summary: `Short summary`,
social: {
twitter: `Your twitter account username`,
github: `abhaynikam`,
},
}
};
```## π¨ Configure theme color
Update the `--color-primary` color variable to the desired theme primary color.## π’ Deploying using Github page
1. **Update pathPrefix.**
Update the `pathPrefix` to the GitHub repository name.
```js
module.exports = {
pathPrefix: '',
...
}
```
2. **Deploy to GitHub pages!**```shell
yarn run deploy
OR
npm run deploy
```## π’ Deploying using Netlify
- Login/Signup to the Netlify GitHub account.
- Authorize the repository access.
- Configure the custom domain on Netlify.Watch the [video](https://docs.netlify.com/site-deploys/create-deploys/#deploy-with-git) by Netlify team and learn deploying using Git.
## Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/abhaynikam/gatsby-nice-blog. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/abhaynikam/gatsby-nice-blog/blob/master/CODE_OF_CONDUCT.md).
## License
The boilerplate blog template is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
## Author
[Abhay Nikam](https://www.abhaynikam.me/pages/about)## Contributors
[Chinmay Mehta](https://github.com/chinmaym07)