看起来SyntaxHighlighter 2.0做了一些改变，使它更容易与Blogger一起使用。

样式和javascript的托管版本在:http://alexgorbatchev.com/pub/sh/

1. 首先，备份你的博客模板 2. 然后打开你的博客模板(在编辑HTML模式下)，复制</b:skin>标签之前的所有链接中的css 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. 保存博客模板。 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>属性支持的语言列表。

这个css脚本可能对所有人都有用-它不用于语法高亮显示，但用于以原始格式显示源代码:

 <pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; 
                color: #000000; background-color: #eee;
                font-size: 12px; border: 1px dashed #999999;
                line-height: 14px; padding: 5px; 
                overflow: auto; width: 100%">
       <code style="color:#000000;word-wrap:normal;">

            <<<<<<<YOUR CODE HERE>>>>>>>

       </code>
 </pre>

使用方法:

将此片段粘贴到文本编辑器中， 将代码粘贴到<<<<<<>>>>>>块中。 复制全部和 粘贴到HTML视图在博客(或任何其他)后编辑器。

优点:简单易用，少配置，容易重新配置，不需要额外的软件

我在我的博客上使用SyntaxHighlighter。实际的网站托管在我自己的服务器上，而不是博主的服务器上(博主可以选择将帖子发送到你自己的网站上)，但拥有自己的域名和网络托管每个月只需要几美元。

我创造了一个工具来完成这项工作。你可以在我的博客上找到它:

免费在线c#语法高亮显示

除了给你的c#代码上色，这个工具还会处理所有的“<”和“>”符号，把它们转换成“&lt;”和“&gt;”制表符被转换为空格，以便在不同的浏览器中看起来相同。你甚至可以让语法高亮显示内联CSS样式，以防你不能或不想在你的博客或网站中插入CSS样式表。

Emacs的具体答案:就博客而言，它允许内联css。基于javascript的荧光笔的问题是，你必须接受它们的配色方案，或者实现你自己的配色方案。但是，像我一样，如果您喜欢自己的emacs配色方案，那么您还有更好的选择。我已经黑了“htmlize”。El”包为emacs添加以下四个功能…

blog-htmlize-buffer blog-htmlize-region blog-htmlize-buffer-with-linum blog-htmlize-region-with-linum

这些函数将在emacs中的新缓冲区中输出可复制粘贴的html(内联样式)，您可以直接在您的博客文章中使用它。输出看起来与您在emacs中看到的代码完全相同(包括配色方案)。

这里是我博客的链接，在那里你可以找到如何使用“blog-htmlize”的详细信息。El "和emacs。这也消除了html编码的“小于”和“大于”符号。由于emacs负责所有的高亮显示和样式化，您不必担心js库是否支持代码片段的语言，也不必干预blogger中的模板代码。

你可以在这里找到elisp文件(将文件保存为blog-htmlize.el)