WordPress实现代码高亮

时间:6年前   阅读:4550

对于喜欢把网站打扮色彩多样和别人的与众不同的朋友来说,平日总要写几段代码来装装逼。

网站的高亮可以使用户体验更佳。

第一步

下载必要的文件:http://pan.baidu.com/s/1hr5DF7m  并且将此压缩包解压到你的网站主题目录。

第二步

将下面的代码复制到funcations.php中:

 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');

第三步

用的时候可就方便了,编写文章时,转到文本模式,按照下面代码格式:

<pre class="language-XXX"><code class="language-XXX">你要贴的代码</code></pre>

提示:这里的XXX是你贴的这个代码的类型,例如我用的是PHP语言,我就会把XXX改为php,就这样。

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:50ETF期权交易中步骤有哪些?

下一篇:成长,没你想象的那么迫切

网友评论

请先 登录 再评论,若不是会员请先 注册