README.md

---
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](INTERVIEW_GUIDE.md)。

## 作者

Designed by DuQing.