![Подсветка синтаксиса кода [code] для uCoz](/_ld/1/02427943.png)
С подсветкой код на сайте выглядит живее и понятнее. В целом любая тема подойдет для вашего сайта, будь то близкая по цветовому решению, будь то контрастная. Пример можно посмотреть у нас на сайте. Перейдем к установке.
Установка
1. Вставить данный код между head и /head
Код
<!-- подсветка -->
<link rel="stylesheet" href="http://uon.ucoz.com/files/atelier-dune-light.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="http://uon.ucoz.com/files/atelier-dune-light.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
2. Этот код вставить перед закрывающим тегом /body
Код
<!-- подсветка -->
<script>
$(document).ready(function() {
$('.bbCodeBlock').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
<script>
$(document).ready(function() {
$('.bbCodeBlock').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
Так же можно выбрать цветовую схема подсветки code. Для этого нужно скачать архив с нашего сайта и загрузить один из стилей с папки styles. И заменить ссылку на свою.
Код
<link rel="stylesheet" href="http://uon.ucoz.com/files/atelier-dune-light.css">
Приятного использования.