Beitrag

Syntax Highlighting Post

2013-08-16 · Archiv

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.

Highlighted Code Blocks

To modify styling and highlight colors edit /sass/highlighter.scss.

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

Standard Code Block

<nav class="pagination" role="navigation">
    {% if page.previous %}
        <a href="{{ site.url }}{{ page.previous.url }}" class="btn">Previous article</a>
    {% endif %}
</nav>

#code #highlighting #archive