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

问题描述 投票:46回答:9

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

wordpress syntax-highlighting blogs
9个回答
76
投票

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

这样做:

[code language='python']

[/code]

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

你可以找到更多信息here


2
投票

语法高亮的最佳方法是使用prismjs,它是完全免费的,具有很棒的功能。

  1. 它支持几乎所有编程语言,shell脚本等等。
  2. 它的重量非常轻,它不会像其他语法高亮插件那样陷入网站速度。

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


2
投票

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


1
投票

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

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


1
投票

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


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以突出显示代码)。


0
投票

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

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


0
投票

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

该插件托管在wordpress.org上


0
投票

它现在支持SyntaxHighlighter Code块。

虽然在旁边的设置中必须选择语言有点不方便。

© www.soinside.com 2019 - 2024. All rights reserved.