WordPress插件通过向核心代码块添加代码高亮显示来扩展WordPress块编辑器。

插件一:highlight.js

本站使用的是highlight.js插件;风格为:monokai-sublime 网站:https://highlightjs.org/

用法

下载下来在你的主题头部加载JS和css

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/highlight.min.js"></script>

然后再网站底部加入下面代码即可

<script>hljs.initHighlightingOnLoad();</script>

最后发布文章的时候,添加区块时,选择 代码 区块,加入你要高亮的代码 既可

支持的语言

Highlight.js在核心库中支持超过180种不同的语言。也有第三方语言插件可用于其他语言。您可以在SUPPORTED_LANGUAGES.md中找到支持的语言的完整列表

插件二:code syntax block

可在WordPress官方网站上找到,网址为:https://wordpress.org/plugins/code-syntax-block/

还可以在github下载 https://github.com/mkaz/code-syntax-block

然后下载此插件,通过FTP直接上到插件目录/wp-content/plugins 后到后台“插件 – 已安装插件”,并激活。或者直接从你的网站后台 插件 – 安装插件 右上角搜索code syntax block进行安装激活 , 

用法

发布文章的时候,添加区块时,选择 代码 区块,然后在编辑器右侧中选择代码的语言即可。