Как настроить подсветку синтаксиса в новом интерфейсе Blogger? Я пробовал много вариантов, но ничего не сработало. Пожалуйста, дайте любые предложения.
Как настроить подсветку синтаксиса в Blogger?
Ответы (3)
1. Сначала сделайте резервную копию своего шаблона blogger
2. После этого откройте свой шаблон blogger (в режиме редактирования HTML) и скопируйте все css указан в этой ссылке перед тегом </b:skin>
3. Вставьте следующий код перед тегом </head>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
4. Вставьте следующий код перед тегом </body>.
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
5. Сохраните шаблон Blogger.
6. Теперь подсветка синтаксиса готова к использованию, вы можете использовать ее с тегом <pre></pre>.
<pre name="code">
...Your html-escaped code goes here...
</pre>
<pre name="code" class="php">
echo "I like PHP";
</pre>
7. Вы можете экранировать свой код здесь.
8. здесь — список поддерживаемых языков для атрибута <class>.
person
Mahesh Meniya
schedule
01.06.2012
Спасибо @Mahesh .. :) Сделал работу за меня.
- person Bhushan Firake; 08.09.2014
Удаление некоторых .js, таких как ‹script src='syntaxhighlighter.googlecode.com/svn/ trunk/Scripts/' type='text/javascript'›‹/script› значительно ускоряет загрузку страницы
- person Deepscorn; 06.09.2015
Код Google будет закрыт. Так что это может больше не работать
- person Jalal; 22.10.2015
первая ссылка уже мертва
- person Anake; 18.05.2016
Говоря о шаге 3, если вы поместите какую-либо ссылку (предположим, нажмите на этот URL-адрес syntaxhighlighter.googlecode .com/svn/trunk/Scripts/shCore.js в браузере), то выдается сообщение об ошибке 404. Это ошибка. Запрошенный URL-адрес /svn/trunk/Scripts/shCore.js не найден на этом сервере. Это все, что мы знаем. Кто-нибудь знает об этом происшествии.
- person Anjan Kant; 18.05.2016
Ссылки больше не работают.
- person Gunaseelan; 31.05.2016
да, ссылки изменены, мой блог тоже не работает, но я исправил это с помощью новых ссылок css и js, если кому нужно, могу подсказать
- person Ehsan Sajjad; 26.06.2016
@EhsanSajjad Да, братан, мне нужна твоя помощь.
- person Gunaseelan; 02.08.2016
@Gunaseelan, я успешно настроил, используя ссылку oneqonea.blogspot.com.br/2012/04/, как указано в stackoverflow.com/a /10374470/3424212 Что изменилось, так это использование CDN (шаг 5): cdnjs.com/libraries /Подсветка синтаксиса
- person mqueirozcorreia; 29.01.2017
Оформить заказ на http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html
Это действительно простое руководство "SyntaxHighlighter for Blogger" со скриншотами и всем остальным.
Вы должны начать работу всего через несколько минут.
Кроме того, учебник построен вокруг «нового интерфейса», о котором вы говорите.
Надеюсь это поможет. Удачного кодирования.
person
John Erck
schedule
29.04.2012
Эта ссылка великолепна. Я использовал его для включения подсветки кода в свой блог разработки программного обеспечения. Единственное, что вы должны знать, это то, что выделенный код появится только после того, как вы опубликуете пост. Если вы просто просмотрите его, код не будет выделен. Поначалу такое поведение меня немного смущало.
- person Andrii Polunin; 09.12.2012
У меня были проблемы, и этот работал для меня. Я просто хочу, чтобы это было руководство по использованию автозагрузчика.
- person Xarcell; 28.04.2013
Ответы только по ссылкам не приветствуются. Было бы здорово, если бы вы могли добавить суть в ответ и перенаправить его по ссылке для получения более подробной информации.
- person Aniket Thakur; 16.05.2020
В зависимости от вашего шаблона код JavaScript SyntaxHighlighter может выполняться до загрузки содержимого. В этом случае изменение кода для запуска после короткого тайм-аута должно решить проблему. Попробуйте это в <head> вашего шаблона HTML:
<script type="text/javascript">
window.setTimeout(function() {
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
}, 10);
</script>
Вы можете добавить дополнительную настройку значений по умолчанию перед вызовом ScriptHighlighter.all().
Если вы хотите настроить внешний вид отображения кода SyntaxHighlighter, добавьте следующий CSS-код:
.syntaxhighlighter code {
font-family: Consolas !important;
font-size: 10px !important;
}
!important необходим для переопределения определений темы SyntaxHighlighter.
person
grkvlt
schedule
10.03.2013
<pre><code class="js"></code></pre>блоков. См. его Github для тем и языков, которые можно использовать в коде ниже. - person Andrew schedule 16.10.2019</head>(я использовал тему VS2015, вы можете выбрать свою):<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/vs2015.min.css"/><script src="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>До</body>:<script type="text/javascript"> hljs.configure({}); //Can configure it here. hljs.initHighlightingOnLoad(); </script>Может быть, это поможет кому-то... У меня это работает без проблем и очень быстро загружается в Blogger. - person Andrew schedule 16.10.2019