📄 readme.rus.txt
字号:
# Highlight.jsHighlight.js нужен для подсветки синтаксиса в примерах кода в блогах,форумах и вообще на любых веб-страницах. Пользоваться им очень просто,потому что работает он автоматически: сам находит блоки кода, самопределяет язык, сам подсвечивает.Автоопределением языка можно управлять, когда оно не справляется само (см.дальше "Эвристика").## Подключение и использованиеВ загруженном архиве лежит файл "highlight.pack.js" -- полная сжатая версиябиблиотеки для работы. Все несжатые исходные файлы также есть в пакете, поэтомуне стесняйтесь в них смотреть!Скрипт подключается одним файлом и одним вызовом инициализирующейфункции: <script type="text/javascript" src="highlight.pack.js"></script> <script type="text/javascript"> hljs.initHighlightingOnLoad(); </script>Несмотря на то, что highlight.pack.js уже содержит только те языки, которые высобираетесь использовать, иногда возникает нужда еще больше оганичить набор языков,используемых на странице. Это достигается перечислением их имен при инициализации: <script type="text/javascript"> hljs.initHighlightingOnLoad('html', 'css'); </script>Полный список классов для разных языков приведен ниже ("Языки").Дальше скрипт ищет на странице конструкции `<pre><code>...</code></pre>`,которые традиционно используются для написания кода, и код в нихразмечается на куски, помеченные разными значениями классов. Классамэтим затем надо задать в стилях нужные цвета например так: .comment { color: gray; } .keyword { font-weight: bold; } .python .string { color: blue; } .html .atribute .value { color: green; }В комплекте с highlight.js идут несколько стилевых тем в директории styles,которые можно использовать напрямую или как основу для собственных экспериментов.### Плагин к WordPressВообще, подключение highlight.js к блогу на [WordPress][wp] ничем не отличаетсяот подключения куда-либо еще. Однако он может быть подключен к блогу и как плагин.Это удобно, если блог находится на общественном сервере, где вы не можетесвободно редактировать файлы, или просто если вы привыкли пользоваться плагинами.Для установки плагина надо скопировать всю директорию с файлами highlight.js вдиректорию плагинов WordPress. После этого в панели плагинов его можнобудет включать и отключать. В меню Options также добавляется страничкаhighlight.js, где можно настраивать список языков и CSS-стили. Удобно до одурения :-).[wp]: http://wordpress.org/## ЭкспортВ файле export.html находится небольшая программка, которая показывает и даетскопировать непосредственно HTML-код подсветки для любого заданного фрагмента кода.Это может понадобится например на сайте, на котором нельзя подключить сам скриптhighlight.js.## ЯзыкиВ списке приведены все языки, которые знает библиотека с классами,соответствующими различным синтаксическим частям. В скобках посленазваний языков указаны идентификаторы языков, используемые в качествеклассов элемента `<code>`.Python ("python"): keyword ключевое слово языка built_in стандартные значения (None, False, True и Ellipsis) number число string строка (любого типа) comment комментарий decorator @-декоратор функции function заголовок функции "def some_name(...):" class заголовок класса "class SomeName(...):" title название функции или класса внутри заголовка params все, что в скобках внутри заголовка функции или классаРезультаты профайлинга Питона ("profile"): number число string строка builtin встроенная функция в строке результата filename имя файла в строке результата summary итоговые результаты профилирования header заголовок таблицы результатов keyword название колонки в заголовке function название функции в строке результата (включая скобки) title само название функци в строке результата (без скобок)Ruby ("ruby"): keyword ключевое слово языка string строка subst внутристроковая подстановка (#{...}) comment комментарий function заголовок функции "def ..." class заголовок класса "class ..." title название функции или класса внутри заголовка parent название родительского класса symbol символ instancevar переменная классаPerl ("perl"): keyword ключевое слово языка comment комментарий number число string строка regexp регулярное выражение sub заголовок процедуры (от "sub" до "{") variable переменная, начинающаяся с "$", "%", "@" operator оператор pod документация (plain old doc)PHP ("php"): keyword ключевое слово языка number число string строка (любого типа) comment комментарий phpdoc параметры phpdoc в комментарии variable переменная, начинающаяся с "$" preprocessor метки препроцессора: "<?php" and "?>"XML ("xml"): tag любой открывающий или закрывающий тег от "<" до ">" comment комментарий pi инструкции обработки (<? ... ?>) cdata раздел CDATA attribute атрибут value значение атрибутаHTML ("html"): keyword тег языка HTML tag любой открывающий или закрывающий тег от "<" до ">" comment комментарий doctype объявление <!DOCTYPE ... > attribute атрибут внутри тега со значением или без value значение атрибутаCSS ("css"): keyword тег языка HTML в селекторах или свойство CSS в правилах id #some_name в селекторах class .some_name в селекторах attr_selector селектор атрибутов (квадатные скобоки в a[href^=http://]) comment комментарий rules все от "{" до "}" value значение свойства внутри правила, все от ":" до ";" или до конца блока правил number число внутри значения string строка внутри значения hexcolor шестнадцатеричный цвет (#FFFFFF) внутри значения function CSS-функция внутри значения params все от "(" до ")" внутри функцииDjango ("django"): keyword тег HTML в HTML, встроенные шаблонные теги и фильтры в шаблонах tag любой открывающий или закрывающий тег от "<" до ">" comment комментарий doctype объявление <!DOCTYPE ... > attribute атрибут внутри тега со значением или без value значение атрибута template_tag шаблонный тег {% .. %} variable шаблонная переменная {{ .. }} template_comment шаблонный комментарий, и {# .. #}, и {% comment %} filter фильтр от "|" до следующего фильтра или до конца тега argument аргумент фильтраJavascript ("javascript"): keyword ключевое слово языка comment комментарий number число literal специальное слово: "true", "false" и "null"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -