# Setup Gatsby Theme Blog

[Gatsby theme blog](https://www.gatsbyjs.org/packages/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`.

---
