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

我想在我的WordPress博客上有一个很好的语法荧光笔。 我有什么select可用? 我经常看到一个颜色很好的语法高亮显示和复制到剪贴板的选项。 有没有人有一个想法这是什么工具?

在wordpress.com上,你不能安装插件,所以你必须使用WordPress的内置小部件。

这样做:

[code language='python'] [/code] 

请注意,这些标签进入你的可视化编辑器,而不是HTML编辑器。

你可以在这里find更多的信息。

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

语法突出显示的最好方法是使用prismjs,这是完全免费的function。

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

  2. 这是非常轻的重量,它不会像其他语法高亮插件速度下降你的网站速度。

为了configurationprismjs,你需要在你的function.php文件中做一些代码调整。 按照这个博客中的turoails http://skillslane.com/setup-syntax-highlighter-for-wordpress/

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

WP插件为各种语法高亮!

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

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

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

这真的只是:

  • 偏移源代码至less4个空格,并在第一行指定语言,如:::html
  • 运行你的文件:

python脚本:

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

我用pygments设置降价,可能你只能使用pygments作为源代码。 你运行该脚本文件,然后复制粘贴html到你的博客。

您可以转储CSS样式,突出语法,从pygments然后或者链接到它或包含在您的网页。 我不知道,如果WordPress的支持。

以下是如何使用pygments设置降价以进行语法高亮显示 (对于Blogger – Blogger的唯一具体内容是它使用css更新Blogger css以突出显示代码)。

你可以使用Alex Gorbatchev的SyntaxHighlighter。 它的JavaScript和真正简单和良好的支持,易于安装和修改。 这里有一些博客的说明…但是你所要做的就是删除blogger = true这一行。

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

我开发了一个名为“Mivhak”的WordPress 轻量级语法高亮插件。 该插件有一个后端代码编辑器,可以方便地插入代码,实时错误检查和语法高亮显示。 这也是highliy定制。

该插件托pipe在wordpress.org上