wordpress D8主题实现代码高亮的简单方法
大前端设计的D8主题内置了代码高亮功能,由于之前没留意,又去网上找了半天实现代码高亮的方法,最后分析D8主题代码时,才发现已经内置的代码高亮功能,好了,废话说完了,以下是操作步骤:
在写文章的时候需要用以下代码包含(需要显示行号的话增加class linenums):
<pre class="prettyprint linenums">这里添加要高亮的代码内容</pre>
以上就是介绍D8主题内置代码高亮的操作方法,下面顺便介绍一款貌似不错的wordpress代码高亮插件:WP-GeSHi-Highlight。该插件支持N多种语言高亮,在 WordPress后台插件安装界面搜索 WP-GeSHi-Highlight 即可在线安装,或者在这里下载 WP-GeSHi-Highlight,需要了解更多用法和帮助,请访问作者网站
WP-GeSHi-Highlight 代码书写格式
<pre lang="html" line="1" escaped="true" > //这里添加代码…… </pre>
其中,lang=”html”表示代码语言为html,请根据自己需要修改; line=”1″ 表示显示行号,如果不需要,去掉即可;escaped=”true” 是为了防止代码转义,如果不需要,去掉即可。
注意:在wordpress后台使用 WP-GeSHi-Highlight 等代码高亮插件,需要在html模式下添加代码,不要随意切换到可视化模式,否则代码就容易转义!!
哥们,下面的底部主题链接的名称是:MrjuCn哈, :grin: 网站做的不错,支持一个。
哥们,下面的底部主题链接的名称是:MrjuCn哈, :grin: 网站做的不错,支持一个。
签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~
签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~
您好,这是一条评论。
要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。
您好,这是一条评论。
要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。