{"componentChunkName":"component---src-templates-blog-post-js","path":"/hello-world/","result":{"data":{"site":{"siteMetadata":{"title":"Gatsby Starter Blog"}},"markdownRemark":{"id":"20dca6ac-47d0-517f-a024-9accb9ec5fd1","excerpt":"This is my first post on my new fake blog! How exciting! I’m sure I’ll write a lot more interesting things in the future. Oh, and here’s a great quote from this…","html":"<p>This is my first post on my new fake blog! How exciting!</p>\n<p>I’m sure I’ll write a lot more interesting things in the future.</p>\n<p>Oh, and here’s a great quote from this Wikipedia on\n<a href=\"https://en.wikipedia.org/wiki/Salted_duck_egg\">salted duck eggs</a>.</p>\n<blockquote>\n<p>A salted duck egg is a Chinese preserved food product made by soaking duck\neggs in brine, or packing each egg in damp, salted charcoal. In Asian\nsupermarkets, these eggs are sometimes sold covered in a thick layer of salted\ncharcoal paste. The eggs may also be sold with the salted paste removed,\nwrapped in plastic, and vacuum packed. From the salt curing process, the\nsalted duck eggs have a briny aroma, a gelatin-like egg white and a\nfirm-textured, round yolk that is bright orange-red in color.</p>\n</blockquote>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/8058f3f26913fea3b6a89a73344fe94a/e1596/salty_egg.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: 75.31645569620254%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMB/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEEBf/aAAwDAQACEAMQAAABgik0dWC//8QAGRABAAMBAQAAAAAAAAAAAAAAAQACERJC/9oACAEBAAEFAkqW7B5Zovtvk//EABcRAQADAAAAAAAAAAAAAAAAAAAREkH/2gAIAQMBAT8B1WX/xAAWEQEBAQAAAAAAAAAAAAAAAAAAESL/2gAIAQIBAT8BjT//xAAbEAABBAMAAAAAAAAAAAAAAAAAAQIRISIxMv/aAAgBAQAGPwK9GNocyS8hCj//xAAaEAADAQEBAQAAAAAAAAAAAAAAAREhQYGx/9oACAEBAAE/IXOrA43oOyg9wgU86OZMfwZKypT/2gAMAwEAAgADAAAAEMjv/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARIf/aAAgBAwEBPxARwyusv//EABcRAQEBAQAAAAAAAAAAAAAAAAEAIVH/2gAIAQIBAT8QOoVoX//EAB0QAQEAAgIDAQAAAAAAAAAAAAERADFhgSFB0eH/2gAIAQEAAT8QSpwaGjrBSrtHyF9iY8RpUnGRBGqtOcsiDE6fM3AgiXf5M//Z'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Chinese Salty Egg\"\n        title=\"Chinese Salty Egg\"\n        src=\"/static/8058f3f26913fea3b6a89a73344fe94a/828fb/salty_egg.jpg\"\n        srcset=\"/static/8058f3f26913fea3b6a89a73344fe94a/ff44c/salty_egg.jpg 158w,\n/static/8058f3f26913fea3b6a89a73344fe94a/a6688/salty_egg.jpg 315w,\n/static/8058f3f26913fea3b6a89a73344fe94a/828fb/salty_egg.jpg 630w,\n/static/8058f3f26913fea3b6a89a73344fe94a/0ede0/salty_egg.jpg 945w,\n/static/8058f3f26913fea3b6a89a73344fe94a/3ac88/salty_egg.jpg 1260w,\n/static/8058f3f26913fea3b6a89a73344fe94a/e1596/salty_egg.jpg 2048w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>You can also write code blocks here!</p>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">const</span> saltyDuckEgg <span class=\"token operator\">=</span> <span class=\"token string\">\"chinese preserved food product\"</span></code></pre></div>\n<table>\n<thead>\n<tr>\n<th align=\"left\">Number</th>\n<th align=\"left\">Title</th>\n<th align=\"right\">Year</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td align=\"left\">1</td>\n<td align=\"left\">Harry Potter and the Philosopher’s Stone</td>\n<td align=\"right\">2001</td>\n</tr>\n<tr>\n<td align=\"left\">2</td>\n<td align=\"left\">Harry Potter and the Chamber of Secrets</td>\n<td align=\"right\">2002</td>\n</tr>\n<tr>\n<td align=\"left\">3</td>\n<td align=\"left\">Harry Potter and the Prisoner of Azkaban</td>\n<td align=\"right\">2004</td>\n</tr>\n</tbody>\n</table>\n<p><a href=\"https://raw.github.com/adamschwartz/github-markdown-kitchen-sink/master/README.md\">View raw (TEST.md)</a></p>\n<p>This is a paragraph.</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">This is a paragraph.</code></pre></div>\n<h1>Header 1</h1>\n<h2>Header 2</h2>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">Header 1\n========\n\nHeader 2\n--------</code></pre></div>\n<h1>Header 1</h1>\n<h2>Header 2</h2>\n<h3>Header 3</h3>\n<h4>Header 4</h4>\n<h5>Header 5</h5>\n<h6>Header 6</h6>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\"># Header 1\n## Header 2\n### Header 3\n#### Header 4\n##### Header 5\n###### Header 6</code></pre></div>\n<h1>Header 1</h1>\n<h2>Header 2</h2>\n<h3>Header 3</h3>\n<h4>Header 4</h4>\n<h5>Header 5</h5>\n<h6>Header 6</h6>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\"># Header 1 #\n## Header 2 ##\n### Header 3 ###\n#### Header 4 ####\n##### Header 5 #####\n###### Header 6 ######</code></pre></div>\n<blockquote>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</p>\n</blockquote>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">&gt; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</code></pre></div>\n<blockquote>\n<h2>This is a header.</h2>\n<ol>\n<li>This is the first list item.</li>\n<li>This is the second list item.</li>\n</ol>\n<p>Here’s some example code:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">Markdown.generate();</code></pre></div>\n</blockquote>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">&gt; ## This is a header.\n&gt; 1. This is the first list item.\n&gt; 2. This is the second list item.\n&gt;\n&gt; Here&#39;s some example code:\n&gt;\n&gt;     Markdown.generate();</code></pre></div>\n<ul>\n<li>Red</li>\n<li>Green</li>\n<li>Blue</li>\n<li>Red</li>\n<li>Green</li>\n<li>Blue</li>\n<li>Red</li>\n<li>Green</li>\n<li>Blue</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token list punctuation\">-</span> Red\n<span class=\"token list punctuation\">-</span> Green\n<span class=\"token list punctuation\">-</span> Blue\n\n<span class=\"token list punctuation\">*</span> Red\n<span class=\"token list punctuation\">*</span> Green\n<span class=\"token list punctuation\">*</span> Blue\n\n<span class=\"token list punctuation\">-</span> Red\n<span class=\"token list punctuation\">-</span> Green\n<span class=\"token list punctuation\">-</span> Blue</code></pre></div>\n<ul>\n<li><code class=\"language-text\">code goes</code> here in this line</li>\n<li><strong>bold</strong> goes here</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\">- <span class=\"token code keyword\">`code goes`</span> here in this line\n<span class=\"token list punctuation\">-</span> <span class=\"token bold\"><span class=\"token punctuation\">**</span><span class=\"token content\">bold</span><span class=\"token punctuation\">**</span></span> goes here</code></pre></div>\n<ol>\n<li>Buy flour and salt</li>\n<li>Mix together with water</li>\n<li>Bake</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token list punctuation\">1.</span> Buy flour and salt\n<span class=\"token list punctuation\">1.</span> Mix together with water\n<span class=\"token list punctuation\">1.</span> Bake</code></pre></div>\n<ol>\n<li><code class=\"language-text\">code goes</code> here in this line</li>\n<li><strong>bold</strong> goes here</li>\n</ol>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\">1. <span class=\"token code keyword\">`code goes`</span> here in this line\n<span class=\"token list punctuation\">1.</span> <span class=\"token bold\"><span class=\"token punctuation\">**</span><span class=\"token content\">bold</span><span class=\"token punctuation\">**</span></span> goes here</code></pre></div>\n<p>Paragraph:</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">Code</code></pre></div>\n<!-- -->\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">Paragraph:\n\n    Code</code></pre></div>\n<hr>\n<hr>\n<hr>\n<hr>\n<hr>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">* * *\n\n***\n\n*****\n\n- - -\n\n---------------------------------------</code></pre></div>\n<p>This is <a href=\"http://example.com\" title=\"Example\">an example</a> link.</p>\n<p><a href=\"http://example.com\">This link</a> has no title attr.</p>\n<p>This is <a href=\"http://example.com\" title=\"Optional Title\">an example</a> reference-style link.</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">This is [an example](http://example.com &quot;Example&quot;) link.\n\n[This link](http://example.com) has no title attr.\n\nThis is [an example] [id] reference-style link.\n\n[id]: http://example.com &quot;Optional Title&quot;</code></pre></div>\n<p><em>single asterisks</em></p>\n<p><em>single underscores</em></p>\n<p><strong>double asterisks</strong></p>\n<p><strong>double underscores</strong></p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">*single asterisks*\n\n_single underscores_\n\n**double asterisks**\n\n__double underscores__</code></pre></div>\n<p>This paragraph has some <code class=\"language-text\">code</code> in it.</p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">This paragraph has some `code` in it.</code></pre></div>\n<p><img src=\"https://placehold.it/200x50\" alt=\"Alt Text\" title=\"Image Title\"></p>\n<div class=\"gatsby-highlight\" data-language=\"text\"><pre class=\"language-text\"><code class=\"language-text\">![Alt Text](https://placehold.it/200x50 &quot;Image Title&quot;)</code></pre></div>","frontmatter":{"title":"Hello World","date":"May 01, 2015","description":"Hello World"}},"previous":null,"next":{"fields":{"slug":"/my-second-post/"},"frontmatter":{"title":"My Second Post!"}}},"pageContext":{"id":"20dca6ac-47d0-517f-a024-9accb9ec5fd1","previousPostId":null,"nextPostId":"deb7b857-d539-5efc-945c-05de6996f250"}},"staticQueryHashes":["2841359383","3257411868"]}