推荐一款 wordpress 代码高亮插件 Code Syntax Block

WP插件评论6521阅读模式

代码高亮是大部分站长经常会用到的功能之一,尤其以技术类网站为主,今天为大家另一个代码高亮插件 Code Syntax Block。Code Syntax Block 是一个 wordpress 代码高亮插件,兼容古腾堡编辑器。之前介绍过一些其它的代码高亮插件,大家如果感兴趣的话,可以在本站搜索 “代码高亮” 查看相应的文章。

推荐一款 wordpress 代码高亮插件 Code Syntax Block

安装插件

首先进入Wordpress后台,选择插件— 安装插件 — 搜索 Code Syntax Block,然后点击安装即可。

推荐一款 wordpress 代码高亮插件 Code Syntax Block

或者从 WordPress 插件官网下载,将下载的文件解压缩,然后将上传至 /wp-content/plugins/ 目录,在插件后台启用即可。

使用方法

在文章发布界面,插入一个【代码】区块,默认在 “格式” 下面。

推荐一款 wordpress 代码高亮插件 Code Syntax Block

添加代码后选中该区块,就可以在右边看到设置选项。可以设置 “Language” 和 “Show line numbers” 等信息。

推荐一款 wordpress 代码高亮插件 Code Syntax Block

效果预览

插件效果预览图如下:

推荐一款 wordpress 代码高亮插件 Code Syntax Block

结束语

Code Syntax Block 采用的是 Prism 这个代码高亮库实现的,非常小巧,支持的语言很多,兼容主流的浏览器,如果你使用的是古腾堡编辑器,那么这个插件将是一个不错的选择。大家如果感兴趣的话,不妨尝试一下。

本文已通过「原本」原创作品认证,转载请注明文章出处及链接。
夏日阳光
  • 本文由 发表于 2020年9月6日 23:35:31
  • 本文为夏日阳光原创文章,转载请务必保留本文链接:https://www.pieruo.com/152.html
匿名

发表评论

匿名网友 填写信息