{"componentChunkName":"component---src-templates-blog-post-js","path":"/development/hello/","result":{"data":{"site":{"siteMetadata":{"title":"Honey bee","author":"bee","siteUrl":"https://honey-bee.netlify.app","comment":{"disqusShortName":"https-honey-bee-netlify-app","utterances":"shinners1/my-blog"},"sponsor":{"buyMeACoffeeId":"shinners1"}}},"markdownRemark":{"id":"59403bc6-e931-50be-8cb0-71e3b1b0c3a5","excerpt":"Welcome, Gatsby! This starter is full-package for your new blog! 1. Support Four frontmatter title date category draft 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,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAABYlAAAWJQFJUiTwAAADHUlEQVQ4y5VUZ09UURDdv+AXS6wx9t57YqJ+sSWAiA0QkCokBokBFUETIUqX3ouCFBVxsaDSpAUQIXSwgBSREkCyhLbl+GbgLbsLapzk5t17350z7cxIMCUqlYqXuFcolJhNVEoVlMI/zbfinkSie6nUAFIKyl0tA/hc2YWv1d3o75ZpAdPS1ZfMBjY+Ksfr2Eq4HE+CyeogGC3xw5ml/rDYFIr75hmoym/VMiqCqj3UBPvxbQCuesnQn+eNGycfIyO0HGVZX1CU0Yj4O/mw3hEBw0W+iHXLhUKuVHsrgrKHopXejiFcORgHkzVBKMlsxsSYAs2fupD/pB7F0iYOf2R4HHHueWww1OktdGsg0Uywt5UU55YHoLG8k8HdTqVyyGeX+fO9+cZQRN/M4bfJXkUwmO+NnORaPiumcCQiWE1hGwwX+uJZYCmG+kdgtzuKwWx3RsJ21+Sy3h7B4N6WLxBg/wrGqwLhfDQRI7Lx6ZBFl2Ncc2C2IQRjIxMIu/aOFe33RsNqWzgDid/Le6LYU1pk1Gx9CKryWtV1kIhJ9TBJ59xVF3xHe1MfP7YQlGwEDzVBySvjlYHsPYFdEPbS8I+TYcunAOXjCrjqp8BOsE5ADaUdXG0boaJEFQrXcksY7PdFIzOygouU/bgGaX4lDJziU6wNSOJumAr302mozGlhy2pQwUMCJQ8d9scgN7WOGdAl/OvrHML5FQ8gjaiYCUhUIGuywVHUFrXBdG0wgxJVRFD60v2JOfeYm4XPG7mQ9F6dQ7HKdSXt3BGJngV8JoWL64LVnlK1KadEH+If6TkfS4TTkQQupLrKmjz0t3vJCuUCGAmFbyoUiowRqMOBGCQI3ULy8O4H6As8zH9aP5OHYqf0/5Th6uEEDv1NfBXfNZR1cu6IpySDvcOIdHkPvbleiLyerdUlWjwUe7mn7RduG6XBYIEPHA/FI823BJ6m6bDcGo5gxyxc2hwGo8V+eORRMD3CdHtZd9rIJxTITqrBLYMUrjiRmDhINPKzzeQU/HXa/GkeigODZmFLXQ+3pCbQbENW8r8TW/mPif0bvpzlYl54wqgAAAAASUVORK5CYII='); 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-four-frontmatter\" style=\"position:relative;\"><a href=\"#1-support-four-frontmatter\" aria-label=\"1 support four 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 Four 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'\ndraft: false\n---</code></pre></div>\n<ol>\n<li>title</li>\n<li>date</li>\n<li>category</li>\n<li>draft</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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC+ElEQVQ4y51V204TURTtpyjQy3Q69/ulLW1pGyKQ+GKiz2CCXyBIxGiiT774IGC0LVRERIIhcikEPm2W+5zpVQEDDyvnnJnpmrX22nuaOOmcR6fnF9Hx2WV02rmIOucMl7fA4Pmjk7MosX9wiFZ7Bx8+fsH6WhMbnxq3RBPrGw00W9v4fdxB4u2799GTucfRo8CIzJoTiTknkgQ7krKjyAlXQ8o6USapR6XCdLS3fxAlVlZeY3pqDnpaRk6zkE7qSE9oSE3ofN9bhZRxLZJjKjynjM2tbSSWllZRY4SSi8AsIXBr0JQAjubza47iwJBsZPiPzT6y6RhixuICGGGjuYXEc044C1t2YKk+PLsC25jkey1nw9NcmHRPzlp9SILJlfVIU+NEaHcJmcJ6lRTmLFhagNCvxyrlAFrWQKC7cFUHPpXDVS06O1x1JnkDIVNoyS58qwJTK8HTQ+StPAKriNAKyXoehjJNqCMnhNw+IxKuJFxexVT5AVQxQMl/iMCeQd6uw9cD1Ip1FO0QiuiRzYDsBshlbCIxRuo4QrjMCCuzGL8nQ6WaTQVFTLohD8KULHqRzQsvplnSvbSZOqNfx38Iq0Q4cV+BLvuohpNkMw+XFJqKB4NqaxK5o7oQBSe2OhTItQqTYwpZc+EZAWzVI3ukrNca3bVHFLeOcTMhU5i3Cyh7BdhaAZpU4e0SGi5vnWzaGiH5LyHvdlLHUjUocRqrbuPGGLY4DHaPN/ZoyjPI0EVZjPsrzcFGMEame2Yraxl2rTeSGbLPxQwrrBChSAnOlquUME2J4tPoefBJsdsdQVf3eW1VemnezqNAcGgQWFi6aA5Gr5dyckyjUBwaN4ePnMFGkVJmUHPxnqXOnmErIzdkguRAEYwBIbNcpY8Ds8FqwixxJAcQUv/u0/3z35ZfvOr2odxP7zZgU5Majz9fjVYbibX1z1hdfYOFp88wP794JywsLGJp+SW+fd8D/wvY/bGPzfY2mpvtO6G19RU7uz/x6/AIfwC0YR6QvOyicwAAAABJRU5ErkJggg=='); 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-support-latex\" style=\"position:relative;\"><a href=\"#8-support-latex\" aria-label=\"8 support latex 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. Support latex</h2>\n<p>Support latex rendering with katex plugin.</p>\n<div class=\"gatsby-highlight\" data-language=\"tex\"><pre class=\"language-tex\"><code class=\"language-tex\"><span class=\"token equation string\">$$<span class=\"token equation-command regex\">\\prod</span>_{i=a}^{b} f(i)$$</span></code></pre></div>\n<p><span class=\"katex\"><span class=\"katex-mathml\"><math xmlns=\"http://www.w3.org/1998/Math/MathML\"><semantics><mrow><msubsup><mo>∏</mo><mrow><mi>i</mi><mo>=</mo><mi>a</mi></mrow><mi>b</mi></msubsup><mi>f</mi><mo stretchy=\"false\">(</mo><mi>i</mi><mo stretchy=\"false\">)</mo></mrow><annotation encoding=\"application/x-tex\">\\prod_{i=a}^{b} f(i)</annotation></semantics></math></span><span class=\"katex-html\" aria-hidden=\"true\"><span class=\"base\"><span class=\"strut\" style=\"height:1.2887179999999998em;vertical-align:-0.29971000000000003em;\"></span><span class=\"mop\"><span class=\"mop op-symbol small-op\" style=\"position:relative;top:-0.0000050000000000050004em;\">∏</span><span class=\"msupsub\"><span class=\"vlist-t vlist-t2\"><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.9890079999999999em;\"><span style=\"top:-2.40029em;margin-left:0em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathdefault mtight\">i</span><span class=\"mrel mtight\">=</span><span class=\"mord mathdefault mtight\">a</span></span></span></span><span style=\"top:-3.2029em;margin-right:0.05em;\"><span class=\"pstrut\" style=\"height:2.7em;\"></span><span class=\"sizing reset-size6 size3 mtight\"><span class=\"mord mtight\"><span class=\"mord mathdefault mtight\">b</span></span></span></span></span><span class=\"vlist-s\">​</span></span><span class=\"vlist-r\"><span class=\"vlist\" style=\"height:0.29971000000000003em;\"><span></span></span></span></span></span></span><span class=\"mspace\" style=\"margin-right:0.16666666666666666em;\"></span><span class=\"mord mathdefault\" style=\"margin-right:0.10764em;\">f</span><span class=\"mopen\">(</span><span class=\"mord mathdefault\">i</span><span class=\"mclose\">)</span></span></span></span></p>\n<h2 id=\"9-other-features-of-this-template\" style=\"position:relative;\"><a href=\"#9-other-features-of-this-template\" aria-label=\"9 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>9. 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":"July 04, 2020"}}},"pageContext":{"slug":"/development/hello/","previous":{"fields":{"slug":"/review/레버리지_롭무어/"},"frontmatter":{"title":"<레버리지> - 롭 무어"}},"next":{"fields":{"slug":"/development/quick_start/"},"frontmatter":{"title":"Quick Start"}}}},"staticQueryHashes":["3128451518","521680639"]}