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

发布于 2020-01-06

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

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

安装插件

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

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

使用方法

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

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

效果预览

插件效果预览图如下:

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

结束语

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

相关文章:

1、代码高亮插件code-prettify
2、使用 Prism.js 实现代码语法高亮
3、代码高亮插件Crayon Syntax Highlighter

喜欢 1
奋楫笃行,臻于至善!

相关文章

Contract Form 7 联系表单插件创建自定义联系页面

Contract Form 7 是一个用来创建联系表单的 WordPress 插件,使用它可以轻松生成一个联系表单页面。可以自定义窗体并灵活调整邮件内容,该表单支持 ajax,CAPTCHA 验证码,...
阅读全文

Fixed Widget and Sticky Elements 粘性小部件插件创建浮动元素

之前分享过一篇 Sticky Menu (or Anything!) on Scroll 插件实现吸顶效果 的文章,可以用来固定网站上任何部位元素,今天为大家分享另一款插件:Fixed Widget ...
阅读全文

Sticky Menu (or Anything!) on Scroll 插件实现吸顶效果

Sticky Menu (or Anything!) on Scroll 是一个用来实现吸顶效果的 wordpress 插件,可以用来固定网站上任何部位元素(当然也包括顶部导航),该插件是基于 sti...
阅读全文

网站设置部分功能登录后才可以查看实现方法

有时候,我们可能会有这样的需求,网站的部分功能我们只希望自己可以查看 ,而不想让访客查看。无论是只隐藏部分功能还是隐藏整个站点,我们都可以通过插件或者修改 WEB 服务器的配置来完成。今天就为大家分享...
阅读全文

使用 WP Super Cache 插件开启预缓存模式提升网站性能

WP Super Cache 是通过生成静态 HTML 实现网站加速的,每次当页面被第一访问时(或过期后第一次被访问)才会自动生成缓存文件,WP Super Cache 还支持预缓存模式,使用预缓存模...
阅读全文

W3 Total Cache 缓存插件的使用说明及详细设置教程

上次介绍了 WP Super Cache 这个插件的使用方法,今天为大家推荐另一个缓存插件:W3 Total Cache,这个插件支持的功能较全,用来给网站加速是一个非常不错的选择。今天就来为大家介绍...
阅读全文

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注