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进行安装激活 ， 

用法

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