Setup Gatsby Theme Blog

Gatsby theme blog is a great theme for adding blog functionality to your site.

This recipe:

---

Installs necessary NPM packages.

<NPMPackage name="gatsby-theme-blog" /> <NPMPackage name="gatsby-theme-blog-core" />

---

Installs the gatsby-theme-blog plugin in gatsby-config.js and makes use of the basePath configuration so the blog listing appears at /blog.

<GatsbyPlugin name="gatsby-theme-blog" options={{ basePath: /blog }} />

---

Adds a post.

<File path="content/posts/first-blog.md" content="https://gist.githubusercontent.com/laurieontech/dbd124e77f1fe96f18493f2e9c4ea62e/raw/03342f883c2cd1366dee47d257aa0dc598d1274c/hello-world-image.md" />

---

When you've finished installing the recipe, run gatsby develop and check out http://localhost:8000/blog for the list of posts.

Example content is available at http://localhost:8000/blog/first-blog.

---