Вопрос по syntax-highlighting – как настроить подсветку синтаксиса в блоггере [закрыто]

62

Как настроить подсветку синтаксиса на новом интерфейсе блоггера. Я пробовал много вариантов, но пока не работал. Пожалуйста, дайте какие-либо предложения.

@VinodSrivastav Полезная идея. VINOTH ENERGETIC
Вы можете использоватьgist.github.com для этого размещение вашего кода в блоге не всегда хорошая идея, если вы не можете его обновить;) Vinod Srivastav
Абсолютно глупая и противоречивая внутренняя причина, очень нормальная для СЦ. Для подсветки синтаксиса в блоггере используйте встраивание кода github, то, как вы размещаете на YouTube и вставляете видео. Val
Я думаю, что его руководство доступно на их собственном сайте .. кстати, вы должны посмотреть на блокировщик социального контента для блоггера здесь ---stackoverflow.com/questions/27619171/… craig lerr
Зачем закрывать вопрос? Если вопрос неопределенный, его можно отредактировать. Ответы хорошие, и помогли решить проблему, которую задают. Возможно перенести это на webapps.stackexchange.com? Hanxue

Ваш Ответ

3   ответа
0

В зависимости от вашего шаблона, 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.

128

1.  Во-первых, сделайте резервную копию вашего шаблона блоггера
2.  После этого откройте шаблон вашего блоггера (в режиме редактирования HTML) & amp; скопировать все 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> приписывать.

Спасибо @Mahesh .. :) Сделал работу для меня.
первая ссылка сейчас мертва
Ссылки больше не работают.
Код Google будет отключен. Так что это может больше не работать
Говоря о шаге 3, если вы поставили какую-либо ссылку (предположим, нажмите эту ссылкуsyntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js в браузере), затем его сообщение об ошибке 404. Это ошибка. Запрашиваемый URL /svn/trunk/Scripts/shCore.js не найден на этом сервере. Вот и все, что мы знаем. Кто-нибудь знает об этом инциденте.
22

Проверять, выписыватьсяhttp://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

Это действительно простой "SyntaxHighlighter for Blogger" учебник со скриншотами и все.

Вы должны начать работу всего за несколько минут.

Кроме того, учебное пособие основано на «новом интерфейсе»; Вы ссылаетесь на.

Надеюсь это поможет. Удачного кодирования.

У меня были проблемы, и этот работал для меня. Хотелось бы, чтобы это был гид, использующий автозагрузчик.
Эта ссылка отличная. Я использовал его, чтобы включить подсветку кода в мойSoftware Development Blog, Единственное, о чем вы должны знать, это то, что выделенный код появится только после публикации сообщения. Если вы просто просматриваете его, код не будет выделен. Такое поведение немного смутило меня в начале.

Похожие вопросы