格式化博客上的博客代码片段

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

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

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

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

当前回答

使用SyntaxHighlighter可以很容易地做到这一点。我在我的博客上有一步一步地说明如何在Blogger中设置SyntaxHighlighter。SyntaxHighlighter非常容易使用。它可以让你以原始形式发布片段，然后将它们包装在pre块中，如:

<pre name="code" class="brush: erlang"><![CDATA[
-module(trim).

-export([string_strip_right/1, reverse_tl_reverse/1, bench/0]).

bench() -> [nbench(N) || N <- [1,1000,1000000]].

nbench(N) -> {N, bench(["a" || _ <- lists:seq(1,N)])}.

bench(String) ->
    {{string_strip_right,
    lists:sum([
        element(1, timer:tc(trim, string_strip_right, [String]))
        || _ <- lists:seq(1,1000)])},
    {reverse_tl_reverse,
    lists:sum([
        element(1, timer:tc(trim, reverse_tl_reverse, [String]))
        || _ <- lists:seq(1,1000)])}}.

string_strip_right(String) -> string:strip(String, right, $\n).

reverse_tl_reverse(String) ->
    lists:reverse(tl(lists:reverse(String))).
]]></pre>

只需将笔刷名称更改为“python”或“java”或“javascript”，并粘贴您选择的代码。CDATA标记让您可以在其中放入几乎任何代码，而不用担心实体转义或其他代码博客的典型烦恼。

2010-03-30 22:52:45

其他回答

我在f#中编写了自己的代码(参见这个问题)，但它仍然不是完美的(我只是做正则表达式，所以我不识别类或方法名等)。

基本上，据我所知，如果你在撰写模式和HTML模式之间切换，博客编辑器有时会吃掉你的尖括号。所以你必须粘贴到HTML模式，然后直接保存。(我可能是错的，现在刚刚尝试，它似乎工作-依赖浏览器?)

当你有泛型时，这是可怕的!

2009-03-27 10:29:29

这里有一个网站，它将格式化你的代码并输出html，它甚至包括用于语法着色的内联样式。也许不能满足你所有的需求，但这是一个好的开始。我相信他已经提供了来源，如果你想扩展它:

2009-03-24 20:53:54

这个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视图在博客(或任何其他)后编辑器。

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

2012-01-02 04:33:13

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

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

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

2013-03-15 11:07:45

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

以下是我的博文:

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

我对它的能力印象深刻。