代码高亮是大部分站长经常会用到的功能之一,尤其以技术类网站为主,今天为大家另一个代码高亮插件 Code Syntax Block。Code Syntax Block 是一个 wordpress 代码高亮插件,兼容古腾堡编辑器。之前介绍过一些其它的代码高亮插件,大家如果感兴趣的话,可以在本站搜索 “代码高亮” 查看相应的文章。
安装插件
首先进入Wordpress后台,选择插件— 安装插件 — 搜索 Code Syntax Block,然后点击安装即可。
或者从 WordPress 插件官网下载,将下载的文件解压缩,然后将上传至 /wp-content/plugins/ 目录,在插件后台启用即可。
使用方法
在文章发布界面,插入一个【代码】区块,默认在 “格式” 下面。
添加代码后选中该区块,就可以在右边看到设置选项。可以设置 “Language” 和 “Show line numbers” 等信息。
效果预览
插件效果预览图如下:
结束语
Code Syntax Block 采用的是 Prism 这个代码高亮库实现的,非常小巧,支持的语言很多,兼容主流的浏览器,如果你使用的是古腾堡编辑器,那么这个插件将是一个不错的选择。大家如果感兴趣的话,不妨尝试一下。
相关文章:
1、代码高亮插件code-prettify
2、使用 Prism.js 实现代码语法高亮
3、代码高亮插件Crayon Syntax Highlighter