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

Question

我希望在我的WordPress博客中使用一个良好的语法高亮插件。 我有哪些选项可用？ 我经常看到一种具有着色语法突出显示和复制到剪贴板选项的插件。 有人知道这是什么工具吗？

- codingfloor

---

重复问题？https://dev59.com/53VD5IYBdhLWcg3wHnyd - Sean Bright

好的。我已经完成了。标记为重复。 - Sean Bright

我经常看到一个有很好的语法高亮和复制到剪贴板选项的工具，有人知道这是什么工具吗？ - codingfloor

这是一个自托管的WordPress安装还是托管在WordPress.com的博客？ - Thomas Owens

https://dev59.com/53VD5IYBdhLWcg3wHnyd - Lucky

Answer 1

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

操作步骤如下：

[code language='python']

[/code]

请注意，这些标记应该放在您的可视化编辑器中，而不是HTML编辑器中。

您可以在这里找到更多信息。

- samoz

---

到目前为止，这是唯一正确的答案。每个人都忽略了一个重要的小细节，他的博客托管在wordpress.com上，该平台不允许安装插件。 - Jorge Israel Peña

这似乎是适合在新的Stack Exchange WebApps上提问的好问题。 - samoz

你可以在HTML编辑器中使用“sourcecode”标签来编写代码。这就是我一直做的事情。 - phoxis

是的，这并不总是有效的。不知道是我的旧旧2010主题还是其他什么原因。但它基本上破坏了我的缩进并且没有给我任何语法高亮。 - don bright

这个支持缩进吗？你如何进行缩进？ - Romeo Sierra

Answer 2

使用prismjs是进行语法高亮的最佳方式，它具有强大的功能并且完全免费。

• 它支持几乎所有编程语言、shell脚本等。

• 它非常轻量级，不像其他语法高亮插件会拖慢您的网站速度。

要配置prismjs，您需要在function.php文件中进行一些代码调整。请按照此博客中的教程操作：http://skillslane.com/setup-syntax-highlighter-for-wordpress/

- Bibin Wilson

Answer 3

SyntaxHighlighter 是一个非常好用的工具。它使用 JavaScript 和 CSS 类来标记应该被高亮的 HTML 元素。同时，它还允许将代码复制到剪贴板和打印。

- jacksonakj

Answer 4

这里有一个离线选项（我知道你在问在线工具，但以防万一...）

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

实际上只需要：

• 将源代码至少偏移4个空格，并在第一行指定语言，例如:::html
• 运行您的文件：

Python脚本：

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

我使用pygments设置了markdown，你可以直接使用pygments来处理源代码。你通过脚本运行文件，然后将HTML复制粘贴到你的博客中。

你可以从pygments中导出CSS样式来突出语法，并将其链接或包含在你的页面中。我不确定WordPress是否支持这一点。

这里是如何设置markdown与pygments进行语法高亮（适用于Blogger - Blogger的具体细节是它会使用CSS更新Blogger以突出显示代码）。

- stefanB

Answer 5

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

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

- Jacob Nelson

---

那么，如果OP想在WordPress.com上托管的WordPress博客上安装插件，该怎么做呢？ - user776686

这个回答不正确，因为OP询问的是wordpress.com而不是wordpress.org，前者不支持插件安装。 - Lucky

Answer 6

如果您不想或无法在您的博客上安装东西，我建议您使用pygments来突出显示您的代码。我在这里描述了这个过程。

- Geo

Answer 7

我开发了一个名为"Mivhak"的WordPress插件，它是一个轻量级语法高亮插件。该插件具有后端代码编辑器，可轻松插入代码，并进行实时错误检查和语法高亮显示。此外，它还可以高度自定义。

该插件托管在wordpress.org上。

- Yoav Kadosh

---

但是我如何安装Mivhak，因为我正在使用托管在wordpress.com上的WordPress博客？ - Arman Ortega

@ArmanOrtega 当我写这个答案的时候，我不知道你不能在WordPress.com上安装插件。 - Yoav Kadosh

Answer 8

你可以使用Alex Gorbatchev的SyntaxHighlighter。它是JavaScript编写的，非常简单易用且得到广泛支持，安装和修改都很容易。以下是一些针对博客作者的说明...但你只需要删除blogger=true这一行即可。

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

- Ashley Smart

Answer 9

现在它支持SyntaxHighlighter Code块。

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

- imba-tjd