当前位置: 首页 > wordpress分享 > 正文

wordpress非插件实现代码高亮

在wordpress文章发表时,有时候会显示代码部分,默认的代码显示就是普通字体,看起来结构不好,于是就有了文章代码高亮这个解决办法,wordpress可以实现代码高亮的插件特别高,但是有一个问题,如果插件哪一天不用了,那么文章中的代码也就不再高亮,又恢复了默认状态;今天就给大家分享一个不用插件就可以实现wordpress文章代码高亮的方法,而且永久不会失效!

首先我们需要一个代码高亮生成html代码格式,然后把这段代码复制到wordpress文章发表的文本模式下!

代码高亮生成html代码仅仅是第一步,即使你复制过去也不会有代码高亮的效果,因为你没有引用代码高亮的CSS样式!

代码高亮步骤:

1;先将让代码高亮的CSS样式加载到你的wordpress或其他网站中,添加CSS样式表链接如下:

  1. <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文章的话,选择文本模式复制进去!然后发表文章就可以看到了!

本文固定链接: https://www.ziyouwu.com/archives/1655.html | 自由屋博客www.ziyouwu.com|wordpress建站技巧分享

wordpress非插件实现代码高亮:等您坐沙发呢!

发表评论

2 + 0 = ?


快捷键:Ctrl+Enter