如何在WordPress.com上托管的WordPress博客中添加语法突出显示?

时间:2009-08-13 18:06:26

标签: wordpress syntax-highlighting blogs

我想为我的WordPress博客提供一个好的语法高亮显示器。我有哪些选择?我经常看到一个具有良好颜色的语法突出显示和复制到剪贴板的选项。有谁知道这是什么工具?

9 个答案:

答案 0 :(得分:76)

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

这样做:

[code language='python']

[/code]

请注意,这些标记位于可视编辑器内,而不是HTML编辑器。

您可以找到更多信息here

答案 1 :(得分:2)

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

答案 2 :(得分:2)

语法高亮的最佳方法是使用prismjs,它完全免费,功能强大。

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

  2. 它的重量非常轻,它不会像其他语法高亮插件那样陷入网站速度。

  3. 要配置prismjs,您需要在function.php文件中进行少量代码调整。关注这个博客中的turoails http://skillslane.com/setup-syntax-highlighter-for-wordpress/

答案 3 :(得分:1)

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

用于各种语法高亮的WP插件!

答案 4 :(得分:1)

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

答案 5 :(得分:1)

这是一个离线选项(我知道你在询问在线工具,但以防万一......)

我使用离线工具将源代码示例的博客条目处理成html格式,然后发布html。

真的只是:

  • 偏移源代码至少4 空格并指定语言 第一行,如:::html
  • 通过以下方式运行您的文件:

python脚本:

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

我使用pygments设置markdown可能你只需要使用pygments作为源代码。您运行该文件以及脚本,然后将html复制粘贴到您的博客。

您可以从pygments转储css样式,突出显示语法,然后链接到它或将其包含在页面中。我不确定wordpress是否支持。

Here is how to setup markdown with pygments to do syntax highlighting(对于Blogger - Blogger的唯一细节是它使用css更新Blogger css以突出显示代码。)

答案 6 :(得分:0)

您可以使用Alex Gorbatchev的SyntaxHighlighter。它的javascript非常简单,支持得很好,易于安装和修改。以下是博主的一些说明......但您要做的就是删除blogger = true行。

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

答案 7 :(得分:0)

我为WordPress开发了一个名为" Mivhak"的lightweight syntax highlighter插件。该插件有一个后端代码编辑器,可以轻松插入代码,具有实时错误检查和语法突出显示功能。它也可以高度定制。

该插件托管于wordpress.org

答案 8 :(得分:0)

它现在支持SyntaxHighlighter Code个区块。

尽管在设置中必须选择语言有点不方便。