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

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

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

highlight.js是一讓你的代碼在html頁面中高亮起的的一個插件，官方提供了十幾款高亮的樣式，說明文檔也易懂，很是不錯。 引用 highlight.js 並初始化 highlight.js支持34種常用語言，國內cdn建議地址如下： 可以選擇一個喜歡的樣式 ...

原文地址：highlight.js 設置行號 博客地址：http://www.extlight.com 一、背景 筆者在開發這套博客系統時使用 Editormd 作為 Markdown 編輯器，由於不滿足其代碼高亮的樣式，因此選用 highlight.js 插件來實現代碼高亮功能 ...

首先單純頁面若全部為md文件：如下~ 1. 2.build/webpack.base.conf.js添加 3.main.js 4.在相應的組件 ...

　　顯示靜態的代碼其實html的pre標簽基本可以滿足需求了，至少不會將換行的文本顯示成一堆字符串。 不過能使靜態的文本能高亮顯示，倒更炫酷一點。其實很簡單的，引入highlight.js包，可以使用cdn上的靜態資源，引入css和js: 將要顯示的代碼包在標簽< ...

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