VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

草根吧VPS_WordPress技巧分享_纯代码WordPress免插件实现代码突出显示

草根吧VPS_WordPress技巧分享_纯代码WordPress免插件实现代码突出显示

草根吧VPS_WordPress技巧分享_纯免插件实现突出显示

技术经常一些代码,但自己的代码突出显示并不好,今天草根吧分享一个免插件代码突出显示

草根吧VPS_WordPress技巧分享_纯代码WordPress免插件实现代码突出显示

Prismjs允许我们的wordpress在没有插件的情况下完成代码突出显示。 Prismjs是一个致力于代码突出显示的开源。他的代码功能优良,轻便,快速,高效,快速,并且支持127编程语言的代码突出显示。主要的是Prismjs只一个文件和一个CSS文件。使用Prismjs完成代码突出显示时间,只需下载文件并将其放在上,然后将两个文件放到页面上。

 

WordPress如何实现代码高亮显示的办法

1,首先下载prism压缩包并将其上传到主题根目录;

prism代码高亮

2,然后复制以下代码将其添加到主题function.文件中。

//Wordpress免插件实现代码高亮  //https://.caogenba../1556.html  //Prism.开始   function add_prism() {          wp_register_style(              'prismCSS',              get_stylesheet_directory_uri() . '/prism/prism.css' //路径           );            wp_register_script(              'prismJS',              get_stylesheet_directory_uri() . '/prism/prism.js' //路径           );          wp_enqueue_style('prismCSS');          wp_enqueue_script('prismJS');      }  add_action('wp_enqueue_scripts', 'add_prism');  //Prism.js结束  //编辑器添加快捷键  function appthemes_add_quicktags() {  ?>    function convert_pre_entities( $matches ) {      return str_replace( $matches[1], htmlentities( $matches[1] ), $matches[0] );  }

 

:草根吧VPS_WordPress技巧分享_纯代码WordPress免插件实现代码突出显示,https://vps.caogenba.com.com/1556.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » 草根吧VPS_WordPress技巧分享_纯代码WordPress免插件实现代码突出显示
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址