如何设置代码块的样式以使所有颜色看起来都像我的 IDE 和 stackoverflow 中的？答案

【问题标题】：How to style a code block to make all the colours look pretty like my IDE and here in stackoverflow?如何设置代码块的样式以使所有颜色看起来都像我的 IDE 和 stackoverflow 中的？
【发布时间】：2010-03-31 16:15:05
【问题描述】：

将代码示例放入我的blog 时，我希望代码具有所有适当的颜色。我该怎么做？

如果我写的话：

foreach (ListItem item in items)
{
    item.Text = "something";
}

我希望它以正确的颜色显示，就像它在我的 Visual Studio 中或在堆栈中一样overflow。

我厌倦了手动设置每个关键词的颜色。是否有我可以使用的预先存在的 javascript 库？

编辑：如果有帮助，我将使用博客作为我的博客平台

【问题讨论】：

alexgorbatchev.com/wiki/SyntaxHighlighter

标签： javascript jquery blogs blogger

【解决方案1】：

一种常见的方法是使用 JavaScript 库来设置代码示例的样式。您可以使用prettify 在网页上进行语法高亮，README 详细说明了如何操作。

【讨论】：

【解决方案2】：

您还可以使用托管代码的地方（如 http://gist.github.com 、 http://snipplr.com/ 和各种其他“pastebin”服务），然后只使用它们提供的嵌入脚本。

【讨论】：

【解决方案3】：

谷歌“语法高亮”。那里有很多库，很多都使用 javascript。

【讨论】：

【解决方案4】：

试试这个syntax highlighter。如果您使用的是特定的 CMS，可能已经为此创建了模块。

【讨论】：

谢谢！虽然这个链接已经过时了

【解决方案5】：

我使用Windows Live Writer 有一段时间了，paste from Visual Studio 有一个插件，可以为您进行颜色编码。然后我将该内容编码到我的 Blogger/Wordpress 帖子中。

现在我为 Wordpress SyntaxHighlighter Evolved 使用基于 java 的插件，它提供换行。

【讨论】：

【解决方案6】：

更新：

链接教程

Adding Syntax Highlighting to Blogger

【讨论】：

【解决方案7】：

你也可以使用vim的导出为html，然后复制粘贴到blogger中。没有最好的解决方案，但可能是最简单的。

【讨论】：

【解决方案8】：

我真的很想让 jballs 评论作为答案......但我不能。不过他是对的 - SyntaxHighlighter 似乎是最容易获得/使用的，并且也有很多支持。

我很快就实现了。对其进行了测试并在此处解释了我的步骤：Colouring code with Syntax Highlighter

【讨论】：