如何在博客上设置语法荧光笔

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

1.首先,备份你的博客模板
2.之后,打开您的博客模板(在编辑HTML模式)&复制在此链接给出的所有CSS </b:skin>标签
3.</head>标签前粘贴followig代码

 <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>属性支持的语言列表。

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

这是一个非常简单的“为Blogger的SyntaxHighlighter”教程与截图和一切。

你只需要几分钟就可以开始运行。

另外,本教程是围绕您所指的“新界面”而构build的。

希望这可以帮助。 快乐的编码。

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

  <script type =“text / javascript”>
 window.setTimeout(function(){
     SyntaxHighlighter.config.bloggerMode = true;
     SyntaxHighlighter.all();
 },10);
 </ SCRIPT> 

您可以在调用ScriptHighlighter.all()之前添加更多的默认设置。

如果您想自定义SyntaxHighlighter代码显示的外观,请添加如下所示的CSS:

  .syntaxhighlighter代码{
  字体家族:Consolas!important;
   font-size:10px!important;
 } 

!important是必须重写SyntaxHighlighter主题定义。