doocs-md微信 Markdown 編輯器
doocs-md 是一款高度簡潔的微信 Markdown 編輯器:支持 Markdown 所有基礎(chǔ)語法、色盤取色、一鍵復(fù)制并粘貼到公眾號(hào)后臺(tái)、多圖上傳、一鍵下載文檔、自定義 CSS 樣式、一鍵重置等特性。
Markdown 文檔自動(dòng)即時(shí)渲染為微信圖文,讓你不再為微信文章排版而發(fā)愁!只要你會(huì)基本的 Markdown 語法,就能做出一篇樣式簡潔而又美觀大方的微信圖文。
在線編輯器地址
- Netlify: https://mdhere.netlify.app
- Gitee Pages:https://doocs.gitee.io/md
- GitHub Pages:https://doocs.github.io/md
注:推薦使用 Chrome 瀏覽器,效果最佳。另外,對于國內(nèi)(中國)的朋友,訪問 Gitee Pages 速度會(huì)相對快一些。
為何二次開發(fā)
現(xiàn)有的開源微信 Markdown 編輯器,樣式繁雜,也不符合我個(gè)人的審美需求。在我使用它們進(jìn)行文章排版的時(shí)候,經(jīng)常還要自己做一些改動(dòng),費(fèi)時(shí)費(fèi)力,因此動(dòng)手做了二次開發(fā)。
功能特性
- 支持自定義 CSS 樣式
- 支持 Markdown 所有基礎(chǔ)語法
- 支持淺色、暗黑兩種主題模式
- 支持 Ctrl + F 快速格式化文檔
- 支持色盤取色,快速替換文章整體色調(diào)
- 支持多圖上傳,可自定義配置圖床
- 支持自定義上傳邏輯
- 支持在編輯框右鍵彈出功能選項(xiàng)卡
如何開發(fā)和部署
# 安裝依賴
npm i
# 啟動(dòng)開發(fā)模式
npm start
# 部署在 /md 目錄
npm run build
# 訪問 http://127.0.0.1:9000/md
# 部署在根目錄
npm run build:h5-netlify
# 訪問 http://127.0.0.1:9000/
快速搭建私有服務(wù)
通過我們的 npm cli 你可以輕易搭建屬于自己的微信 Markdown 編輯器。
# 安裝
npm i -g @doocs/md-cli
# 啟動(dòng)
md-cli
# 訪問
open http://127.0.0.1:8800/md/
# 啟動(dòng)并指定端口
md-cli port=8899
# 訪問
open http://127.0.0.1:8899/md/評(píng)論
圖片
表情
