這段時間逛掘金發現掘金居然開源了文章編輯器,于是想著自己也照葫蘆畫瓢整一個給博客用,于是花了點時間研究,發現這玩意文檔跟沒有一樣,難受的一批,折騰了好久才搞出來這一版。

目前存在一個缺陷就是直接在編輯器插入原生 html 標簽,編輯器的預覽無法正確的展示,但是前端查看內容是在的,這個目前沒找到解決方案,等后續看看吧。
編輯器和高仿掘金主題實現主題展示聯動,支持數學公式和 mermaid 圖表,但是由于 Typecho 默認的解析器不支持,所以即便你通過編輯器使用了該功能,實際頁面也無法正確展示,如果你需要的話可以去找一些增強解析的插件,比如:typecho-markdown,使用這個插件可以讓 Typecho 前端正確解析數學公式和 mermaid 圖表。

主題配置
由于數學公式和 mermaid 圖表解析需要比較大的依賴包,為此做成了可選項,默認是關閉了,這樣打開編輯器時不會因為網絡太差而轉圈很久,而且大部分人的博客其實是不怎么用得到的。
主題聯動也是默認關閉的,默認會有一個掘金樣式文件加載,這樣方便在非聯動主題下,也能良好的預覽內容。

注意事項
- 更新插件前請先禁用本插件,更新完插件內容后再啟用,以免出現問題。
- 啟用后清理下瀏覽器緩存(CTRL+SHIFT+R),以避免樣式不更新問題。
- 編輯器 js 和 css 資源文件都進行了 gzip 和 br 壓縮處理,如果你的站點支持,可以直接使用已經提供的壓縮資源,以提高加載速度。