diff options
Diffstat (limited to 'exampleSite/content/posts/2013-08-16-code-highlighting-post.md')
-rw-r--r-- | exampleSite/content/posts/2013-08-16-code-highlighting-post.md | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/exampleSite/content/posts/2013-08-16-code-highlighting-post.md b/exampleSite/content/posts/2013-08-16-code-highlighting-post.md new file mode 100644 index 0000000..521d9ad --- /dev/null +++ b/exampleSite/content/posts/2013-08-16-code-highlighting-post.md @@ -0,0 +1,120 @@ +--- +layout: post +title: Syntax Highlighting Post +description: "Demo post displaying the various ways of highlighting code in Markdown." +lastmod: 2016-06-01T15:27:45-04:00 +tags: [sample post, code, highlighting] +image: + feature: abstract-10.jpg + credit: dargadgetz + creditlink: http://www.dargadgetz.com/ios-7-abstract-wallpaper-pack-for-iphone-5-and-ipod-touch-retina/ +--- + +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]: <http://en.wikipedia.org/wiki/Syntax_highlighting> + +### Highlighted Code Blocks + +To modify styling and highlight colors edit `/_sass/_syntax.scss`. + +```css +#container { + float: left; + margin: 0 -240px 0 0; + width: 100%; +} +``` + +```html +{% raw %}<nav class="pagination" role="navigation"> + {% if page.previous %} + <a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a> + {% endif %} + {% if page.next %} + <a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a> + {% endif %} +</nav><!-- /.pagination -->{% endraw %} +``` + +```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 +``` + + +### Standard Code Block + + {% raw %}<nav class="pagination" role="navigation"> + {% if page.previous %} + <a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a> + {% endif %} + {% if page.next %} + <a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a> + {% endif %} + </nav><!-- /.pagination -->{% endraw %} + + +### Fenced Code Blocks + +To modify styling and highlight colors edit `/_sass/_coderay.scss`. Line numbers and a few other things can be lastmod in `_config.yml`. Consult [Jekyll's documentation](http://jekyllrb.com/docs/configuration/) for more information. + +~~~ css +#container { + float: left; + margin: 0 -240px 0 0; + width: 100%; +} +~~~ + +~~~ html +{% raw %}<nav class="pagination" role="navigation"> + {% if page.previous %} + <a href="{{ site.url }}{{ page.previous.url }}" class="btn" title="{{ page.previous.title }}">Previous article</a> + {% endif %} + {% if page.next %} + <a href="{{ site.url }}{{ page.next.url }}" class="btn" title="{{ page.next.title }}">Next article</a> + {% endif %} +</nav><!-- /.pagination -->{% endraw %} +~~~ + +~~~ 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 +~~~ + +### GitHub Gist Embed + +An example of a Gist embed below. + +<script src="https://gist.github.com/mmistakes/43a355923921d22cd993.js"></script>
\ No newline at end of file |