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

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

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

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


当前回答

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

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

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

其他回答

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

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

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)

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

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

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

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

实际上,我已经使用(还有什么;-))Vim:它有一个2html“插件”。请看这里的医生。

所以当我编辑我的代码时,我只是把它转换成HTML,然后把结果粘贴到Blogger的HTML编辑器中。

注意:它不是那么漂亮的HTML(嵌入css会更好),但它只是工作。

哦:它有多种语言的语法文件,这使它非常有用。