当前位置: 首页 > wordpress分享 > 正文
wordpress非插件实现代码高亮
发布:2018-01-24 10:34:32 分类:wordpress分享 抢沙发
在wordpress文章发表时,有时候会显示代码部分,默认的代码显示就是普通字体,看起来结构不好,于是就有了文章代码高亮这个解决办法,wordpress可以实现代码高亮的插件特别高,但是有一个问题,如果插件哪一天不用了,那么文章中的代码也就不再高亮,又恢复了默认状态;今天就给大家分享一个不用插件就可以实现wordpress文章代码高亮的方法,而且永久不会失效!
首先我们需要一个代码高亮生成html代码格式,然后把这段代码复制到wordpress文章发表的文本模式下!
代码高亮生成html代码仅仅是第一步,即使你复制过去也不会有代码高亮的效果,因为你没有引用代码高亮的CSS样式!
代码高亮步骤:
1;先将让代码高亮的CSS样式加载到你的wordpress或其他网站中,添加CSS样式表链接如下:
- <link href="https://www.ziyouwu.com/tool/css/highlight.css" rel="Stylesheet" type="text/css"/>
2;在线生成代码高亮代码。
这时候用到自由屋博客的代码高亮工具,https://www.ziyouwu.com/tool/code.php 可以实现多种格式的代码高亮样式!
3;
把生成的代码复制到网站中,如果是wordpress文章的话,选择文本模式复制进去!然后发表文章就可以看到了!
最活跃的读者