Сегодня установил на блог JavaScript библиотеку для подсветки синтаксиса кода, который легко интегрируется с любыми сайтами и блогами. В нашем случае SyntaxHighlighter будем устанавливать в наш любимый Blogger.
![]() |
SyntaxHighlighter |
Для установки кода на блог, зайдите в панель управления Blogger — Тема — Изменить HTML. Находим <head> (обычно в начале шаблона) и вставляем чуть ниже код:
Вот так будет выглядеть подсветка синтаксиса после применения ⇑
Сохраните шаблон. Теперь когда Вы будете публиковать статью с кодом, ваш код вставляете в редактор сообщений в режиме HTML.
Для кода HTML:
<pre class=»brush:html»>
Здесь будет ваш код HTML
</pre>
Для «JavaScript», Вы можете использовать «JS» или «JScript» или «JavaScript»:
<pre class=»brush:JavaScript»>
Здесь ваш код JavaScript
</pre>
Ну и последнее для CSS использовать:
<pre class=»brush:css»>
Здесь ваш код CSS
</pre>
На этом всё. Ждите новых статей.
П.С. Если после установки, Вам понравился скрипт, то лучше скачайте все шесть JavaScript и CSS файлов на комп и перезалейте на какой нибудь хост (если конечно есть такой у Вас).
#БудьтеДобрыиУлыбайтесьЧаще 😋
Понравился этот пост? Следите за этим блогом, чтобы узнать больше.