{"componentChunkName":"component---src-templates-blog-post-js","path":"/development/hello/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"59403bc6-e931-50be-8cb0-71e3b1b0c3a5","excerpt":"Welcome, Gatsby! This starter is full-package for your new blog! 1. Support Three frontmatter title date category 2. Code highlighting With Fira Code font Support highlighting with prism\n2-1. Use inline highlighting code  3. Support Markdown (h2) With Noto Sans font Support…","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 466px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 95.66666666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAABYlAAAWJQFJUiTwAAADJklEQVQ4y5WU909TURTH+y/4iyPGvffeJibGHzQaFUQUBJQlCCQGiWgEhUQhCrJXgRIUUAsKkRVGBKEGhCAgSFFkCdSGWVkyur6+e+SVV6wx3uSm972++znje84RYWbp9Xra/Fmr1cHU0uv00HH/Cb/lz2yJ5r7UCUA67rKyQ4WvdUq0NfRiqHfMCMz23PsiU7DpSQ3yk+pw++Qz2K6LguXSUFxYFgaHrbF45PAa9WWdRkZ5qAEohCnahnDn9HOYLQiGz5kXyBHXoKaoDRU5X5Byvxwuu+NhsTgESb4l0Gp0Bm95qEhopa97GNePJMNufRTe57VAPaVFS60SZS/lBGThT4xNI9nvLRmMu1lsFDIBhSEHOWbDelUEQXq7hnHXXAqbtZG4uDwMVivCYb85BhKfEvpWGlwB84XBePO8kZ61M0KJ+FAb33VRKJmRVRgZ/AnXvQmUP9c9CXRm++queIIHO2Uj3D2fjN06kYbJ8enZkHmghMuJ/ZZYTE2oEetVRBfdD0jgvFNMIP7XbX8ifcf2tX2JuLIpBh9nRGIsQw4DbLModw2yb+j6PEAeOXCXXDgPhVDmlc2aSPKewS5x59yED7/D1swA1dNa+JpJyTqzKq/qwfd2FcFYqTC40/Y4uB+UIF9Si/JXcpRIPyEjtJLA6SGVxkAWu59FOvwtM1BX2kGWmzkoU5WHMg89DiWhlAMxxZnB/p4RWK+OQF5i7SyQzyErBVsu5LEfkxS23YZoggo9Zb/s/al5D1Fd2ApZZjMJ2VTZPZtDHthU2UMdkRYoo+fqglZc3hht8JSpzYRg5cPqj0XlfTwVXseeUmcZVBbWYYhrLqxWhqOmuI2e60o6SCjmgaJ1CB6Hk6hb2Ep5UE51WMbl06gOhZ0yqBzFDc4iS3RBcj29a65WUO5YnbKl6huH2LsYZ+cHUamZ7BRhL/dxHeJ/PgPmix7D8+gTUjLQLgvOO8SI9iyE47Y4WC4JRWqAbHaECXvZ1LTRqLXUUvfOpZPirB6ZykyUMLc8Kqu/Tps/5qFObzRQBxQjaG/sRae8H6OqCSOQqSEr+t+JrfvHxP4Fu13ld6Om6H4AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"hello\"\n        title=\"hello\"\n        src=\"/static/31955aadfaea1bcef76bb662347d1af4/fc1a1/hello.png\"\n        srcset=\"/static/31955aadfaea1bcef76bb662347d1af4/5a46d/hello.png 300w,\n/static/31955aadfaea1bcef76bb662347d1af4/fc1a1/hello.png 466w\"\n        sizes=\"(max-width: 466px) 100vw, 466px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>Welcome, Gatsby! This starter is full-package for your new blog!</p>\n<h2 id=\"1-support-three-frontmatter\" style=\"position:relative;\"><a href=\"#1-support-three-frontmatter\" aria-label=\"1 support three frontmatter permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1. Support Three frontmatter</h2>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">---\ntitle: 'Welcome Bee starter'\ndate: 2019-2-6 16:21:13\ncategory: 'development'\n---</code></pre></div>\n<ol>\n<li>title</li>\n<li>date</li>\n<li>category</li>\n</ol>\n<h2 id=\"2-code-highlighting\" style=\"position:relative;\"><a href=\"#2-code-highlighting\" aria-label=\"2 code highlighting permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2. Code highlighting</h2>\n<ol>\n<li>With <a href=\"https://github.com/tonsky/FiraCode\">Fira Code</a> font</li>\n<li>Support highlighting with <a href=\"https://github.com/PrismJS/prism\">prism</a>\n2-1. Use inline highlighting</li>\n</ol>\n<div class=\"gatsby-highlight has-highlighted-lines\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">import</span> React <span class=\"token keyword\">from</span> <span class=\"token string\">'react'</span>\n\n<span class=\"gatsby-highlight-code-line\"><span class=\"token keyword\">const</span> <span class=\"token constant\">TEMPLATE</span> <span class=\"token operator\">=</span> <span class=\"token string\">'gatsby-starter-bee'</span></span>\n<span class=\"token keyword\">class</span> <span class=\"token class-name\">Foo</span> <span class=\"token keyword\">extends</span> <span class=\"token class-name\">React<span class=\"token punctuation\">.</span>Component</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token function-variable function\">handleClick</span> <span class=\"token operator\">=</span> <span class=\"token parameter\">val</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>val <span class=\"token operator\">===</span> <span class=\"token string\">'bar'</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token keyword\">return</span> <span class=\"token number\">1</span>\n    <span class=\"token punctuation\">}</span> <span class=\"token keyword\">else</span> <span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>val <span class=\"token operator\">!==</span> <span class=\"token string\">'zoo'</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token keyword\">return</span> <span class=\"token number\">2</span>\n    <span class=\"token punctuation\">}</span>\n    console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`</span><span class=\"token string\">clicked</span><span class=\"token template-punctuation string\">`</span></span><span class=\"token punctuation\">)</span>\n    <span class=\"token keyword\">return</span> <span class=\"token number\">3</span>\n  <span class=\"token punctuation\">}</span>\n\n  <span class=\"token function\">render</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">return</span> <span class=\"token operator\">&lt;</span>div<span class=\"token operator\">></span>Welcome<span class=\"token punctuation\">,</span> Gatsby<span class=\"token punctuation\">,</span> $<span class=\"token punctuation\">{</span><span class=\"token constant\">TEMPLATE</span><span class=\"token punctuation\">}</span><span class=\"token operator\">&lt;</span><span class=\"token operator\">/</span>div<span class=\"token operator\">></span>\n  <span class=\"token punctuation\">}</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n<p><em>code</em></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1046px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 105%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC5klEQVQ4y51U2VITQRTNp6iQTCazrz1bFjIkiAJVvlilz2AV/oE+yINf4IOCVcoia0AoREBZ1O/iZY63e0hYxYKHU909mZw+5557p7D34/Dk4Oj3yfGvPyeHHMd3A+fY+3l0UiBCzC+u4t37T5j+MIuZj7fH9MxnzM0vYXf/AIWtnd3s+diz7GnsZG6bZYrKMk32M61yEap8PbQKy8pFOxuoP8o2NrezwkpnA8ODY7AlHarlQSrakPotlPptse+ucsn5J4oPTEQsxcLiCgpLKx20OaEWIHYHEAdtWEYMZkXiGTMZHM1HWfzZ7aEi5VDKnhAQBSlm5xe7hKPwDQbPjBD6KXynIfaW6iO0Arg6g17xetBkVyjrkpb6LISseUY41BqDo3rwrBhJNCRUmloMq+IgtgMEpDKicgSmR2cGRpeXizcQcoWeHiDyUnh2E6GdoOpXEXt1JF5C1qtwjGHCQ6hyIuxzIvk6wmUiHGw+hqnEGIieIPZHiGwIkR2jXWuj7icwlJBsRmQ3glr2icS5UMerhOko+u7pMKlmg3EdDZaIIFzNo4t8UXhF4kl30+bqnF4dr1huEWH/fQO2HqGVNMhmFQEpdI1Q1NYlcmYGUGSWWz0XyLWEXCHvJUMJqH4xJRySPVLWbY3TtUuUt45zs2WusOrX0Axr8K0aLC0V7ZI4gWidiuRdIPkvIVcYOrFI1aHE8+Lzxs1x3uJ58N94Y19KeYT6yiLLeX9JAnwEc5RPz3zlLcOfdUeyTPaFmB7hagcpESqU4GizhUZAU2JENHohIlIc2PkI8pB8qq2pMtGjNQKjQeBh2YpLs3wp5WJfrtBSmRg5h+rnUcocnISvPHX+Dl85uaOH4j1Ddi7OcisdEzZ4TbglgeIZ5NLVvdQ7X2M570O9l95twKem1GcKhXMLRLi+sYWpqbeYePES4+OTd8LExCRevX6DlbUNFL5930dnfZM+jsvihrtg/ssS1jpfsb2zh7//OydtLwK/6QAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"code example\"\n        title=\"code example\"\n        src=\"/static/14a95f9ea1a2560a874efa82ad7db24f/1c1a4/code_example.png\"\n        srcset=\"/static/14a95f9ea1a2560a874efa82ad7db24f/5a46d/code_example.png 300w,\n/static/14a95f9ea1a2560a874efa82ad7db24f/0a47e/code_example.png 600w,\n/static/14a95f9ea1a2560a874efa82ad7db24f/1c1a4/code_example.png 1046w\"\n        sizes=\"(max-width: 1046px) 100vw, 1046px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<h2 id=\"3-support-markdown-h2\" style=\"position:relative;\"><a href=\"#3-support-markdown-h2\" aria-label=\"3 support markdown h2 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>3. Support Markdown (h2)</h2>\n<ol>\n<li>With <a href=\"https://fonts.google.com/specimen/Noto+Sans\">Noto Sans</a> font</li>\n<li>Support header anchoring</li>\n</ol>\n<h3 id=\"h3\" style=\"position:relative;\"><a href=\"#h3\" aria-label=\"h3 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>h3</h3>\n<h4 id=\"h4\" style=\"position:relative;\"><a href=\"#h4\" aria-label=\"h4 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>h4</h4>\n<h5 id=\"h5\" style=\"position:relative;\"><a href=\"#h5\" aria-label=\"h5 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>h5</h5>\n<blockquote>\n<p>quote!</p>\n</blockquote>\n<p><strong>bold</strong> <em>italic</em></p>\n<h2 id=\"4-support-emoji-\" style=\"position:relative;\"><a href=\"#4-support-emoji-\" aria-label=\"4 support emoji  permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>4. Support emoji 🚀</h2>\n<p>Based on <a href=\"https://github.com/emojione/emojione\">emojione</a> 🙏</p>\n<h2 id=\"5-support-lightdark-mode\" style=\"position:relative;\"><a href=\"#5-support-lightdark-mode\" aria-label=\"5 support lightdark mode permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>5. Support light/dark mode</h2>\n<h2 id=\"6-support-social-sharing-feature\" style=\"position:relative;\"><a href=\"#6-support-social-sharing-feature\" aria-label=\"6 support social sharing feature permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>6. Support social sharing feature</h2>\n<ol>\n<li>Twitter</li>\n<li>Facebook</li>\n</ol>\n<h3 id=\"bonus-code-classlanguage-textbuy-me-a-coffeecode-button\" style=\"position:relative;\"><a href=\"#bonus-code-classlanguage-textbuy-me-a-coffeecode-button\" aria-label=\"bonus code classlanguage textbuy me a coffeecode button permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Bonus, <code class=\"language-text\">Buy me a coffee</code> button</h3>\n<p>Set, <code class=\"language-text\">buyMeACoffeeId</code> of <code class=\"language-text\">gatsby-meta-config.js</code></p>\n<h2 id=\"7-comments-feature\" style=\"position:relative;\"><a href=\"#7-comments-feature\" aria-label=\"7 comments feature permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>7. Comments feature</h2>\n<p>You can add comments feature by selecting one of them.</p>\n<ul>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> Disqus</li>\n<li class=\"task-list-item\"><input type=\"checkbox\" disabled> utterances</li>\n</ul>\n<h2 id=\"8-other-features-of-this-template\" style=\"position:relative;\"><a href=\"#8-other-features-of-this-template\" aria-label=\"8 other features of this template permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>8. Other features of this template</h2>\n<ol>\n<li>You can add resume to <code class=\"language-text\">/about</code></li>\n<li>Lazy rendering</li>\n<li>Scroll restoration</li>\n<li>Categorize posts</li>\n<li>Offline caching with service worker (based gatsby)</li>\n<li>Support GA(Google Analytics)</li>\n</ol>\n<blockquote>\n<p>Let’s Start! <a href=\"https://github.com/JaeYeopHan/gatsby-starter-bee\">Go</a></p>\n</blockquote>","frontmatter":{"title":"Welcome Bee starter","date":"January 01, 2019"}}},"pageContext":{"slug":"/development/hello/","previous":null,"next":{"fields":{"slug":"/development/ESLINT-airbnb-코드스타일-적용하기/"},"frontmatter":{"title":"ESLINT-airbnb 코드스타일 적용하기","category":"development","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}