换掉Typora!这款现代化的笔记应用,太炫酷了!

作为一名程序员,大家应该都关注了很多技术大佬,其中不乏文章格式看起来很舒服的。今天给大家分享一款好用的开源笔记应用WeChat Markdown Editor,能将Markdown写的文档即时渲染为微信文章,希望对大家有所帮助!

简介

WeChat Markdown Editor(简称md)是一款高度简洁的微信Markdown编辑器,能将Markdown文档自动即时渲染为微信文章,目前在Github上已有7.8k+star

它主要具有如下特性:

  • 支持Markdown的所有基础语法
  • 支持基于Mermaid的图表渲染
  • 有多种代码块高亮主题,可以提升代码可读性
  • 可以自定义主题色和CSS样式
  • 支持多图上传功能,可自定义配置图床,如阿里云、腾讯云、MinIO等
  • 支持文件导入、导出、本地文件管理、草稿自动保存功能

这是一张md使用过程中的效果图,还是非常炫酷的!

安装

md支持在线使用、Docker部署、源码编译部署等多种使用方式,这里以Docker部署为例。

  • 首先通过如下命令下载md的镜像;
bash 复制代码
docker pull doocs/md:latest
  • 然后通过如下命令运行md的容器;
bash 复制代码
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语法,就能排版出简洁大方的微信文章,感兴趣的小伙伴可以尝试下!

项目地址

github.com/doocs/md

相关推荐
Slow菜鸟5 分钟前
Java开发规范(十一)| 数据全生命周期治理规范—Java应用的“数据资产化手册”
java·servlet·oracle
丸码25 分钟前
Java异常体系全解析
java·开发语言
v***885626 分钟前
Springboot项目:使用MockMvc测试get和post接口(含单个和多个请求参数场景)
java·spring boot·后端
q***494526 分钟前
Ubuntu介绍、与centos的区别、基于VMware安装Ubuntu Server 22.04、配置远程连接、安装jdk+Tomcat
java·ubuntu·centos
IMPYLH32 分钟前
Lua 的 require 函数
java·开发语言·笔记·后端·junit·lua
曾经的三心草33 分钟前
基于正倒排索引的Java文档搜索引擎1-实现索引模块-实现Parser类
java·开发语言·搜索引擎
爱找乐子的李寻欢1 小时前
线上批量导出 1000 个文件触发 OOM?扒开代码看本质,我是这样根治的
后端
vx_bscxy3221 小时前
告别毕设焦虑!Python 爬虫 + Java 系统 + 数据大屏,含详细开发文档 基于web的图书管理系统74010 (上万套实战教程,赠送源码)
java·前端·课程设计
字节拾光录1 小时前
Java工具库三足鼎立:Hutool、Apache Commons、Guava深度测评与场景化选型指南
java·apache·guava
javaの历练之路1 小时前
基于 SpringBoot+Vue2 的前后端分离博客管理系统(含 WebSocket+ECharts)
spring boot·websocket·echarts