• 子方有料致力于陪伴互联网运营小白共同探索成长,与IT爱好者共享探索乐趣
  • 淘·有料 | 爱购物爱省钱,天猫淘宝优惠天天有
  • 建站只为分享,欢迎在PC端文章面打赏支持
  • 使用Ctrl+D 可收藏本站

wordpress代码语法标注高亮,不用插件也能突出代码和语法

好玩有趣 陆子方 1年前 (2019-07-26) 797次浏览 0个评论 扫描二维码

应用场景

经常接触Linux服务器的朋友可能知道,不少的操作都是通过命令行完成的。陆子方最近在写IP v6相关教程时,使用了一些命令行语句,想做突出。如果我们直接按照文本进行输入的话,不方便读者阅读,读者分不清哪里是代码语法,哪里是常规的文本。

陆子方在网上进行了搜索,大部分的教程都是推荐一个第三方的插件,但陆子方是一个洁癖爱好者,不希望wordpress里面安装越来越多的插件。安装过多的插件,某种程度上会导致wordpress越来越臃肿,而且会降低运行速度。

安装插件时,还要考虑插件的版本以及wordpress的兼容性,陆子方看到很多代码语法高亮插件,其实并没有做到及时更新。

怎么办呢?陆子方的第一个想法是:既然这样,那陆子方干脆就直接给这些代码语法标注一个不同的颜色就好了。

陆子方也确实是这么干的,感觉也还过得去。后来当陆子方切换到wordpress的文本编辑器的时候,我发现里面其实好像有代码的标签。好吧,虽然这只是一个比较简单的,但是也足够我的使用了。

解决方案

在wordpress的文本编辑器中,把编辑模式由可视化转换到文本,在添加媒体的下面,你能看到一行标签。

画重点,画重点,画重点

首先选中你需要突出的代码和语法,然后点击标签栏的code就可以了。比如说你现在看到除了你这个code,就是陆子方使用了代码语法高亮。
wordpress代码语法标注高亮,不用插件也能突出代码和语法

关于代码语法首航行缩进的问题

在这里陆子方也想提醒一个小小的问题。就是很多人可能发现,自己的首行代码是首行缩进的,跟下面的没有对齐。

这主要和中国人的阅读习惯有关,就是首行缩进两个汉字。

陆子方使用的方法是,代码语法跟上一行之间不要有空。也就是说你在文本编辑器当中处于文本模式时,你可以进行回车换行,但是代码和上一行的中文,不要再有空行。

这样,wordpress就不会把代码当做是另起段落来处理,这样所有的代码就没有首行缩进,第1行就不奇怪了。陆子方的解决方案,你可以根据你的实际情况来调整。

使用code标签和安装插件对比

安装代码插件的好处就是它支持更多的语法,而在这里面的code标注,其实只是一个非常简单的样式而已,他也不能指出是多少行多少行。但没关系,陆子方用的也不多,只要满足陆子方的日常使用就可以了。而且陆子方也不是经常用到,再多安装一个插件,就要返强迫症了。

如果你需要给更多的代码语法做标注,而且你的语法要求也比较高、类型不同,那你其实还是可以考虑安装一个第三方的插件。


子方有料原创丨转载请注明原文链接
期待您的评论或捐赠,这是最好的鼓励和支持!
喜欢 (0)
[赞赏使我快乐]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到