一、定制css 1.進入到設置-頁面定制css代碼 2.設置字體（看個人喜好），不同編輯器的類名可能不一樣，親測TinyMCE編輯器和Markdown編輯器有效 二、下載highlight.js 效果鏈接：https ...

在網頁使用過程中，經常會用到代碼的展示。而不同顏色的代碼，可以讓代碼看起來更直觀，也更美觀。 找了幾個不同的插件，覺得highlight的插件比較實用，而且用起來炒雞簡單。 比如這樣： 首先，我們先下載一個highlight的js文件。 https ...

在逛別人的博客的時候，看見別人的代碼的例子使用了高亮的語法，無論是java，js還是php等等語言，都會自動的對關鍵字進行高亮。 於是在前幾天自己寫了一個博客，遇到code時，自然就想到了別人網站如何漂亮，巴拉巴拉。 開始了正式的搗鼓。 在搗鼓之前去別的網站看了看。這里貼上簡書的效果 ...

在網頁使用過程中，經常會用到代碼的展示。而不同顏色的代碼，可以讓代碼看起來更直觀，也更美觀。 找了幾個不同的插件，覺得highlight的插件比較實用，而且用起來炒雞簡單。 比如這樣： 首先，我們先下載一個highlight的js文件。 https ...

前言 原文鏈接 園子里有人問到了這個問題，所以寫篇博客簡單介紹下。 博客園代碼高亮使用的插件是 highlight.js，本來想替換成我 個人網站 使用的 prism.js，但是比較坑爹的是，解析過程在服務端已經完成了，為什么這么說呢？因為我禁用瀏覽器JS重新刷新頁面時，pre> ...

一 下載選定highlightjs主題CSS樣式 先去highlightjs官網選擇一個主題,然后直接下載主題包,找到對應名字的css,復制所有css樣式代碼 然后博客園選項修改默認編輯器為markdown,如下: 二 修改CSS代碼並設置 在樣式的第一行.hljs前面 ...

在 vue 項目中，通過highlight.js，如何實現頁面中代碼高亮？ 一、安裝highlight.js 二、封裝成vue插件 新建highlight.js文件 三、全局引入自定義插件 在src/main.js中： 四、使用插件 ...

是在頁面加載時執行。 2. 定制 自定義高亮<pre><code&g ...