原文:給大家推薦一款高大上的代碼高亮插件(sublime,github風格)——highlight.js

經常在一些大神博客里面看到非常好看的高亮代碼,有sublime風格,GitHub風格等等。毫無疑問,好的高亮代碼插件可以不僅僅讓你的博文顯得更高大上,更重要的是舒適的閱讀體驗。經過我在網上的一番搜羅,終於找到了一款非常贊的高亮插件,先來看看效果吧 .Javascript 效果 .Java代碼 更多高大上的效果,sublime,googlecode大家可以戳這里:http: highlightjs ...

2014-04-15 11:25 9 3916 推薦指數:

查看詳情

highlight.js 代碼高亮插件的使用

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

Fri Aug 09 17:35:00 CST 2019 1 3665
highlight.js 代碼高亮插件

官網:https://highlightjs.org/ API:http://highlightjs.readthedocs.org/en/latest/api.html 1. 簡單使用: 默認高亮<pre><code></code>< ...

Sun Feb 14 23:36:00 CST 2016 0 1915
highlight.js 代碼高亮插件的使用

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

Mon May 08 06:04:00 CST 2017 4 19659
使用highlight.js高亮你的代碼

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

Mon Oct 24 23:00:00 CST 2016 3 59598
highlight.js使你的代碼高亮

官網:https://highlightjs.org/ 1.使用 其實官網已經有說明,這里簡單說明下,調用方式: 默認高亮<pre><code></code></pre>塊包裹的代碼,initHighlightingOnLoad ...

Mon Mar 13 17:04:00 CST 2017 1 3734
Vue中通過highlight.js實現代碼高亮

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

Fri Jun 19 18:54:00 CST 2020 2 5195
使用highlight.js高亮靜態頁面的語言代碼

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

Fri Feb 06 23:28:00 CST 2015 0 4771
博客園使用highlight.js代碼進行高亮

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

Fri Jul 31 20:21:00 CST 2020 0 632
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM