荧光笔列表,用于在WordPress中粘贴/显示源代码

2018年11月24日

在编写编程文章并介绍源代码时,我需要Highlighter,该功能可以以易于阅读的方式显示代码。实际上,它已经发展得如此之多,以至于很难决定使用哪一个。在本文中,我们将介绍用于突出显示WordPress中的源代码的工具及其针对库类型,插件类型和Web服务的功能。

图书馆类型

类型的荧光笔,用于将获取的库文件上传到子主题文件夹并使用。它比插件轻,但安装需要花费一些时间。

亮点.js

一个名为Highlight.js的JavaScript库。 它支持189种编程语言并具有89种显示样式(截至2018年11月)。该功能与突出显示代码一样简单。很轻。受欢迎的。

https://highlightjs.org/

棱镜.js

这也是一个轻量级的JavaScript库。它支持153种语言和8种显示样式(截至2018年11月)。作为扩展,您可以轻松添加行号,指定行的突出显示,语言显示,复制按钮安装等。这也很受欢迎。

https://prismjs.com/

Google代码修饰

顾名思义,这是由Google开发的JavaScript库。 它支持主要的编程语言,例如C,Python,HTML,CSS,JavaScript,Makefile,但是扩展需要支持次要语言。有5种显示样式(截至2018年11月)。除了上传到上述两种类型的WordPress文件夹并使用它的方法之外,还有一种使用自动加载器轻松安装它的方法。日语信息很少,因为用户不多。

https://github.com/google/code-prettify

插入式

作为免费WordPress插件分发的一种类型。部署和管理非常容易,但是它会使您的站点比其他类型的站点重一些。在库类型中,您可以选择仅支持所需的语言,但是在插件版本中,它是具有所有语言和所有功能的映像。

WP代码Highlight.js

它是库类型中引入的Highlight.js的插件版本。 与SyntaxHighlighter,Prettify和CrayonSyntaxHighlighter兼容,因此您也可以从其他荧光笔进行迁移。

https://ja.wordpress.org/plugins/wp-code-highlightjs/

棱镜语法荧光笔

Prism.js的插件版本。

https://ja.wordpress.org/plugins/ank-prism-for-wp/

代码整理

相同的。

https://ja.wordpress.org/plugins/code-prettify/

蜡笔语法荧光笔

日语开通用户众多,信息丰富,给人留下深刻的印象。即使是初学者,也可以轻松更改字体大小和设计,添加行号,突出显示等,并且它非常可定制。有很多评论很繁琐,令人担忧的是,自2015年以来,最新更新已停止。

https://ja.wordpress.org/plugins/crayon-syntax-highlighter/

Mivhak语法荧光笔

它支持130多种编程语言并具有36个主题。似乎可以从轻量级CSS和JS中按需加载语言脚本和主题,但它似乎和Crayon Syntax Highlighter一样重。您只能为代码部分指定字体大小。

https://ja.wordpress.org/plugins/mivhak/

 

我比较了每个插件对网站显示速度的影响,因此也请参考此内容。

Syntax Highlighter插件的站点显示速度比较

 

 

Web服务类型

它是一种荧光笔,可以通过将源代码转换为Web上的嵌入标签并将该标签粘贴到Wordpress文本编辑器中来突出显示。

要点(GitHub服务)

Gist是GitHub上的代码共享服务。 当您将代码上传到Gist时,将输出要显示的标签。 必须在GitHub上注册,但相反,其优点是您可以在GitHub端编辑和管理代码(使用文本编辑器进行编辑,或者混淆诸如)之类的标签很复杂。

https://gist.github.com/discover

源文件

您可以轻松地将代码转换为HTML标签以进行嵌入,而无需注册。支持的语言是JavaScript,C ++,PHP等。

http://marginalsoft.com/tools/srctohtml/

选择哪一个

也有人说使用哪种工具取决于您要强调的内容。我已经简要总结了每种方法的方向,因此请参考它们。在突出显示时是否关心设计也很重要。

图书馆类型 重点放在操作轻便和显示速度上
插入式 强调易于介绍
(有些插件没有这么重)
Web服务类型 GitHub注册(Gist),他对代码管理功能着迷
几乎没有机会嵌入的人(srctohtml)

顺便说一下,我使用了Mivhak语法突出显示插件。最好只为代码部分指定字体大小,并且可以在简单的设置屏幕上操作各种按钮设置。它在移动设备上的速度变慢,但是引用代码的人可能来自PC,我认为这就是问题所在。