找到設置 直接上代碼 ...
作為一個工程師,追求極致與藝術也應當成為我們生活中的一部分,作為自己的心愛之物 博客,當然也得裝扮一下,我對代碼高亮有自己所喜歡的風格 還好程序員的世界總是共通的,已經有前輩開發了一些代碼高亮的樣式可供我們開箱即用。Highlightjs就是這樣一款產品。 下面介紹一下我是如何將這款產品應用於博客園markdown編輯器中的。 第一步,找到你所喜歡的高亮主題 打開Hightlightjs的demo ...
2019-12-15 21:11 1 486 推薦指數:
找到設置 直接上代碼 ...
一 下載選定highlightjs主題CSS樣式 先去highlightjs官網選擇一個主題,然后直接下載主題包,找到對應名字的css,復制所有css樣式代碼 然后博客園選項修改默認編輯器為markdown,如下: 二 修改CSS代碼並設置 在樣式的第一行.hljs前面 ...
博客園修改TinyMCE編輯器為Markdown編輯器的方法 登錄后點擊“我的博客”然后點擊“管理”進入管理后台 *注意,鑒於個人之間博客的皮膚或布局有所不同,該選項可能並不位於此或表述上有出入 * 之后再進入“選項”頁面並在②處選擇Markdown,然后在③處點擊保存 ...
博客園設置里申請js權限。作用到側邊欄就可以,其他地方也行。只適配的markdown編輯器,與其他界面美化代碼一起使用可能會出現bug。 ...
修改Markdown代碼框 UPD 2020-03-15 五天前這個主題的作者更新了1.2.6版本,新版本中改善了對MD代碼框的支持,本教程的部分內容已非必要。 初始效果 前幾天換了博客的主題,開始用博客園的md編輯器寫博客,然而md編輯器的代碼高亮支持有些糟糕。 在新主題下< ...
一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...
2.在編輯頁面中給編輯器初始化為剛剛配置的tinymce_config ...
了。目前來看,支持 Markdown 語法的編輯器有很多,包括很多網站(例如簡書)也支持了 Markdow ...