头图
作为一名程序员,大家应该都关注了很多技术大佬,其中不乏文章格式看起来很舒服的。今天给大家分享一款好用的开源笔记应用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

  • md支持浅色和深色主题,界面还是非常炫酷的!

使用

本文将以《mall-swarm微服务学习教程》中的部分文档为例,来演示下md的使用。

这里简单介绍下mall项目,mall项目是一套基于SpringBoot3 + Vue 的电商系统(Github标星60K),后端支持多模块和2024最新微服务架构,采用Docker和K8S部署。包括前台商城项目和后台管理系统,能支持完整的订单流程!涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能!

项目地址

项目演示:

编辑文档

  • 我们可以通过右上角的内容管理按钮开启左侧的内容侧边栏,然后通过加号来新建文档;

  • 文档创建成功后我们可以通过样式->主题来切换主题,这里目前有三种主题;

  • 除了主题的切换,还支持主题色的切换,通过主题和主题色的叠加,md支持非常丰富的样式显示;

  • 当然你还可以通过右上角的设置按钮进行文章样式的设置,功能还是非常强大的!

  • 这里我们再找一篇有代码的文章看下代码样式,样式还是非常炫酷的!

图片上传

  • md支持多种图床,可以实现图片上传;

  • 这里我们以默认的图床为例来上传下图片,图片会被上传到jsdelivr上去。

导入导出

  • md还支持文章的导入导出,支持导出为md或者html格式的文件。

总结

md确实是一款非常不错的Markdown笔记工具,只要你会Markdown语法,就能排版出简洁大方的微信文章,感兴趣的小伙伴可以尝试下!

项目地址

https://github.com/doocs/md


macrozheng
1.1k 声望1.3k 粉丝