原文:博客園設置Google-code-prettify渲染代碼高亮

一段廢話: 其實早就知道可以用google code prettify來設置高亮,但是比較懶,現在才折騰了一下。看見好看的代碼高亮,心情都變好啦 感覺博客園的代碼高亮,尤其是Markdown編輯模式下的,可定制性好差。可是在博客園發博客比在自己的獨立博客發要比較方便 我的獨立博客用的是hexo靜態博客 ,而且也習慣了在這里發布。 首先說一下用pretty的缺點 之前的TinyMCE編輯器下發布代碼 ...

2017-04-30 16:55 2 3409 推薦指數:

查看詳情

DIY博客園代碼高亮設置

一、下載樣式 1.1 下載頁面 點擊 Get Versioin 進入下載頁面。 插件官網 該頁面的Custom package位置,可配置下載支持的語言樣式,如沒 ...

Tue Feb 25 01:26:00 CST 2020 0 638
博客園代碼高亮

使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...

Sat Jun 18 21:46:00 CST 2016 1 2853
使用markdown編寫博客園博客設置代碼高亮

博客園是一個廣大程序員的博客技術論壇,在上面可以看別人寫到的博文,也可以自己寫博文,博客園默認的編輯器類似於Word 但一般的程序員都會選擇使用markdown寫博文,那么怎么把博客園的編輯器設置為markdown,又怎么為代碼部分添加自己喜歡的高亮樣式呢?下面就介紹一下 將博客園的默認編輯器 ...

Thu Jan 16 03:57:00 CST 2020 3 520
五、Google Code Prettify:實現代碼高亮的JS庫

介紹 code prettify 解釋為 “代碼修飾”。 他由JS代碼和CSS代碼構成,用來高亮顯示HTML頁面中的代碼。 支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk ...

Mon Mar 03 01:53:00 CST 2014 2 5190
使用 Google Code Prettify 實現代碼高亮

今天這篇文章主要講述使用 google-code-prettify 來實現代碼高亮顯示,以前我使用 highlight.js 來實現文章中代碼高亮顯示。 prettify 非常小巧且配置簡單,使用它來實現代碼高亮顯示是個不錯的選擇。下邊我們簡單看看 prettify.js 的使用方法 ...

Tue Jun 18 18:43:00 CST 2013 2 18735
博客園代碼高亮美化教程

先簡單展示下效果吧: 首先需要導入js代碼,在側邊欄公告處將以下代碼復制進入: View Code 還需要一些css,在頁面定制css代碼處將以下css樣式復制進入 View Code ...

Mon Mar 25 23:53:00 CST 2019 2 471
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM