{"componentChunkName":"component---src-templates-blog-post-js","path":"/code-highlighting-post/","result":{"data":{"site":{"siteMetadata":{"title":"PT Ming Jaya Sejahtera | E-Commerce Jam Tangan No.1 di Indonesia"}},"markdownRemark":{"id":"d013aad2-fb8d-5245-ac35-ec9480fddad2","excerpt":"Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing…","html":"<p>Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.<sup id=\"fnref-1\"><a href=\"#fn-1\" class=\"footnote-ref\">1</a></sup></p>\n<h3>Fenced Code Blocks</h3>\n<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">#container</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token property\">float</span><span class=\"token punctuation\">:</span> left<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">margin</span><span class=\"token punctuation\">:</span> 0 -240px 0 0<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">width</span><span class=\"token punctuation\">:</span> 100%<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n<div class=\"footnotes\">\n<hr>\n<ol>\n<li id=\"fn-1\">\n<p><a href=\"http://en.wikipedia.org/wiki/Syntax_highlighting\">http://en.wikipedia.org/wiki/Syntax_highlighting</a></p>\n<a href=\"#fnref-1\" class=\"footnote-backref\">↩</a>\n</li>\n</ol>\n</div>","frontmatter":{"title":"Syntax Highlighting Post","date":"July 27, 2020","description":"Demo post displaying the various ways of highlighting code in Markdown."}}},"pageContext":{"slug":"/code-highlighting-post/","previous":null,"next":{"fields":{"slug":"/readability-feature-post/"},"frontmatter":{"title":"Post with Large Feature Image and Text"}}}},"staticQueryHashes":["1246554614","3000541721"]}