一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...
博客園內置支持SyntaxHighlighter代碼着色,使用此內置着色特性需要將博客的默認編輯器改為TinyMCE 管理 選項 中設置 。如果使用CuteEditor,CuteEditor會自動去除代碼中的空格,造成代碼格式破壞。 如果您使用Windows Live Writer寫博客 配置步驟 ,通過Windows Live Writer代碼着色插件,可以方便進行SyntaxHighligh ...
2018-02-25 01:46 0 985 推薦指數:
一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...
使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...
參考: 新語言代碼高亮及Windows Live Writer插件開發 最近學習Swift,在博客上寫筆記的時候一直覺得Swift代碼的高亮不太令人滿意,因為博客園的編輯器上傳代碼模板中沒有包括Swift在內的新語言。 偶然看到了上面這篇參考博文,為我提供了一些解決思路,決定一試 ...
前言 博客園雖然可定制度高,但是在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純 CSS 實現,不需要 JS 權限。 關於博客園的插入代碼 本章節只針對博客園的 TinyMce ...
最新版本請移步↘ Open Live Writer 插件更新 零 資源 SyntaxHighlighter下載:http://alexgorbatchev.com/SyntaxHighlighter/download/ SyntaxHighlighter配置:http ...
先簡單展示下效果吧: 首先需要導入js代碼,在側邊欄公告處將以下代碼復制進入: View Code 還需要一些css,在頁面定制css代碼處將以下css樣式復制進入 View Code ...
一、下載樣式 1.1 下載頁面 點擊 Get Versioin 進入下載頁面。 插件官網 該頁面的Custom package位置,可配置下載支持的語言樣式,如沒有特殊要求,默認即可。 在Custom package結束部分可下載所有主題樣式。點擊該按鈕 ...
1.添加matlab語言高亮 在highlight的官網https://highlightjs.org/download/,將matlab勾選,生成下載文件,找到highlight.pack.js文件,將其引入到博客園頁腳。 這里我已經將該文件上傳至博客園,你可以直接引入: 2.調用 ...