N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Remove references to .less

Browse source 
- Add Gist example
This commit is contained in:
Michael Rose 2014-09-14 14:55:21 -04:00
parent 5ec4da089a
commit 1a837bbdb5
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
_posts/2013-08-16-code-highlighting-post.md
View file

@ -3,15 +3,17 @@ layout: post
title: Syntax Highlighting Post title: Syntax Highlighting Post
excerpt: "Demo post displaying the various ways of highlighting code in Markdown." excerpt: "Demo post displaying the various ways of highlighting code in Markdown."
tags: [sample post, code, highlighting] tags: [sample post, code, highlighting]
modified: 2014-08-09T13:39:56.408513-04:00 modified: 2014-09-14
comments: true comments: true
--- ---
[Syntax highlighting](http://en.wikipedia.org/wiki/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. 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>
### Pygments Code Blocks ### Pygments Code Blocks
To modify styling and highlight colors edit `/_sass/pygments.scss`. To modify styling and highlight colors edit `/_sass/_pygments.scss`.
{% highlight css %} {% highlight css %}
#container { #container {
@ -21,9 +23,7 @@ To modify styling and highlight colors edit `/_sass/pygments.scss`.
} }
{% endhighlight %} {% endhighlight %}
Line numbering enabled: {% highlight html %}
{% highlight html linenos %}
{% raw %} {% raw %}
<nav class="pagination" role="navigation"> <nav class="pagination" role="navigation">
{% if page.previous %} {% if page.previous %}
@ -56,7 +56,6 @@ module Jekyll
end end
{% endhighlight %} {% endhighlight %}
Remember, to prettify code you need to wrap it in special Liquid tags. Code fenced blocks won't get the job done. For more info on how to highlight code snippes in Jekyll, check the [official docs](http://jekyllrb.com/docs/posts/#highlighting-code-snippets).
### Standard Code Block ### Standard Code Block
@ -74,7 +73,7 @@ Remember, to prettify code you need to wrap it in special Liquid tags. Code fenc
### Fenced Code Blocks ### Fenced Code Blocks
To modify styling and highlight colors edit `/assets/less/coderay.less` and compile `main.less` with your favorite preprocessor. Or edit `main.css` if that's your thing, the classes you want to modify all begin with `.coderay`. Line numbers and a few other things can be modified in `_config.yml` under `coderay`. To modify styling and highlight colors edit `/_sass/_coderay.scss`. Line numbers and a few other things can be modified in `_config.yml`. Consult [Jekyll's documentation](http://jekyllrb.com/docs/configuration/) for more information.
~~~ css ~~~ css
#container { #container {