動態

詳情 返回 返回

換掉Typora!這款現代化的筆記應用,太炫酷了! - 動態 詳情

作為一名程序員,大家應該都關注了很多技術大佬,其中不乏文章格式看起來很舒服的。今天給大家分享一款好用的開源筆記應用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

user avatar ljc1212 頭像 chunzhendegaoshan 頭像 kangkaidafangdezi 頭像 sysin 頭像 240cgxo4 頭像 shuirongshui 頭像
點贊 6 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.