{"version":3,"file":"component---src-pages-index-js-f20df2a2758f195ec7b7.js","mappings":"iKA0DA,IA/CY,WAAO,IAAD,IACVA,GAAOC,EAAAA,EAAAA,gBAAe,cAkBtBC,EAAM,UAAGF,EAAKG,KAAKC,oBAAb,aAAG,EAAwBF,OACjCG,EAAM,UAAGL,EAAKG,KAAKC,oBAAb,aAAG,EAAwBC,OAEvC,OACE,uBAAKC,UAAU,OACb,gBAAC,EAAAC,EAAD,CACED,UAAU,aACVE,OAAO,QACPC,QAAS,CAAC,OAAQ,OAAQ,QAC1BC,IAAI,4BACJC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACTC,IAAI,kBARN,uBAUCZ,MAAAA,OAAA,EAAAA,EAAQa,OACP,+BACK,8BAASb,EAAOa,MADrB,KACqCb,MAAAA,OAAA,EAAAA,EAAQc,UAAW,KADxD,qBAIE,qBAAGC,KAAI,yBAAyBZ,MAAAA,OAAA,EAAAA,EAAQa,UAAR,KAAhC,YAJF,WAKwB,qBAAGD,KAAI,KAAKZ,MAAAA,OAAA,EAAAA,EAAQc,OAAR,KAAZ,OALxB,Q,kIC6BR,EAvEe,WAEb,OACE,gBAAC,EAAAC,YAAD,CACEC,MAAK,aAkBLC,OAAQ,SAAAtB,GAAI,OACV,uBAAKM,UAAU,IACZN,EAAKuB,YAAYC,QAAQC,KAAI,SAAAC,GAE5B,OACE,uBAAKpB,UAAU,uEACb,uBAAKA,UAAU,qCACb,uBAAKA,UAAU,+BACb,qBAAGW,KAAI,GAAKS,EAAOC,KAAQrB,UAAU,QACnC,uBAAKA,UAAU,QACb,gBAAC,EAAAsB,EAAD,CACEtB,UAAU,oBACVQ,IAAKY,EAAOX,KACZc,MAAOH,EAAOI,KAAKC,gBAAgBC,mBAGvC,2BACE,sBAAI1B,UAAU,wBAAwB2B,MAAK,GAAKP,EAAOO,OAAUP,EAAOX,MACxE,sBAAIT,UAAU,yBAAyBoB,EAAOQ,gBAIpD,uBAAK5B,UAAU,aACb,qBAAGA,UAAU,sDAAsDW,KAAI,GAAKS,EAAOC,MAAnF,UAGJ,uBAAKrB,UAAU,mCACZoB,EAAOS,KAAKV,KAAI,SAAAW,GACf,OACE,wBAAM9B,UAAU,mDAAmD8B,MAGvE,sBAAI9B,UAAU,8BACXoB,EAAOW,QAAQZ,KAAI,SAAAa,GAClB,OACE,0BAAKA,iBCM7B,EA3DkB,SAAC,GAAsB,IAAD,EAApBtC,EAAoB,EAApBA,KAAMuC,EAAc,EAAdA,SAClBC,GAAY,UAAAxC,EAAKG,KAAKC,oBAAV,eAAwBqC,QAAxB,QAGlB,OAAqB,IAFPzC,EAAK0C,kBAAkBC,MAE3BC,OAEN,gBAAC,IAAD,CAAQL,SAAUA,EAAUE,MAAOD,GACjC,gBAAC,IAAD,CAAKC,MAAM,cACX,gBAAC,IAAD,CAAKzC,KAAMA,IACX,uLAUJ,gBAAC,IAAD,CAAQuC,SAAUA,EAAUE,MAAOD,GACjC,gBAAC,IAAD,CAAKC,MAAM,cACX,gBAAC,IAAD,MACA,gBAAC,EAAD,S","sources":["webpack://gatsby-starter-blog/./src/components/bio.js","webpack://gatsby-starter-blog/./src/components/broker.js","webpack://gatsby-starter-blog/./src/pages/index.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 } 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          social {\n            twitter\n            blog\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  const social = data.site.siteMetadata?.social\n\n  return (\n    <div className=\"bio\">\n      <StaticImage\n        className=\"bio-avatar\"\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      {author?.name && (\n        <p>\n          By <strong>{author.name}</strong> {author?.summary || null}\n          {` `}\n            如果想了解更多，可以关注我的\n          <a href={`https://twitter.com/${social?.twitter || ``}`}>\n            Twitter </a> 或者关注我的 <a href={`${social?.blog || ``}`}> 博客</a>。\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default Bio\n","import * as React from \"react\"\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {GatsbyImage} from \"gatsby-plugin-image\";\n\nconst Broker = () => {\n\n  return (\n    <StaticQuery\n      query={graphql`\n        query BrokersQuery {\n          contentYaml {\n            brokers {\n              description\n              link\n              details\n              name\n              tags\n              logo {\n                childImageSharp {\n                  gatsbyImageData(layout: FIXED, width: 50, height: 50, quality: 95)\n                }\n              }\n            }\n          }\n        }\n      `}\n      render={data => (\n        <div className=\"\">\n          {data.contentYaml.brokers.map(broker => {\n\n            return (\n              <div className=\"px-4 py-6 mt-4 leading-normal rounded shadow bg-white dark:bg-black\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex-initial leading-5 mx-3\">\n                    <a href={`${broker.link}`} className=\"flex\">\n                      <div className=\"mr-4\">\n                        <GatsbyImage\n                          className=\"w-12 rounded-full\"\n                          alt={broker.name}\n                          image={broker.logo.childImageSharp.gatsbyImageData}\n                        />\n                      </div>\n                      <div>\n                        <h4 className=\"text-xl font-semibold\" color={`${broker.color}`}>{broker.name}</h4>\n                        <h5 className=\"text-gray-400 text-sm\">{broker.description}</h5>\n                      </div>\n                    </a>\n                  </div>\n                  <div className=\"flex-none\">\n                    <a className=\"text-white py-2 px-2 rounded-lg text-xs bg-blue-600\" href={`${broker.link}`}>极速开户</a>\n                  </div>\n                </div>\n                <div className=\"text-xs px-4 pt-4 text-gray-800\">\n                  {broker.tags.map(tag => {\n                    return (\n                      <span className=\"text-white bg-gray-400 p-1 rounded text-xs mr-2\">{tag}</span>\n                    )\n                  })}\n                  <ul className=\"list-disc bg-rose-200 pt-3\">\n                    {broker.details.map(detail => {\n                      return (\n                        <li>{detail}</li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\n    />\n  )\n}\n\nexport default Broker\n\n","import * as React from \"react\"\nimport {graphql} from \"gatsby\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Broker from \"../components/broker\"\n\nconst BlogIndex = ({data, location}) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const posts = data.allMarkdownRemark.nodes\n\n  if (posts.length === 0) {\n    return (\n      <Layout location={location} title={siteTitle}>\n        <Seo title=\"All posts\"/>\n        <Bio data={data}/>\n        <p>\n          No blog posts found. Add markdown posts to \"content/blog\" (or the\n          directory you specified for the \"gatsby-source-filesystem\" plugin in\n          gatsby-config.js).\n        </p>\n      </Layout>\n    )\n  }\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo title=\"All posts\"/>\n      <Bio/>\n      <Broker/>\n      {/*<ol style={{listStyle: `none`}}>*/}\n      {/*  {posts.map(post => {*/}\n      {/*    const title = post.frontmatter.title || post.fields.slug*/}\n\n      {/*    return (*/}\n      {/*      <li key={post.fields.slug}>*/}\n      {/*        <article*/}\n      {/*          className=\"post-list-item\"*/}\n      {/*          itemScope*/}\n      {/*          itemType=\"http://schema.org/Article\"*/}\n      {/*        >*/}\n      {/*          <header>*/}\n      {/*            <h2>*/}\n      {/*              <Link to={post.fields.slug} itemProp=\"url\">*/}\n      {/*                <span itemProp=\"headline\">{title}</span>*/}\n      {/*              </Link>*/}\n      {/*            </h2>*/}\n      {/*            <small>{post.frontmatter.date}</small>*/}\n      {/*          </header>*/}\n      {/*          <section>*/}\n      {/*            <p*/}\n      {/*              dangerouslySetInnerHTML={{*/}\n      {/*                __html: post.frontmatter.description || post.excerpt,*/}\n      {/*              }}*/}\n      {/*              itemProp=\"description\"*/}\n      {/*            />*/}\n      {/*          </section>*/}\n      {/*        </article>*/}\n      {/*      </li>*/}\n      {/*    )*/}\n      {/*  })}*/}\n      {/*</ol>*/}\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n{\n  site {\n    siteMetadata {\n      title\n    }\n  }\n  allMarkdownRemark(sort: {fields: [frontmatter___date], order: DESC}) {\n    nodes {\n      excerpt\n      fields {\n        slug\n      }\n      frontmatter {\n        date(formatString: \"MMMM DD, YYYY\")\n        title\n        description\n      }\n    }\n  }\n}\n`\n"],"names":["data","useStaticQuery","author","site","siteMetadata","social","className","S","layout","formats","src","width","height","quality","alt","name","summary","href","twitter","blog","StaticQuery","query","render","contentYaml","brokers","map","broker","link","G","image","logo","childImageSharp","gatsbyImageData","color","description","tags","tag","details","detail","location","siteTitle","title","allMarkdownRemark","nodes","length"],"sourceRoot":""}