created blog template

Author: arsmth

src/pages/blog/2017-09-02-hello-world.md

@@ -0,0 +1,7 @@
+---
+path: "/hello-world"
+date: "2017-09-02T18:12:33.962Z"
+title: "Hello World"
+---
+
+This is my first blog post!

src/templates/blog-post.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Helmet from 'react-helmet';
+
+export default function Template({ data }) {
+  const { markdownRemark: post } = data; // data.markdownRemark holds our post data
+  return (
+    <div className="blog-post-container">
+      <Helmet title={`Blog - ${post.frontmatter.title}`} />
+      <div className="blog-post">
+        <h1>{post.frontmatter.title}</h1>
+        <div className="blog-post-content" dangerouslySetInnerHTML={{ __html: post.html }} />
+      </div>
+    </div>
+  );
+}
+
+export const pageQuery = graphql`
+  query BlogPostByPath($path: String!) {
+    markdownRemark(frontmatter: { path: { eq: $path } }) {
+      html
+      frontmatter {
+        path
+        date(formatString: "MMMM DD, YYYY")
+        title
+      }
+    }
+  }
+`;