這篇文章主要介紹了關(guān)于wordpress使用markdown時(shí)采用prism進(jìn)行代碼高亮 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下

背景：最近將博客的文章編輯器切換為markdown了，但是發(fā)現(xiàn)wordpress主題自帶的css無(wú)法實(shí)現(xiàn)代碼高亮，作為強(qiáng)迫癥看著非常不舒服，遂想盡方法實(shí)現(xiàn)在markdown中實(shí)現(xiàn)代碼高亮。

首先，你需要將wordpress自帶的文章編輯器切換為markdown，這里需要安裝markdown插件，幾經(jīng)對(duì)比，選擇了WP Editor.md插件，一款可以實(shí)時(shí)預(yù)覽的markdown編輯器，具體有哪些優(yōu)點(diǎn)可以詳細(xì)閱讀插件說(shuō)明。
插件截圖：

最主要的是該插件代碼高亮就是使用的prism，所以在編輯階段的代碼會(huì)自動(dòng)使用prism的語(yǔ)法，不需要額外設(shè)置。不信你可以查看你文章的html源碼，會(huì)有下面的語(yǔ)法：

 pre >

代碼高亮選項(xiàng)的開(kāi)關(guān)在插件的設(shè)置，“語(yǔ)法高亮選項(xiàng)-支持Prism語(yǔ)法高亮”中開(kāi)啟。

下載地址：http://prismjs.com/download.htm 選擇你常用的語(yǔ)言和配置，點(diǎn)擊DOWNLOAD JS和DOWNLOAD CSS下載css和js文件，也就是prism.js和prism.css文件。

進(jìn)入主題對(duì)應(yīng)的文件夾，創(chuàng)建prism文件夾，將prism.js和prism.css文件放入該文件夾

修改funcations.php文件，其中的自定義路徑就是prism.js和prism.css文件的存放路徑

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 

好了，這時(shí)候你再刷新你的文章，你就會(huì)發(fā)現(xiàn)已經(jīng)實(shí)現(xiàn)代碼高亮了，就是這么簡(jiǎn)單！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請(qǐng)關(guān)注PHP ！

相關(guān)推薦：

WordPress 之在注冊(cè)界面 實(shí)現(xiàn) 注冊(cè)后密碼直接顯示在頁(yè)面上

使用PHPstudy在Windows服務(wù)器下部署PHP系統(tǒng)

以上就是如何在wordpress中使用markdown時(shí)采用prism將代碼調(diào)亮的詳細(xì)內(nèi)容，PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。