最近有幾個博客園的朋友們私信問我怎么設置代碼顏色字體的,干脆整理一下。 博客園寫博客的TinyMCE編輯器下添加代碼有兩種方式,我平時用的是第二種,就是代碼背景是一行灰一行白的,行號和代碼之間有一條綠色豎線的這種。 首先,字體大小我選擇16px ...
最近有幾個博客園的朋友們私信問我怎么設置代碼顏色字體的,干脆整理一下。 博客園寫博客的TinyMCE編輯器下添加代碼有兩種方式,我平時用的是第二種,就是代碼背景是一行灰一行白的,行號和代碼之間有一條綠色豎線的這種。 首先,字體大小我選擇16px ...
設置默認編輯器為推薦編輯器 之前用的是markdown,一插入代碼格式就變亂,而系統推薦默認的編輯器自帶富文本編輯器,常用的有js,html 圖片上傳等各種。 點擊<> 會彈出格式。 進行編輯就好了。 ...
1、 2、 ...
一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...
博客園內置支持SyntaxHighlighter代碼着色,使用此內置着色特性需要將博客的默認編輯器改為TinyMCE(“管理”-“選項”中設置)。如果使用CuteEditor,CuteEditor會自動去除代碼中的空格,造成代碼格式破壞。 如果您使用Windows Live ...
博客園代碼定制 版本:2019-08-11 本文基於Simple Memory模板,且已獲取CSS和JS權限,此版本並非最終版本。 如有錯誤請指出,代碼開源可以修改完善,僅用於學習交流,轉載時請注明出處! 本文記錄了對博客園主頁優化的嘗試過程以及相關的CSS源碼。 在此之前默認 ...
使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...
效果 使用方法 如果您使用博客園的 Markdown 編輯器,借助 HTML5 的 detail 標簽就可以輕松實現。 在 summary 標簽之間填寫標題 在 summary 之后加入要折疊的內容 請注意:在要折疊的內容前后各插入一行空格。 ...