Archived - see Flux159/hugoblog for updated blog.
Built off of gatsby-gitbook-starter.
Added github action to publish to github pages on every change.
Here's the site this is hosted at.
Get started by running the following commands (assumes node, npm, and yarn are installed):
$ git clone https://github.com/Flux159/blog.git
$ npm install -g gatsby-cli
$ yarn
$ gatsby develop
Visit http://localhost:8000/ to view the app.
Write markdown files in content folder.
Open config.js for templating variables. Broadly configuration is available for gatsby, header, sidebar and siteMetadata.
- For sub nesting in left sidebar, create a folder with the same name as the top level
.mdfilename and the sub navigation is auto-generated. The sub navigation is alphabetically ordered.
To render react components for live editing, add the react-live=true to the code section. For example:
<button>Edit my text</button>In the above code, just add javascript react-live=true after the triple quote ``` to start rendering react components that can be edited by users.
This is a static site and comes with all the SEO benefits. Configure meta tags like title and description for each markdown file using MDX Frontmatter
---
title: "Title of the page"
metaTitle: "Meta Title Tag for this page"
metaDescription: "Meta Description Tag for this page"
---Canonical URLs are generated automatically.
Just push to Github :)
The github action is setup to automatically republish to gh-pages branch.
Github does cache for around 10 minutes though, so changes won't appear immediately.