{"version":3,"sources":["webpack://gatsby-simple-tailwindcss-blog/./src/templates/blog-post.js"],"names":["data","post","markdownRemark","site","previous","next","sitedata","pagedata","frontmatter","title","description","excerpt","className","dangerouslySetInnerHTML","__html","html","Link","to","fields","slug","rel","xmlns","fill","viewBox","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"mappings":"gNA4EA,UAvEiB,SAAC,GAAc,IAAZA,EAAW,EAAXA,KACZC,EAAOD,EAAKE,eACVC,EAAyBH,EAAzBG,KAAMC,EAAmBJ,EAAnBI,SAAUC,EAASL,EAATK,KACxB,OACE,QAAC,IAAD,CAAQC,SAAUH,EAAMI,SAAUN,EAAKO,cACrC,QAAC,IAAD,CACEC,MAAOR,EAAKO,YAAYC,MACxBC,YAAaT,EAAKO,YAAYE,aAAeT,EAAKU,WAEpD,mBACEC,UAAU,gFACVC,wBAAyB,CAAEC,OAAQb,EAAKc,SAE1C,cAAIH,UAAU,mDACZ,cAAIA,UAAU,QACXR,IACC,QAAC,EAAAY,KAAD,CAAMC,GAAIb,EAASc,OAAOC,KAAMC,IAAI,SAClC,eAAKR,UAAU,wIACb,eACES,MAAM,6BACNT,UAAU,UACVU,KAAK,OACLC,QAAQ,YACRC,OAAO,iBAEP,gBACEC,cAAc,QACdC,eAAe,QACfC,YAAa,EACbC,EAAE,kCAGN,eAAKhB,UAAU,uBACb,oBAAOR,EAASI,YAAYC,QAC5B,gCAMV,kBACGJ,IACC,QAAC,EAAAW,KAAD,CAAMC,GAAIZ,EAAKa,OAAOC,KAAMC,IAAI,SAC9B,eAAKR,UAAU,oJACb,eAAKA,UAAU,uBACb,oBAAOP,EAAKG,YAAYC,QACxB,6BAEF,eACEY,MAAM,6BACNT,UAAU,UACVU,KAAK,OACLC,QAAQ,YACRC,OAAO,iBAEP,gBACEC,cAAc,QACdC,eAAe,QACfC,YAAa,EACbC,EAAE","file":"component---src-templates-blog-post-js-f04d724f2ad238ca9e7a.js","sourcesContent":["import * as React from \"react\";\nimport Layout from \"../components/Layout\";\nimport Seo from \"../components/seo\";\nimport { Link, graphql } from \"gatsby\";\n\nconst PostPage = ({ data }) => {\n  const post = data.markdownRemark;\n  const { site, previous, next } = data;\n  return (\n    <Layout sitedata={site} pagedata={post.frontmatter}>\n      <Seo\n        title={post.frontmatter.title}\n        description={post.frontmatter.description || post.excerpt}\n      />\n      <article\n        className=\"prose dark:prose-dark max-w-none py-5 border-dotted border-b-4 border-red-300\"\n        dangerouslySetInnerHTML={{ __html: post.html }}\n      />\n      <ul className=\"flex md:flex-row flex-col justify-between pt-5\">\n        <li className=\"py-2\">\n          {previous && (\n            <Link to={previous.fields.slug} rel=\"prev\">\n              <div className=\"flex items-center border-2 border-gray-200 rounded-md\tpx-5 py-2 transition hover:bg-indigo-400 hover:text-white dark:text-gray-200\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  className=\"h-6 w-6\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"\n                  />\n                </svg>\n                <div className=\"flex flex-col pl-3\">\n                  <span>{previous.frontmatter.title}</span>\n                  <span>上一篇</span>\n                </div>\n              </div>\n            </Link>\n          )}\n        </li>\n        <li>\n          {next && (\n            <Link to={next.fields.slug} rel=\"next\">\n              <div className=\"flex justify-end items-center border-2 border-gray-200 rounded-md\tpx-5 py-2 transition hover:bg-indigo-400 hover:text-white dark:text-gray-200\">\n                <div className=\"flex flex-col pr-3\">\n                  <span>{next.frontmatter.title}</span>\n                  <span>下一篇</span>\n                </div>\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  className=\"h-6 w-6\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\n                  />\n                </svg>\n              </div>\n            </Link>\n          )}\n        </li>\n      </ul>\n    </Layout>\n  );\n};\n\nexport default PostPage;\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug(\n    $id: String!\n    $previousPostId: String\n    $nextPostId: String\n  ) {\n    site {\n      siteMetadata {\n        title\n        siteUrl\n        description\n        navlink {\n          label\n          url\n        }\n      }\n    }\n    markdownRemark(id: { eq: $id }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"YYYY.MM.DD HH:mm:SS\")\n        description\n      }\n    }\n    previous: markdownRemark(id: { eq: $previousPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n    next: markdownRemark(id: { eq: $nextPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}