diff options
Diffstat (limited to '_posts/2013-08-16-code-highlighting-post.md')
-rw-r--r-- | _posts/2013-08-16-code-highlighting-post.md | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/_posts/2013-08-16-code-highlighting-post.md b/_posts/2013-08-16-code-highlighting-post.md deleted file mode 100644 index 96c27b5..0000000 --- a/_posts/2013-08-16-code-highlighting-post.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -layout: post -title: Syntax Highlighting Post -description: "Demo post displaying the various ways of highlighting code in Markdown." -modified: 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> - -### GFM Code Blocks - -GitHub Flavored Markdown [fenced code blocks](https://help.github.com/articles/creating-and-highlighting-code-blocks/) are supported. To modify styling and highlight colors edit `/_sass/syntax.scss`. - -```css -#container { - float: left; - margin: 0 -240px 0 0; - width: 100%; -} -``` - -{% highlight scss %} -.highlight { - margin: 0; - padding: 1em; - font-family: $monospace; - font-size: $type-size-7; - line-height: 1.8; -} -{% endhighlight %} - -```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 %} -``` - -{% highlight html linenos %} -{% 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 %} -{% endhighlight %} - -```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 -``` - -### Code Blocks in Lists - -Indentation matters. Be sure the indent of the code block aligns with the first non-space character after the list item marker (e.g., `1.`). Usually this will mean indenting 3 spaces instead of 4. - -1. Do step 1. -2. Now do this: - - ```ruby - def print_hi(name) - puts "Hi, #{name}" - end - print_hi('Tom') - #=> prints 'Hi, Tom' to STDOUT. - ``` - -3. Now you can do this. - -### GitHub Gist Embed - -An example of a Gist embed below. - -{% gist mmistakes/6589546 %}
\ No newline at end of file |