вторник, 23 апреля 2013 г.

highlight.js

Давно хотел научиться по-человечески подсвечивать код на своих страничках. Взял первое попавшееся - highlight.js

Как пользоваться:

  1. Добавляем перед </head> строчки:
    <link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
    <script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
    <script type="text/javascript">
        hljs.initHighlightingOnLoad();
    </script>
  2. Вместо default.min.css можно указать какой-нибудь другой стиль. Например, solarized_dark.min.css. Список стилей можно посмотреть здесь
  3. Оборачиваем блоки с кодом в пару тегов <pre><code> ... </code></pre>. Язык определяется автоматически.

Примеры:

Python
#!/usr/bin/env python
import sys, os

def foo():
    pass
C++
#include <iostream>
using namespace std;

int main() {
    cout << "Hello, World!" << endl;
    return 0;
}

Комментариев нет:

Отправить комментарий