tools怎麼讀的
每次寫微信公眾號時都為排版發愁,特別是技術類的文章,總是想著怎麼才能使文章更好看,讀者更願意讀,終於讓我發現有個開源的微信markdown編輯,瞬間就愛上了。
專案介紹
本專案基於 wechat-format 進行二次開發,感謝 lyricat 的創意和貢獻!
Markdown 文件自動即時渲染為微信圖文,讓你不再為微信文章排版而發愁!只要你會基本的 Markdown 語法,就能做出一篇樣式簡潔而又美觀大方的微信圖文。
功能特性
支援自定義 CSS 樣式
支援 Markdown 所有基礎語法
支援淺色、暗黑兩種主題模式
支援 Ctrl + F 快速格式化文件
支援色盤取色,快速替換文章整體色調
支援多圖上傳,可自定義配置圖床
支援自定義上傳邏輯
支援在編輯框右鍵彈出功能選項卡
支援批次轉換本地圖片為線上圖片
支援圖床
自定義上傳邏輯
在工具上沒有提供預定義圖床的情況下,你只需要自定義上傳邏輯即可,這對於例如你不方便使用公共圖床,而是使用自己的上傳服務時非常有用。
你只需要在給定的函式中更改上傳程式碼即可,為了方便,這個函式提供了可能使用的一些引數:
示例程式碼:
const { file, util, okCb, errCb } = CUSTOM_ARG;
const param = new FormData();
param。append(“file”, file);
util。axios
。post(“http://127。0。0。1:9000/upload”, param, {
headers: { “Content-Type”: “multipart/form-data” },
})
。then((res) => {
okCb(res。url);
})
。catch((err) => {
errCb(err);
});
// 提供的可用引數:
// CUSTOM_ARG = {
// content, // 待上傳圖片的 base64
// file, // 待上傳圖片的 file 物件
// util: {
// axios, // axios 例項
// CryptoJS, // 加密庫
// OSS, // ali-oss
// COS, // cos-js-sdk-v5
// Buffer, // buffer-from
// uuidv4, // uuid
// qiniu, // qiniu-js
// tokenTools, // 一些編碼轉換函式
// getDir, // 獲取 年/月/日 形式的目錄
// getDateFilename, // 根據檔名獲取它以 時間戳+uuid 的形式
// },
// okCb: resolve, // 重要!上傳成功後給此回撥傳 url 即可
// errCb: reject, // 上傳失敗呼叫的函式
// }
快速搭建部署
方式 1。 使用 npm cli
透過我們的 npm cli 你可以輕易搭建屬於自己的微信 Markdown 編輯器。
# 安裝
npm i -g @doocs/md-cli
# 啟動
md-cli
# 訪問
open http://127。0。0。1:8800/md/
# 啟動並指定埠
md-cli port=8899
# 訪問
open http://127。0。0。1:8899/md/
md-cli 支援以下命令列引數:
port 指定埠號,預設 8800,如果被佔用會隨機使用一個新埠。
spaceId dcloud 服務空間配置
clientSecret dcloud 服務空間配置
方式 2。 使用 Docker 映象
如果你是 Docker 使用者,也可以直接使用一條命令,啟動完全屬於你的、私有化執行的例項。
docker run -d -p 8080:80 doocs/md:latest
容器執行起來之後,開啟瀏覽器,訪問 http://localhost:8080 即可。
效果演示
獲取地址
主頁檢視地球號回覆
PHPER6144
或關注、私信
獲取。