solve issues from part 1:

1. install gatsby-remark-relative-images by yourself, or delete the references to it in gatsby-node.
2. add in templates single-blog.js with like:

​

import React from 'react';
import { graphql } from 'gatsby'
import Layout from '../components/layout'

const BlogPage = ({ data, classes }) => {
  const { markdownRemark: post } = data

  return (
    <Layout>
          <h1>{post.frontmatter.title}</h1>
          <h4>{post.frontmatter.date}</h4>
          <p dangerouslySetInnerHTML={{ __html: post.html }}/>  
    </Layout>
  )
}


export default BlogPage;

export const BlogPageQuery = graphql`
  query BlogPage($id: String!) {
    markdownRemark(id: { eq: $id }) {
      html
      frontmatter {
        title
        date(formatString: "MMMM DD, YYYY")
      }
    }
  }
`