Давно хотел научиться по-человечески подсвечивать код на своих страничках. Взял первое попавшееся - highlight.js
Как пользоваться:
-
Добавляем перед
</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> -
Вместо
default.min.cssможно указать какой-нибудь другой стиль. Например,solarized_dark.min.css. Список стилей можно посмотреть здесь -
Оборачиваем блоки с кодом в пару тегов
<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; }
Комментариев нет:
Отправить комментарий