站长萌萌哒
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模式下添加代码,不要随意切换到可视化模式,否则代码就容易转义!!

发表评论

共有 6 条评论

  1. 站长萌萌哒网友

    哥们,下面的底部主题链接的名称是:MrjuCn哈, 😀 网站做的不错,支持一个。

  2. ScottJu

    哥们,下面的底部主题链接的名称是:MrjuCn哈, 😀 网站做的不错,支持一个。

  3. 站长萌萌哒网友

    签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~

  4. t一会好

    签到成功!签到时间:2015-10-27 10:35:59。每日打卡,生活更精彩哦~

  5. 站长萌萌哒网友

    您好,这是一条评论。
    要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。

  6. WordPress先生

    您好,这是一条评论。
    要删除评论,请先登录,然后再查看这篇文章的评论。登录后您可以看到编辑或者删除评论的选项。