使用 Prism 支持 WordPress 代码高亮

原创 楚盟  2019-07-05 11:58  阅读 329 views 次

WordPress 原生不支持代码高亮,之前用 SyntaxHighlighter Evolved 插件。现改用 Prism,不依赖插件,体积小,加载速度快,最重要的是颜值高。

安装方法简单:

  1. 官网 勾选主题和支持的语言,下载 CSS 文件和 JS 文件。
  2. 将下载的文件传到主题的 CSS 文件夹和 JS 文件夹下。
  3. 在页眉或者页脚引入。
<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/build/css/prism.css">
<script src="<?php echo get_template_directory_uri();?>/build/js/prism.js"></script>

使用方法:

将代码片段用<pre><code language-html></pre></code>包起来,language 根据实际情况填写。

<p>hello world!</p>

如果平时用 Markdown 写作,可以直接在代码片段中标记语言,导出来的 html 与 Prism 代码标记格式一致。

本文地址:https://www.5yun.org/17880.html
关注我们:请关注一下我们的微信公众号:扫描二维码楚盟网的公众号,公众号:chubin5yun
版权声明:本文为原创文章,版权归 楚盟 所有,欢迎分享本文,转载请保留出处!

发表评论


表情