{"version":3,"file":"component---src-templates-blog-post-js-19fdd2142f7b65317717.js","mappings":"iKAoDA,IAzCY,WAAO,IAAD,EAeVA,EAAM,WAdCC,EAAAA,EAAAA,gBAAe,cAcRC,KAAKC,oBAAb,aAAG,EAAwBH,OAEvC,OACE,gBAAC,EAAAI,KAAD,CAAMC,UAAU,uDAAuDC,GAAG,UACxE,gBAAC,EAAAC,EAAD,CACEF,UAAU,kCACVG,OAAO,QACPC,QAAS,CAAC,OAAQ,OAAQ,QAC1BC,IAAI,4BACJC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACTC,IAAI,kBARN,sBAUA,2BACE,+BACK,8BAASd,MAAAA,OAAT,EAASA,EAAQe,OAEtB,qBAAGV,UAAU,iBACVL,MAAAA,OAAA,EAAAA,EAAQgB,UAAW,U,yHCoC9B,UAtEyB,SAAC,GAAwB,IAAD,IAArBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAC1BC,EAAOF,EAAKG,eACZC,GAAY,UAAAJ,EAAKf,KAAKC,oBAAV,eAAwBmB,QAAxB,QACVC,EAAmBN,EAAnBM,SAAUC,EAASP,EAATO,KAElB,OACE,gBAAC,IAAD,CAAQN,SAAUA,EAAUI,MAAOD,GACjC,gBAAC,IAAD,CACEC,MAAOH,EAAKM,YAAYH,MACxBI,YAAaP,EAAKM,YAAYC,aAAeP,EAAKQ,UAEpD,2BACEtB,UAAU,kBACVuB,WAAS,EACTC,SAAS,6BAET,0BAAQxB,UAAU,uEAChB,gBAAC,IAAD,KAAec,EAAKM,YAAYH,OAChC,qBAAGjB,UAAU,8BACX,4BAAOc,EAAKM,YAAYK,OAE1B,sBAAIzB,UAAU,WAAd,UACGc,EAAKM,YAAYM,YADpB,aACG,EAAuBC,KAAI,SAAAC,GAAG,OAC7B,gBAAC,IAAD,CACEC,KAAI,SAAWC,GAAAA,CAAUF,GAArB,IACJG,IAAKH,GAEJA,QAKT,2BACE5B,UAAU,iFACVgC,wBAAyB,CAAEC,OAAQnB,EAAKoB,MACxCC,SAAS,gBAEX,4BAEF,gBAAC,IAAD,MACA,uBAAKnC,UAAU,iBACb,sBACEoC,MAAO,CACLC,QAAQ,OACRC,SAAS,OACTC,eAAe,gBACfC,UAAU,OACVC,QAAS,IAGX,0BACGvB,GACC,gBAAC,EAAAnB,KAAD,CAAME,GAAIiB,EAASwB,OAAOC,KAAMC,IAAI,QAApC,KACK1B,EAASE,YAAYH,QAI9B,0BACGE,GACC,gBAAC,EAAApB,KAAD,CAAME,GAAIkB,EAAKuB,OAAOC,KAAMC,IAAI,QAC7BzB,EAAKC,YAAYH,MADpB,Y","sources":["webpack://gatsby-starter-blog/./src/components/bio.js","webpack://gatsby-starter-blog/./src/templates/blog-post.js"],"sourcesContent":["/**\n * Bio component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.com/docs/use-static-query/\n */\n\nimport * as React from \"react\"\nimport { useStaticQuery, graphql, Link } from \"gatsby\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nconst Bio = () => {\n  const data = useStaticQuery(graphql`\n    query BioQuery {\n      site {\n        siteMetadata {\n          author {\n            name\n            summary\n          }\n        }\n      }\n    }\n  `)\n\n  // Set these values by editing \"siteMetadata\" in gatsby-config.js\n  const author = data.site.siteMetadata?.author\n\n  return (\n    <Link className=\"flex mb-12 p-6 rounded-3xl bg-blue-50 text-secondary\" to=\"/about\">\n      <StaticImage\n        className=\"mr-4 rounded-full flex-shrink-0\"\n        layout=\"fixed\"\n        formats={[\"AUTO\", \"WEBP\", \"AVIF\"]}\n        src=\"../images/profile-pic.jpg\"\n        width={50}\n        height={50}\n        quality={95}\n        alt=\"Profile picture\"\n      />\n      <div>\n        <p>\n          这里是<strong>{author?.name}</strong>\n        </p>\n        <p className=\"line-clamp-2\">\n          {author?.summary || null}\n        </p>\n      </div>\n    </Link>\n  )\n}\n\nexport default Bio\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport kebabCase from \"lodash/kebabCase\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport PageHeading from \"../components/pageHeading\"\nimport TagItem from \"../components/tagItem\"\n\nconst BlogPostTemplate = ({ data, location }) => {\n  const post = data.markdownRemark\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const { previous, next } = data\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo\n        title={post.frontmatter.title}\n        description={post.frontmatter.description || post.excerpt}\n      />\n      <article\n        className=\"blog-post mb-10\"\n        itemScope\n        itemType=\"http://schema.org/Article\"\n      >\n        <header className=\"mb-4 delay-animate-list-item delay-animate-fade-in fade-in-slide-up\">\n          <PageHeading >{post.frontmatter.title}</PageHeading>\n          <p className=\"text-sm mb-2 text-gray-400\">\n            <span>{post.frontmatter.date}</span>\n          </p>\n          <ul className=\"text-sm\">\n            {post.frontmatter.tags?.map(tag => (\n              <TagItem\n                link={`/tags/${kebabCase(tag)}/`}\n                key={tag}\n              >\n                {tag}\n              </TagItem>\n            ))}\n          </ul>\n        </header>\n        <section\n          className=\"prose pt-4 pb-8 delay-animate-list-item delay-animate-fade-in fade-in-slide-up\"\n          dangerouslySetInnerHTML={{ __html: post.html }}\n          itemProp=\"articleBody\"\n        />\n        <hr />\n      </article>\n      <Bio />\n      <nav className=\"blog-post-nav\">\n        <ul\n          style={{\n            display: `flex`,\n            flexWrap: `wrap`,\n            justifyContent: `space-between`,\n            listStyle: `none`,\n            padding: 0,\n          }}\n        >\n          <li>\n            {previous && (\n              <Link to={previous.fields.slug} rel=\"prev\">\n                ← {previous.frontmatter.title}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={next.fields.slug} rel=\"next\">\n                {next.frontmatter.title} →\n              </Link>\n            )}\n          </li>\n        </ul>\n      </nav>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\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      }\n    }\n    markdownRemark(id: { eq: $id }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n        tags\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"],"names":["author","useStaticQuery","site","siteMetadata","Link","className","to","S","layout","formats","src","width","height","quality","alt","name","summary","data","location","post","markdownRemark","siteTitle","title","previous","next","frontmatter","description","excerpt","itemScope","itemType","date","tags","map","tag","link","kebabCase","key","dangerouslySetInnerHTML","__html","html","itemProp","style","display","flexWrap","justifyContent","listStyle","padding","fields","slug","rel"],"sourceRoot":""}