作為一名程序員,大家應該都關注了很多技術大佬,其中不乏文章格式看起來很舒服的。今天給大家分享一款好用的開源筆記應用WeChat Markdown Editor,能將Markdown寫的文檔即時渲染為微信文章,希望對大家有所幫助!
簡介
WeChat Markdown Editor(簡稱md)是一款高度簡潔的微信Markdown編輯器,能將Markdown文檔自動即時渲染為微信文章,目前在Github上已有7.8k+star。
它主要具有如下特性:
- 支持Markdown的所有基礎語法
- 支持基於Mermaid的圖表渲染
- 有多種代碼塊高亮主題,可以提升代碼可讀性
- 可以自定義主題色和CSS樣式
- 支持多圖上傳功能,可自定義配置圖牀,如阿里雲、騰訊雲、MinIO等
- 支持文件導入、導出、本地文件管理、草稿自動保存功能
這是一張md使用過程中的效果圖,還是非常炫酷的!
安裝
md支持在線使用、Docker部署、源碼編譯部署等多種使用方式,這裏以Docker部署為例。
- 首先通過如下命令下載md的鏡像;
docker pull doocs/md:latest
- 然後通過如下命令運行md的容器;
docker run -p 8080:80 --name md -d doocs/md:latest
- 之後就可以在瀏覽器中訪問並使用它了,訪問地址:http://192.168.3.101:8080
- md支持淺色和深色主題,界面還是非常炫酷的!
使用
本文將以《mall-swarm微服務學習教程》中的部分文檔為例,來演示下md的使用。
這裏簡單介紹下mall項目,mall項目是一套基於SpringBoot3+ Vue 的電商系統(Github標星60K),後端支持多模塊和2024最新微服務架構,採用Docker和K8S部署。包括前台商城項目和後台管理系統,能支持完整的訂單流程!涵蓋商品、訂單、購物車、權限、優惠券、會員、支付等功能!
項目地址
- Boot項目:https://github.com/macrozheng/mall
- Cloud項目:https://github.com/macrozheng/mall-swarm
- 教程網站:https://www.macrozheng.com
項目演示:
編輯文檔
- 我們可以通過右上角的
內容管理按鈕開啓左側的內容側邊欄,然後通過加號來新建文檔;
- 文檔創建成功後我們可以通過
樣式->主題來切換主題,這裏目前有三種主題;
- 除了主題的切換,還支持主題色的切換,通過主題和主題色的疊加,md支持非常豐富的樣式顯示;
- 當然你還可以通過右上角的
設置按鈕進行文章樣式的設置,功能還是非常強大的!
- 這裏我們再找一篇有代碼的文章看下代碼樣式,樣式還是非常炫酷的!
圖片上傳
- md支持多種圖牀,可以實現圖片上傳;
- 這裏我們以默認的圖牀為例來上傳下圖片,圖片會被上傳到
jsdelivr上去。
導入導出
- md還支持文章的導入導出,支持導出為
md或者html格式的文件。
總結
md確實是一款非常不錯的Markdown筆記工具,只要你會Markdown語法,就能排版出簡潔大方的微信文章,感興趣的小夥伴可以嘗試下!
項目地址
https://github.com/doocs/md