README.md

metadata

title: WeChat Markdown Editor
emoji: 📝
colorFrom: green
colorTo: blue
sdk: docker
pinned: false

微信公众号 Markdown 编辑器 (WeChat Markdown Editor)

这是一个专为微信公众号写作设计的 Markdown 编辑器。它可以将 Markdown 实时转换为适合微信公众号粘贴的 HTML 格式，支持多种配色主题和代码高亮。

✨ 新增功能

• 🎨 多主题切换：支持默认、极客黑、粉彩、Notion 等多种风格。
• 🧹 一键格式化：自动优化排版，实现中英文之间自动加空格（盘古之白）。
• 🖼️ 图片美化：支持设置图片圆角和阴影，提升视觉体验。
• 📊 字数统计：实时显示文章字数和预计阅读时间。
• 🛠️ 快捷工具栏：提供常用的 Markdown 语法快捷键。

主要特点

• 实时预览：左侧写作，右侧实时预览效果。
• 一键复制：点击按钮即可复制带有内联样式的 HTML，直接粘贴到微信公众号后台。
• 代码高亮：完美支持代码块高亮，解决公众号代码排版难题。
• 链接转脚注：自动将 Markdown 中的链接转换为文末脚注（因为公众号不支持外链）。
• 本地优先：纯前端渲染，保护隐私，无数据上传。

技术栈

• Backend: Flask (Python)
• Frontend: Vue 3, Tailwind CSS
• Core: markdown-it, highlight.js
• Icons: Phosphor Icons

如何使用

1. 在左侧输入 Markdown 文本，或使用顶部工具栏辅助输入。
2. 在右上角选择喜欢的主题（如 Notion 风格）。
3. 点击“魔法棒”图标进行中英文空格优化。
4. 点击右上角的“复制”按钮。
5. 在微信公众号后台编辑器中粘贴 (Ctrl+V / Cmd+V)。

面试辅助

如果你对这个项目的架构和实现细节感兴趣，请查看 INTERVIEW_GUIDE.md。

作者

Designed by DuQing.