智能摘要 DeepSeek
Prism.js是一款轻量级的JavaScript代码高亮插件，支持多种编程语言和主题样式，只需引用CSS和JS文件即可使用。安装方法：1）在functions.php中添加注册样式和脚本；2）编辑文章时在<pre>标签内输入代码并设置语言标记。使用技巧：在<pre>标签中添加class="line-numbers"可显示代码行号。Prism.js官方下载地址为[http://prismjs.com/](http://prismjs.com/)，苏醒特供款下载地址为[http://download.theme.suxing.me/prism/prism.zip](http://download.theme.suxing.me/prism/prism.zip)。

对于技术控的朋友来说，平日总要写几段代码来装装逼。
市面上也比较多代码高亮插件，各种各样。前端时间苏醒网站改版也没集成代码高亮的功能。今天有点时间就研究了下，发现Prism.js这个轻量级的JavaScript代码高亮很好耍！Prism.JS也大部分流行的编程语言，并且支持多种主题样式，只需要引用CSS文件和JS文件即可完成。
好东西要分享，果断分享给大家。

[quote]第一步：将下面的代码复制到funcations.php中。[/quote]

 function add_prism() {
        wp_register_style(
            'prismCSS', 
            get_stylesheet_directory_uri() . '/prism.css' //自定义路径
         );
          wp_register_script(
            'prismJS',
            get_stylesheet_directory_uri() . '/prism.js'   //自定义路径
         );
        wp_enqueue_style('prismCSS');
        wp_enqueue_script('prismJS');
    }
add_action('wp_enqueue_scripts', 'add_prism');

以上工作结束后，就可以实现代码高亮了。
对，就这么简单。

[quote]第二步：编辑文章时，使用文本模式，输入下面的代码。[/quote]

<pre class="language-c"><code class="language-c">  code_here </code></pre>

（language-c中，红色字体可修改任意语言，但必须保留language-，如language-php）

[quote]使用技巧[/quote]

如果你想每行代码前带序号，只需要在<pre>标签中加class="line-numbers" 即可。

[quote]Prism.js文件下载[/quote]

[download-button href="http://prismjs.com/"]官网[/download-button][download-button href="http://download.theme.suxing.me/prism/prism.zip"]苏醒特供款[/download-button]