博客園(默認編輯器設置為Markdowm)是使用heightlight.js進行代碼塊高亮的。 因此可以通過下載heightlight.js官網的主題css修改博客園中的代碼塊高亮顏色。 修改方法: 進入heightlight.js官網, 點擊demo頁面預覽, 查看主題效果 ...
在博客園寫博客之前 並沒有想到要手打代碼和縮進 因為沒有插入代碼的功能啊 手寫出來確實不怎么雅觀 可是再看一下人家的博客 代碼區域好明顯 就跟插入了一個IDE似的 帶着這個疑問各種百度 從最開始的以為加入一些字符就可以 然后各種文章都說要用插件 而且每篇文章說的插件也不一樣 后來遇到文章說博客園官方支持用SyntaxHighlighter這個插件 然后也確實找到了官方的博客 介紹了這個插件的用法 ...
2016-12-09 16:17 6 3815 推薦指數:
博客園(默認編輯器設置為Markdowm)是使用heightlight.js進行代碼塊高亮的。 因此可以通過下載heightlight.js官網的主題css修改博客園中的代碼塊高亮顏色。 修改方法: 進入heightlight.js官網, 點擊demo頁面預覽, 查看主題效果 ...
使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...
一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...
博客園內置支持SyntaxHighlighter代碼着色,使用此內置着色特性需要將博客的默認編輯器改為TinyMCE(“管理”-“選項”中設置)。如果使用CuteEditor,CuteEditor會自動去除代碼中的空格,造成代碼格式破壞。 如果您使用Windows Live ...
前言 博客園雖然可定制度高,但是在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純 CSS 實現,不需要 JS 權限。 關於博客園的插入代碼 本章節只針對博客園的 TinyMce ...
先簡單展示下效果吧: 首先需要導入js代碼,在側邊欄公告處將以下代碼復制進入: View Code 還需要一些css,在頁面定制css代碼處將以下css樣式復制進入 View Code ...
一、下載樣式 1.1 下載頁面 點擊 Get Versioin 進入下載頁面。 插件官網 該頁面的Custom package位置,可配置下載支持的語言樣式,如沒 ...
1.添加matlab語言高亮 在highlight的官網https://highlightjs.org/download/,將matlab勾選,生成下載文件,找到highlight.pack.js文件,將其引入到博客園頁腳。 這里我已經將該文件上傳至博客園,你可以直接引入: 2.調用 ...