WordPress代码高亮插件:Code Syntax Block「古腾堡」

Code Syntax Block是一款可以兼容区块(古腾堡)编辑器的代码高亮插件。在原有的区块代码上添加样式。

随着古腾堡(Gutenberg)编辑器,也叫区块编辑器的不断普及WordPress这一年多以来,默认的编辑器都是使用区块编辑器。

部分用户渐渐地习惯了使用这种编辑器,但是很多时候,需要内容涉及到代码分享,需要用到代码高亮,来提醒用户。

真正适配古腾堡编辑器的代码高亮插件,这里推荐一款:Code Syntax Block。

很多代码高亮插件都是添加了自己的区块的,但是如果哪天禁用掉高亮插件后,可能会导致已发布的文章出现问题,所以,如果是支持古腾堡默认的【代码】区块,在默认的代码区块中做高亮设置,即使以后删除了高亮插件,已发布的代码也不会出现问题。Code Syntax Block就是一款在原有的【代码】区块当中添加高亮效果的插件。

插件安装

进入WordPress后台>插件>安装插件>搜索“Code Syntax Block

WordPress代码高亮插件:Code Syntax Block「古腾堡」

之后点击【现在安装】,稍等片刻后点击【启用】。

如果网速不好,或者其他原因安装失败,可以到WordPress官网下载插件之后,手动上传到WordPress插件中:https://wordpress.org/plugins/code-syntax-block/

插件使用

【启用】插件之后,就可以直接使用了,不需要做任何的设置,直接选择发布文章或页面。

在文章的发布界面添加一个【代码】区块

WordPress代码高亮插件:Code Syntax Block「古腾堡」

之后插入代码,然后设置语言,代码标题等内容

这里主要设置代码的语言(不同的语言高亮演示不同)

WordPress代码高亮插件:Code Syntax Block「古腾堡」

效果展示

WordPress代码高亮插件:Code Syntax Block「古腾堡」

文章标题:WordPress代码高亮插件:Code Syntax Block「古腾堡」,本文链接:https://www.siwihs.com/6393.html。未经允许,禁止转载。

发表评论

登录后才能评论
分享本页
返回顶部