Настраиваем SyntaxHighlighter в Blogger.com
Появилась потребность подсвечивать код для лучшей читаймости в бложике,стал гуглить. Нагуглил парочку статей,почти все различаются,и различаются потому что блоггер.ком рос и модифицировался,в итоге старые статьи не подходили. Решил найти,разобраться и собрать все знания воедино на дату написания поста(5.11.2013).
Итак,мы имеем вот такой вот сервис SyntaxHighlighter .Человек любезно предоставляет нам свою фичу для подсветки кода. Для его работы требует добавить в шаблон его код. Для этого следует открыть редактор HTML кода шаблона в гуглоблогах,далее используя поиск найти <head>(он обычно расположен сверху),и вставить под него этот код :
<pre class="brush: c++"> //Там где С++ ,можно использовать шаблоны под другие языки
Сюда кладём код
</pre>
А вот тут написаны все варианты кода который можно подсвечивать. Для того чтобы добавить или удалить поддержку того или иного кода,нужно добавить или удалить строку из HTML кода шаблона(всё по аналогии)
UPD:
http://www.stramaxon.com/2012/07/add-syntax-highlighter-to-blogger.html
Итак,мы имеем вот такой вот сервис SyntaxHighlighter .Человек любезно предоставляет нам свою фичу для подсветки кода. Для его работы требует добавить в шаблон его код. Для этого следует открыть редактор HTML кода шаблона в гуглоблогах,далее используя поиск найти <head>(он обычно расположен сверху),и вставить под него этот код :
После чего его можно применять во время написания статьи. Шаблон для приминения таков:
<pre class="brush: c++"> //Там где С++ ,можно использовать шаблоны под другие языки
Сюда кладём код
</pre>
А вот тут написаны все варианты кода который можно подсвечивать. Для того чтобы добавить или удалить поддержку того или иного кода,нужно добавить или удалить строку из HTML кода шаблона(всё по аналогии)
UPD:
http://www.stramaxon.com/2012/07/add-syntax-highlighter-to-blogger.html
Comments
Post a Comment