使用 Cursor 帮我量身打造了一款 MarkDown To 公众号的桌面端应用(开源)

前言

从19年开始写公众号,到25年,6-7年时间里换了不知道多少个编辑器,用时最长的还是 mdnice 因为可以直接通过 md 转换出很多适配公众号的主题,不用担心兼容样式问题。

但每次都需要打开网页,进行编辑,而且信息都存储在远端觉得有点麻烦,所以找了一个开源仓库doocs/md用它来作为模板进行开发,实现了一个桌面端markdown编辑器md-tauri,也是开源的。 可以直接下载安装使用。

md-tauri 是什么?

一个使用 Tauri 和 Vue 3 构建的现代化 Markdown 编辑器,为 Markdown 编辑和预览提供流畅的桌面体验。

技术栈

  • Tauri
  • Vue 3
  • TypeScript
  • Vite
  • TailwindCSS
  • CodeMirror
  • Marked
  • Mermaid

功能

  • 🚀 使用 Tauri + Vue 3 构建,实现最佳桌面性能
  • 📝 实时 Markdown 预览
  • 🎨 代码语法高亮支持
  • 📊 Mermaid 图表支持
  • 🧮 数学公式渲染
  • 🖼️ 多种图片上传选项
  • 💾 草稿自动保存
  • 🎯 自定义主题和 CSS 样式
  • 📤 导入/导出功能

功能介绍

语法支持

Markdown 基础语法

支持 Markdown 所有基础语法例如:

1~6级标题、表格、高亮内容、加粗、斜体、代码块、删除线、超链接、图片、有序列表、无序列表、引用等语法

数学公式

Mermaid 图表渲染

图床

默认上传使用 jsdelivr,这里支持多种配置图床,例如 GitHub腾讯云阿里云七牛云MinIo公众号Cloudflare、以及自定义代码。

一键复制

这里的一键复制,可以直接去公众号编辑器粘贴即可。

主题

目前支持三种主题和多种主题色,以及代码块风格。

如果内置主题中没有比较喜欢样式,可以自定义 CSS Theme

如果你希望更多的人使用你的主题,可以在主题征集Issue下方贴上你的主题文件内容和截图,下面是主题征集地址:

github.com/CrazyMrYan/...

导入导出

目前支持导入导出md、和导出html功能

快捷键

安装包

目前仅构建了 MacOS 的 dmg 包,大家也可以自行 clone 下来进行编译适合自己系统的包。

github.com/CrazyMrYan/...

运行源码

仓库地址

github.com/CrazyMrYan/...

环境要求

Nodejs >=21.1.0

克隆

shell 复制代码
git clone [email protected]:CrazyMrYan/md-tauri.git

安装依赖

shell 复制代码
cd md-tauri
yarn install

本地运行

shell 复制代码
yarn tauri:dev

本地构建

shell 复制代码
yarn tauri:build

后续需求规划

  1. 实现本地Markdown项目文件的直接解析与加载能力
  2. 提供全局全文检索引擎(支持标题/内容联合检索)
  3. 集成Slash(/)指令系统实现快捷内容模板插入
  4. 构建可视化目录树形结构并支持元数据标注
  5. 实现文件系统对象的拖拽排序(Drag-and-Drop Reordering)
  6. 建立文档间双向引用机制(@符号索引)
  7. 批量导出处理器(含资源本地化与ZIP打包)
  8. 动态布局系统(支持窗格宽度实时调整)
  9. 本地化HTTP媒体资源上传代理服务
  10. 基于NLG的智能文档生成系统
  11. 上下文感知的代码自动补全引擎
  12. 实现UI控件国际化(中文)适配层
  13. 智能文件名推导算法(标题→文件名映射)
  14. 双模式渲染引擎(编辑/预览态无缝切换)

特别鸣谢

本项目的开发基于 doocs/md 优秀的基础架构,特别感谢原项目团队在以下方面的卓越工作:

  • 提供高性能的 Markdown 渲染内核
  • 构建可扩展的插件体系
  • 实现稳定的编辑体验

最后

如果大家喜欢这个项目,并且感兴趣可以在仓库提 ISSUE、PR,欢迎共建!

相关推荐
折枝寄北6 天前
CSDN博客:Markdown编辑语法教程总结教程(中)
markdown·使用教程
残轩6 天前
用Gitee+Typora轻松打造自己专属的私有云笔记
git·markdown
折枝寄北14 天前
CSDN博客:Markdown编辑语法教程总结教程(上)
教程·markdown·csdn
vortex518 天前
【模板】csdn markdown语法演示
markdown
MaximusCoder18 天前
常用计算机网络命令
经验分享·计算机网络·markdown
Et2nity22 天前
tiptap md 编辑器实用场景开发
前端·javascript·编辑器·markdown
小手智联老徐1 个月前
使用 Notepad++ 编辑显示 MarkDown
python·notepad++·markdown
lixww.cn1 个月前
ASP.NET Core中间件Markdown转换器
中间件·markdown·asp.net core
大口粘痰嚼不烂1 个月前
十分钟快速上手 markdown
markdown