{"componentChunkName":"component---src-templates-blog-post-js","path":"/hello-world/","result":{"data":{"site":{"siteMetadata":{"title":"😏","author":"thoamsy"}},"markdownRemark":{"id":"c65bcadc-7687-5f69-8fde-cb782f6b21bb","html":"<p>作为个人博客的第一篇文章, 没有太多的意义, 就当为自己终于开通了博客做一个喝彩 🎉🎈\n在一年左右的前端学习时间中, 能构建出一个属于自己的博客, 也算是十分满足了.\n感谢 <code class=\"language-text\">GitHub</code> 和 <code class=\"language-text\">Google</code> 成为我的前端老师, 另外一个前端老师就是 MDN.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 800px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/9f92b715ad1221ab5238e7533c1c47a7/72e01/cat.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'400\\'%3e%3cpath%20d=\\'M0%20200v200h62v-8a185%20185%200%20011-21%20835%20835%200%200120-131c4-14%204-13-3-13-6%200-7%200-7-2l-1-3-1-7c0-7%201-8%2013-9l8-1H78l-1-7c0-7%200-7%202-7l4%201%202%201%202%201c0%202%201%203%205%203%203%201%203%200%206-8%207-24%2019-43%2034-58a144%20144%200%2001221%2023c11%2016%2020%2042%2029%2081a1461245%201461245%200%200012%2067l2%2014%201%2015%201%209a9467%209467%200%20003-141V1h-15l-15%201-1%202c-1%202%200%203%201%204%201%202%202%2016%201%2018-2%201-1%203%202%204l2%201c0%202-1%202-3%200l-4-1c-1%201-11-3-11-4l-4-13-2-12h-94a2059%202059%200%2000-95%203c-3%203-8%2013-10%2022-3%209-4%2016-2%2024%201%205%201%205-1%208l-3%204c0%201-6%205-8%205l-2%202c0%202%200%203-4%204s-5%202-9%2012c-11%2022-10%2022-13%2032l-1%204h-6l-7%201h-6c-3%200-3%200-2%202l1%207v5h10v-6l1%203%202%202h2c2%201%203%206%201%206H74l-1-5%201-9%201-2-1-9-1-11c-1-2%200-30%202-32v-4a215%20215%200%2001-1-45l-1-12-1-11a1086%201086%200%2001-5%2093l-5-9a494%20494%200%2000-16-37c3%200%202-1%200-4-2-2-2-4-2-15V13l1-6V0H0v200M92%2012v7c0%202%202%203%202%200l1-5%202%206c0%202%201%202%207%202h7V9h-5L96%208h-4v4m5%2034v7l1%206h12v-4c1-10%201-9-6-10l-7%201M44%2068c-2%2010-3%2056%200%2054l1-17a1221%201221%200%2001-1-37m181%203c-18%202-20%202-20%205l1%202%2014-2a564%20564%200%200018-1l1-2c0-3%200-3-6-3l-8%201M98%2084c0%203%201%208%202%207l2%202c1%202%202%203%205%203h3v-6c1-8%200-8-7-8-4%200-5%200-5%202m-83%2036l-1%2014-1%2014c-3%202-2%206%200%205%202%200%202%201%202%2010v12c1%201%201-6%201-17a4976%204976%200%2001-1-38m175%2025c-12%203-39%2015-36%2016l7-3c12-6%2019-7%2040-7%2017%200%2018%200%2027%203%2020%207%2033%2016%2046%2033%206%207%206%207%2011%2017%204%207%203%208-1%201a99%2099%200%2000-68-50c-8-1-9-1-5%202l7%207%203%202c4%200%205%201%205%209l1%2022c1%209%201%2021-1%2022l-1-2c0-3-9-5-15-2h-9c-8%201-13%202-9%204l1%202h-3l1%202c1%200%201%202-1%205l-2%207c0%204-1%202-2-3l1-5%201-5c1-3%201-3-2-2-4%200-8%203-8%205l-1%201v2l1%202-1%202v5l-1%203-1-8c0-7%200-7-2-7s-2%201-2%203l1%2016c-1%203-1%203-14%202-4%200-15%203-15%205l-4%201c-6%200-8-3-4-7l2-6c-1-7%205-22%2012-31%209-14%2032-29%2047-31l4-1-2-4c-3-5-7-10-10-11-4-2-18-2-23%200l-6%202c-2-1-4%201-6%203l-11%209-6%205c-7%206-9%207-5%202%203-4%201-4-4%201l-14%2019-3%206a120%20120%200%20009%20128c12%2017%2034%2035%2051%2043l18%206c19%206%2055%201%2076-11a113%20113%200%200039-40%20166%20166%200%200018-56c2-10%201-28-1-40-7-32-20-54-44-73-6-5-25-15-28-15-2%200-2%200%201%202%202%201%203%201%202%202l-2-1h-1l-3-1a53%2053%200%2000-17-6c-7-2-32-2-38-1m13%2078l-2%202-2%201-2%201c-3%200-5%205-6%2012%200%207%201%209%205%207%202-1%203-2%203-7s2-11%203-11l1%204c-2%2014-2%2014%201%2014l9%201c4%201%207%202%208%201l4%202c2%202%202%203%201%203l-2%201%202%201%205-1c3%200%207-4%207-8l-1-4-2-1h-1l-3-2-3-2-2-1-1-2-1%201-1%201c-2-3-5-4-6-2l-1%202c1%202-1%204-4%203-3%200-3-1%201-3%202-1%202-2%202-4s-1-3-2-3l-1-3c0-2%200-2-2-1l-2-1c0-3-4-3-5-1m-62%2030c-4%202-5%205-4%208l1%201c2-1%206%200%207%202l2%202c2%200%202%203%200%206l-2%203h2l4%202v2c-1%200-2%201-1%202%200%202%201%202%203%202l8%201-4%201-6%202c-1%201-1%201%205%201h7l-5%201c-8%200-7%201%202%203%208%202%208%202%204%202-3%200-4%200-2%201h8v1c0%203%205%200%207-3%201-2%200-5-5-10l-2-3%202-2c3-1%204-2%206-1%205%202%209-1%2010-5%200-4%203-3%202%202l1%205c1%201%200%203-5%208s-5%206%200%206c11%200%2020%201%2021%202h6l-12-4-7-1c-2-1%2014-1%2016%201l2-1c-2-2-7-4-10-3l-2-1c1-2%205-2%209%200s7%200%203-3c-3-2-1-5%204-6%204%200%205-1%203-2l-2-3c0-2%201-3%202-3l1-1%204-2c5-1%207-5%205-8-2-2-10-3-10-1%200%205-10%2010-16%208-4-1-4-1-5%202l-1%204c0%202-3%201-4-2l-1-4%201-3c0-4-1-5-2-2-1%202-2%203-6%200l-2-1-3-1h-3l-3-3c-5-4-5-4-4%204%201%206%201%2012-2%2012-1%201-1%200-1-2%201-4-1-5-5-4-6%201-11-2-13-8-3-5-3-5-8-4m-33%2050c0%202%205%2010%2011%2018a90%2090%200%200085%2036l2-1%202-1-13-1c-18%200-37-5-40-11l-3-2c-1%201-4%200-7-2l-9-7-17-16-6-7v-3c-1%201-2%200-3-1l-2-2\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n        <source\n          data-srcset=\"/static/9f92b715ad1221ab5238e7533c1c47a7/ba381/cat.webp 200w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/7f61c/cat.webp 400w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/d00b9/cat.webp 800w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/a9a89/cat.webp 1024w\"\n          sizes=\"(max-width: 800px) 100vw, 800px\"\n          type=\"image/webp\"\n        />\n        <source\n          srcset=\"/static/9f92b715ad1221ab5238e7533c1c47a7/e07e9/cat.jpg 200w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/066f9/cat.jpg 400w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/4b190/cat.jpg 800w,\n/static/9f92b715ad1221ab5238e7533c1c47a7/72e01/cat.jpg 1024w\"\n          sizes=\"(max-width: 800px) 100vw, 800px\"\n          type=\"image/jpeg\"\n        />\n        <img\n          class=\"gatsby-resp-image-image lazyload\"\n          data-src=\"/static/9f92b715ad1221ab5238e7533c1c47a7/4b190/cat.jpg\"\n          alt=\"cat\"\n          title=\"cat\"\n          loading=\"lazy\"\n          style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        />\n      </picture>\n  </a>\n    </span></p>\n<p>好了, 一段代码开始我的博客之旅.</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token punctuation\">[</span><span class=\"token operator\">...</span><span class=\"token string\">'🐶🐱🐭🐹🐰🐻🐼🐨🐯🦁🐮🐷🐸🐵'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">.</span><span class=\"token function\">map</span><span class=\"token punctuation\">(</span>workAndLearning<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>","frontmatter":{"title":"Hello World","spoiler":"第一篇博客 hhh","image":null,"date":"2017/12/31"}}},"pageContext":{"slug":"/hello-world/","previous":null,"next":{"fields":{"slug":"/base64/Base64 编码的简单尝试/"},"frontmatter":{"title":"Base64 编码的简单尝试","image":null,"spoiler":null}}}}}