如何将语法高亮添加到WordPress.com上托管的WordPress博客？

Question

我想为我的WordPress博客打造一个很好的语法高亮器。我有什么选择可用？我经常看到一个颜色很好的语法高亮显示和复制到剪贴板的选项。有没有人有一个想法这是什么工具？

Answer 1

在wordpress.com上，您无法安装插件，因此您必须使用Wordpress的内置小工具。

不喜欢它：

[code language='python'] 

[/code] 

需要注意的是这些标签的可视化编辑器，而不是HTML编辑器里面去。

你可以找到更多的信息here。

Answer 2

http://wordpress.org/extend/plugins/devformatter/

WP插件各种语法高亮！

Answer 3

SyntaxHighlighter是一个不错的工具。它使用JavaScript和CSS类来标记应该突出显示的HTML元素。它还允许将代码复制到剪贴板并打印。

Answer 4

如果您不想或不能在您的博客上安装内容，我建议您使用pygments来突出显示您的代码。我描述了这个here。

Answer 5

这是一种离线的选项（我知道你问的在线工具，但以防万一...）

我使用离线工具来处理博客条目与源代码示例为HTML格式，然后就交html。

这真的只是：

• 抵消至少4个 空间的源代码，并指定语言的 第一线像:::html
• 通过运行文件：

python脚本：

import markdown 
html = markdown.markdown(text,['codehilite']) 

我使用pygments设置降价，可能您只需对源代码使用pygments即可。你运行该脚本文件，然后复制粘贴HTML到你的博客。

您可以转储CSS样式，以突出语法，从pygments，然后或者链接到它或包括它在您的页面。我不确定wordpress是否支持。

Here is how to setup markdown with pygments to do syntax highlighting（对于Blogger - Blogger的唯一具体内容是它使用CSS更新Blogger css以突出显示代码）。

Answer 6

你可以使用Alex Gorbatchev的SyntaxHighlighter。它的JavaScript和非常简单和良好的支持，易于安装和修改。以下是博客的一些说明......但您需要做的是删除blogger = true行。

http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html

Answer 7

语法高亮的最好方法是使用prismjs，这与真棒功能完全免费。

1. 它支持几乎所有的编程语言，shell脚本等等。

2. 这是非常轻的重量，它不会像其他语法突出显示插件速度慢下来你的网站速度。

对于配置prismjs，你需要在你的function.php文件中做很少的代码调整。按照这个博客中的turoails http://skillslane.com/setup-syntax-highlighter-for-wordpress/

Answer 8

我开发了一个名为“Mivhak”的WordPress插件lightweight syntax highlighter。该插件有一个后端代码编辑器，可以方便地插入代码，并提供实时错误检查和语法高亮显示。它也是highliy可定制的。

插件托管在wordpress.org上