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

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

WordPress技术博客经常共享一些代码，但WordPress自己的代码突出显示并不好，今天草根吧VPS分享一个免插件代码突出显示方法。

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

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

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

prism代码高亮

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

//Wordpress免插件实现代码高亮  //https://vps.caogenba.com.com/1556.html  //Prism.js开始   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