我的博客托管在Blogger上,我经常用C / c# / Java / XML等语言发布代码片段,但我发现这些代码片段“支离破碎”。

是否有任何网站,我可以用来事先解析代码片段,整理格式,将XML“<”转换为“&lt;”等。

在这个领域有很多关于SO的问题,但我找不到任何直接解决这个问题的问题。

编辑:对于@Rich答案,网站声明“要在您的网站上显示格式化的代码,您需要获得此CSS样式表,并在页面的<head>部分中添加对它的引用”。这就是问题所在——你不能在博客AFAIK上这样做。


当前回答

我已经创建了一篇博客文章,解释如何使用syntaxhighlighter 2.0向博客添加代码语法高亮显示

以下是我的博文:

http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html

我对它的能力印象深刻。

上面的链接停止工作。 尝试使用http://hilite.me/

其他回答

我已经创建了一篇博客文章,解释如何使用syntaxhighlighter 2.0向博客添加代码语法高亮显示

以下是我的博文:

http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html

我对它的能力印象深刻。

上面的链接停止工作。 尝试使用http://hilite.me/

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

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

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

这个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。实际的网站托管在我自己的服务器上,而不是博主的服务器上(博主可以选择将帖子发送到你自己的网站上),但拥有自己的域名和网络托管每个月只需要几美元。

共享代码最简单的方法是使用公共主旨。只需编写一个并粘贴到嵌入代码。容易peasy。

http://gist.github.com

为了解决搜索引擎的问题,可以在页面上使用隐藏的div,简单如下:

<div style="display:none"> content </div>