原文:修改博客園markdown編輯器代碼高亮風格的方法

作為一個工程師,追求極致與藝術也應當成為我們生活中的一部分,作為自己的心愛之物 博客,當然也得裝扮一下,我對代碼高亮有自己所喜歡的風格 還好程序員的世界總是共通的,已經有前輩開發了一些代碼高亮的樣式可供我們開箱即用。Highlightjs就是這樣一款產品。 下面介紹一下我是如何將這款產品應用於博客園markdown編輯器中的。 第一步,找到你所喜歡的高亮主題 打開Hightlightjs的demo ...

2019-12-15 21:11 1 486 推薦指數:

查看詳情

使用highlightjs+markdown編輯器自定義博客園代碼高亮

一 下載選定highlightjs主題CSS樣式 先去highlightjs官網選擇一個主題,然后直接下載主題包,找到對應名字的css,復制所有css樣式代碼 然后博客園選項修改默認編輯器markdown,如下: 二 修改CSS代碼並設置 在樣式的第一行.hljs前面 ...

Thu Dec 26 07:16:00 CST 2019 0 829
博客園修改TinyMCE編輯器Markdown編輯器方法

博客園修改TinyMCE編輯器Markdown編輯器方法 登錄后點擊“我的博客”然后點擊“管理”進入管理后台 *注意,鑒於個人之間博客的皮膚或布局有所不同,該選項可能並不位於此或表述上有出入 * 之后再進入“選項”頁面並在②處選擇Markdown,然后在③處點擊保存 ...

Fri Apr 05 03:16:00 CST 2019 1 580
博客園markdown編輯器代碼折疊

博客園設置里申請js權限。作用到側邊欄就可以,其他地方也行。只適配的markdown編輯器,與其他界面美化代碼一起使用可能會出現bug。 ...

Mon Aug 26 05:31:00 CST 2019 12 873
博客園Markdown編輯器修改代碼配色、添加代碼行號

修改Markdown代碼框 UPD 2020-03-15 五天前這個主題的作者更新了1.2.6版本,新版本中改善了對MD代碼框的支持,本教程的部分內容已非必要。 初始效果 前幾天換了博客的主題,開始用博客園的md編輯器博客,然而md編輯器代碼高亮支持有些糟糕。 在新主題下< ...

Tue Jan 28 19:56:00 CST 2020 12 1167
如何修改博客園“插入代碼”中的代碼風格?(一個博客園代碼高亮的方案)

一、前言 博客園雖然可定制度高,但在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮風格。 使用純CSS實現,不需要JS權限。 二、關於博客園的插入代碼 本章節只針對博客園的TinyMce編輯器 ...

Thu Aug 08 01:01:00 CST 2019 0 460
博客園 Markdown編輯器簡要教程

了。目前來看,支持 Markdown 語法的編輯器有很多,包括很多網站(例如簡書)也支持了 Markdow ...

Mon Jun 03 19:36:00 CST 2019 3 1242
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM