当前位置:
首页 > 网站建设 > 功能扩展 > WordPress使用Prism.js实现代码高亮

时时彩走势图技巧:WordPress使用Prism.js实现代码高亮

对于技术控的朋友来说,平日总要写几段代码来装装逼。

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

第一步

下载必要的文件://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,就这样。

转载自苏醒博客,有删改。

WordPress使用Prism.js实现代码高亮:等您坐沙发呢!

发表评论

表情
还能输入210个字
山东时时彩交流群
  • 台东鹿野返乡青年“阿山哥”的农夫梦 2018-12-13
  • 2018年俄罗斯总统大选 2018-12-13
  • “花冠模式”演绎鲁酒特色的崛起之道 2018-12-12
  • 苗山脱贫影像志——父母在 不远行 2018-12-12
  • 【专题】河北省无偿献血领导小组会议报道 2018-12-12
  • 一语惊坛(5月30日):磋商,不等于反复折腾。 2018-12-11
  • 卫生费猛涨 商户讨说法 2018-12-11
  • 毕业当援疆 去祖国最需要的地方 2018-12-11
  • 专家共议粤港澳大湾区发展(声音) 2018-12-11
  • 中欧班列整车进口专列抵达西安港 2018-12-10
  • 不要质疑小金改弦易辙,是自家身段软才导致被动挨打捉襟见肘狼狈不堪,放小金一条生路吧 2018-12-10
  • 好莱坞环球影城“功夫熊猫”主题剧院开放 2018-12-10
  • 观众对三观不正影视剧不买账 76.7%受访者拒看 2018-12-09
  • 万茜谈新剧角色:从平凡中蜕变历程最打动人 2018-12-09
  • 《白鹿原》获得白玉兰最佳中国电视剧奖 2018-12-08
  • 775| 762| 271| 137| 690| 73| 672| 202| 519| 923|