当前位置:
首页 > 网站建设 > 功能扩展 > 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个字
山东时时彩交流群
  • 国宝级黄腹角雉住进三清山 2019-02-15
  • 图解:习近平主席这12个金句振奋人心! 2019-02-15
  • 以朝鲜民主主义人民共和国为例,难道特金会是由朝鲜工人、农民主导的?[哈哈] 2019-02-14
  • 公众论坛官方网站首页·南方都市报·南方报业传媒集团 2019-02-14
  • 云南玉溪纪检监察机关认真开展端午节纪律作风检查 2019-02-13
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2019-02-13
  • 罗亦农:“残躯何足惜,大敌正当前” 2019-02-12
  • 钦州市开展扶贫领域监督执纪问责宣传活动 2019-02-12
  • 西安市出台《意见》助推网络市场经济发展 2019-02-12
  • 中国雷达4.0时代相关新闻 2019-02-11
  • 生活垃圾分类到底卡在哪?居民分类意识仍然偏低 2019-02-11
  • 沿汾河 一览众桥雄姿 2019-02-11
  • 《国家社会科学基金年度报告(2013)》出版发行 2019-02-10
  • 微视澳洲(三):海豚岛之沙滩探险 2019-02-10
  • 上海市举行初心使命大家谈活动交流体会感悟 2019-02-10
  • 664| 293| 474| 426| 658| 273| 701| 773| 772| 765|