diff --git a/_posts/2013-08-16-code-highlighting-post.md b/_posts/2013-08-16-code-highlighting-post.md new file mode 100644 index 0000000..ce7be4c --- /dev/null +++ b/_posts/2013-08-16-code-highlighting-post.md @@ -0,0 +1,107 @@ +--- +layout: post +title: Syntax Highlighting Post +description: "Demo post displaying the various ways of highlighting code in Markdown." +category: articles +tags: [sample post, code, highlighting] +image: + feature: so-simple-sample-image-5.jpg + credit: Michael Rose + creditlink: http://mademistakes.com +comments: true +--- + +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.[^1] + +[^1]: + +### Pygments Code Blocks + +{% highlight css %} +#container { + float: left; + margin: 0 -240px 0 0; + width: 100%; +} +{% endhighlight %} + +{% highlight html %} + +{% endhighlight %} + +{% highlight ruby %} +module Jekyll + class TagIndex < Page + def initialize(site, base, dir, tag) + @site = site + @base = base + @dir = dir + @name = 'index.html' + self.process(@name) + self.read_yaml(File.join(base, '_layouts'), 'tag_index.html') + self.data['tag'] = tag + tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: ' + tag_title_suffix = site.config['tag_title_suffix'] || '–' + self.data['title'] = "#{tag_title_prefix}#{tag}" + self.data['description'] = "An archive of posts tagged #{tag}." + end + end +end +{% endhighlight %} + + +### Standard Code Block + + + + +### Fenced Code Blocks + +~~~ css +#container { + float: left; + margin: 0 -240px 0 0; + width: 100%; +} +~~~ + +~~~ html + +~~~ + +~~~ ruby +module Jekyll + class TagIndex < Page + def initialize(site, base, dir, tag) + @site = site + @base = base + @dir = dir + @name = 'index.html' + self.process(@name) + self.read_yaml(File.join(base, '_layouts'), 'tag_index.html') + self.data['tag'] = tag + tag_title_prefix = site.config['tag_title_prefix'] || 'Tagged: ' + tag_title_suffix = site.config['tag_title_suffix'] || '–' + self.data['title'] = "#{tag_title_prefix}#{tag}" + self.data['description'] = "An archive of posts tagged #{tag}." + end + end +end +~~~ \ No newline at end of file