如何设置上的博客语法高亮[关闭](how to setup syntax highlighter o

如何设置博客上的新interface.I语法高亮也尝试了许多选项，但直到没有work.please给出任何建议。

Answer 1:

1.首先，把你的博客模板的备份
2.打开你的博客模板（在编辑HTML模式）复制所有的CSS后，在这个环节上给予前</b:skin>标签
3.之前粘贴followig代码</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>属性。

Answer 2:

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

这是一个与屏幕截图，一切教程一个非常简单的“为SyntaxHighlighter的博客”。

你应该启动和运行只需几分钟。

此外，本教程是围绕“新接口”你指的是内置。

希望这可以帮助。编码愉快。

Answer 3:

根据您的模板，内容加载之前SyntaxHighlighter的的JavaScript代码可以运行。在这种情况下，更改代码到一个短暂停后运行就可以解决问题。在试试这个<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的定义。

文章来源: how to setup syntax highlighter on blogger [closed]