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

WP插件评论8921字数 492阅读模式

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

推荐一款 wordpress 代码高亮插件 Code Syntax Block-图片1

安装插件

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

推荐一款 wordpress 代码高亮插件 Code Syntax Block-图片2

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

使用方法

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

推荐一款 wordpress 代码高亮插件 Code Syntax Block-图片3

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

推荐一款 wordpress 代码高亮插件 Code Syntax Block-图片4

效果预览

插件效果预览图如下:

推荐一款 wordpress 代码高亮插件 Code Syntax Block-图片5

结束语

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

本文已通过「原本」原创作品认证,转载请注明文章出处及链接。

夏日阳光
  • 本文由 夏日阳光 发表于 2020年9月6日
  • 本文为夏日阳光原创文章,转载请务必保留本文链接:https://www.pieruo.com/152.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证