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


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


45
2017-08-13 18:06


起源


欺骗? stackoverflow.com/questions/81338/... - Sean Bright
好。我做到了标记为欺骗。 - Sean Bright
我经常看到一个具有良好颜色的语法突出显示和复制到剪贴板的选项 - 有没有人知道这是什么工具? - codingfloor
这是一个自托管的WordPress安装还是托管的WordPress.com博客? - Thomas Owens
在WordPress.com上托管 - codingfloor


答案:


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

这样做:

[code language='python']

[/code]

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

您可以找到更多信息 这里


75
2017-08-13 18:14



到目前为止,这是唯一正确的答案。每个人都错过了他的博客托管在wordpress.com上的重要小细节,这不允许安装插件。 - Jorge Israel Peña
对于Stack Exchange上的新WebApp来说,这似乎是一个很好的问题 - samoz
你可以写 sourcecode HTML编辑器中的标签也是如此。这就是我一直在做的事情。 - phoxis
@samoz如果我的语言不在“支持的语言”栏目中,该怎么办?我正在寻找系统verilog lang支持,但我没有看到任何选项:( - vjain419
非常感谢你。 - Krupal Shah


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


3
2017-08-13 18:11





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

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

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

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


2
2017-10-08 05:06





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

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


1
2017-08-13 18:10



那么,如何安装插件 在WordPress.com上托管的WordPress博客? OP想要的 - user776686
这不能正确回答问题,因为OP要求wordpress.com而不是wordpress.org,前者不支持插件安装。 - Lucky


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


1
2017-08-13 18:12





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

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

它真的只是:

  • 抵消源代码至少4 空格并指定语言 第一线就好 :::html
  • 运行您的文件:

python脚本:

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

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

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

以下是如何使用pygments设置markdown来进行语法高亮显示 (对于Blogger - Blogger的唯一细节是它使用css更新Blogger css以突出显示代码)。


1
2018-01-18 05:23





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

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


0
2017-11-13 05:28