Question

如何在博客新界面上设置语法荧光笔。我尝试了很多选项，但直到没有工作。请给出任何建议。

Answer 1

1。首先，备份您的博主模板
2。之后打开博客模板（在编辑HTML模式下）＆amp;在</b:skin>标记之前复制所有css given in this link 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。您可以转义代码here 8。 Here是 <class> 属性支持的语言列表。

Answer 2

结帐http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

这是一个非常简单的“Blogger的SyntaxHighlighter”教程，包含截图和所有内容。

你应该在几分钟内启动并运行。

此外，本教程围绕您所指的“新界面”构建。

希望这会有所帮助。快乐的编码。

Answer 3

根据您的模板，SyntaxHighlighter JavaScript代码可能在内容加载之前运行。在这种情况下，更改短暂超时后运行的代码应该可以解决问题。请在模板HTML的<head>中尝试此操作：

<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主题定义所必需的。

如何在博客上设置语法高亮显示器

3 个答案: