# markdown文档转公众号文档

**Repository Path**: liu-shahe/markdown-util

## Basic Information

- **Project Name**: markdown文档转公众号文档
- **Description**: 一个专业的 Markdown 转微信公众号编辑器，支持一键排版、实时预览、多主题切换。完美支持飞书文档、Markdown 文档等格式转换，让公众号排版更轻松、更美观。

- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2025-06-26
- **Last Updated**: 2025-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🚀 Markdown 转微信公众号编辑器

一个专业的 Markdown 转微信公众号编辑器，支持一键排版、实时预览、多主题切换。完美支持飞书文档、Markdown 文档等格式转换，让公众号排版更轻松、更美观。
![输入图片说明](61F6974937B49C8761BA097E45D203F7.png)

## ✨ 核心功能

| 功能 | 描述 | 支持情况 |
|:--|:--|:--:|
| Markdown 编辑 | 支持标准 Markdown 语法，实时编辑预览 | ✅ |
| 飞书文档转换 | 飞书内容一键粘贴，自动转换格式 | ✅ |
| 实时预览 | 支持手机和电脑两种预览模式 | ✅ |
| 多种主题 | 提供10+精美主题，适配不同文章风格 | ✅ |
| 公众号优化 | 一键复制富文本，完美适配公众号编辑器 | ✅ |
| 快捷操作 | 支持键盘快捷键和多种复制格式 | ✅ |
| 响应式设计 | 完美适配手机和电脑端 | ✅ |

## 🎯 核心优势

- **零门槛使用**：无需安装，打开即用，支持本地运行
- **公众号专用**：专为微信公众号优化，一键复制完美适配
- **多格式支持**：支持 Markdown、飞书文档等多种输入格式
- **丰富主题库**：10+ 精美主题，覆盖各种文章类型和风格
- **实时预览**：所见即所得，手机电脑双重预览模式
- **高效排版**：智能格式转换，让公众号排版变得简单高效

## 📦 功能模块

```
核心功能/
├── Markdown 编辑器     # 支持标准语法，实时编辑
├── 飞书文档转换        # 一键粘贴，智能识别格式
├── 主题样式库          # 10+ 精美主题可选
├── 实时预览器          # 手机/电脑双重预览
├── 一键复制工具        # 富文本/Markdown/纯文本
└── 简历生成器          # 多主题个人简历定制
```

## 🚀 快速开始

### 方法一：直接打开
1. 下载项目文件
2. 双击 `index.html` 文件
3. 在浏览器中打开即可使用

### 方法二：本地服务器
```bash
# 使用 Python 启动本地服务器
python3 -m http.server 8000

# 或使用 Node.js
npx serve .

# 然后访问 http://localhost:8000
```

## 📖 使用指南

### 🚀 三步发布公众号文章

1. **📝 编写内容**
   - 直接在左侧编辑器中写 Markdown
   - 或从飞书文档复制粘贴，自动转换格式
   - 支持标题、列表、代码块、表格等所有常用格式

2. **🎨 选择主题**
   - 根据文章类型选择合适主题
   - 实时预览效果，手机电脑双重确认
   - 10+ 精美主题，总有一款适合你

3. **📋 一键复制**
   - 点击"复制富文本"按钮
   - 直接粘贴到公众号编辑器
   - 格式完美保留，无需二次调整

### 💡 高效技巧
- **快捷键操作**：`Ctrl/Cmd + S` 快速复制富文本
- **多格式输出**：支持富文本
- **实时同步**：编辑内容实时预览，所见即所得
- **移动预览**：切换手机模式，确保移动端阅读体验

### ⌨️ 快捷键大全
- `Ctrl/Cmd + S`：复制富文本（公众号专用）
- `Ctrl/Cmd + M`：复制 Markdown 格式
- `Ctrl/Cmd + K`：清空编辑器内容
- `Ctrl/Cmd + V`：智能粘贴飞书内容

### 支持的格式

#### 文本格式
- **粗体文本**：`**文本**` 或 `__文本__`
- *斜体文本*：`*文本*` 或 `_文本_`
- `行内代码`：`` `代码` ``
- ~~删除线~~：`~~文本~~`

#### 标题
```markdown
# 一级标题
## 二级标题
### 三级标题
```

#### 列表
```markdown
# 无序列表
- 项目1
- 项目2
  - 子项目

# 有序列表
1. 第一项
2. 第二项
   1. 子项目
```

#### 引用
```markdown
> 这是一个引用
> 可以多行
```

#### 代码块
```markdown
```javascript
function hello() {
    console.log('Hello World!');
}
```
```

#### 表格
```markdown
| 列1 | 列2 | 列3 |
|:--|:--:|--:|
| 左对齐 | 居中 | 右对齐 |
| 数据1 | 数据2 | 数据3 |
```

## 🎨 精美主题库

### 📱 公众号专用主题

我们为不同类型的公众号文章精心设计了多款主题，让你的内容在手机端呈现最佳效果：

#### 🏢 商务专业系列
- **默认主题**：现代简洁，适合科技、商业类文章
- **极简主题**：简约清爽，适合知识分享、教程类文章
- **经典主题**：稳重大气，适合企业宣传、正式通知

#### 🌈 生活美学系列
- **优雅粉色** 🌸：温柔浪漫，适合情感、美妆、时尚类文章
- **海洋蓝调** 🌊：清新宁静，适合旅行、摄影、生活分享
- **森林绿意** 🌿：自然清新，适合健康、环保、美食类文章
- **薄荷清新** 🍃：清爽怡人，适合育儿、家居、生活方式

#### 🎯 个性创意系列
- **夕阳橙红** 🌅：温暖活力，适合励志、成长、创业类文章
- **薰衣草紫** 💜：神秘优雅，适合艺术、文化、设计类文章
- **樱花粉嫩** 🌺：甜美可爱，适合萌宠、亲子、青春类文章

### ✨ 主题特色

每个主题都针对公众号阅读体验优化：
- 📱 **移动端优先**：专为手机阅读优化的字体和间距
- 🎨 **视觉层次**：清晰的标题层级和内容结构
- 💡 **护眼配色**：舒适的颜色搭配，减少阅读疲劳
- 🔧 **完美适配**：确保在公众号编辑器中完美显示

## 🔧 技术架构

### 💻 核心技术
- **纯前端实现**：无需服务器，打开即用
- **现代化技术栈**：HTML5 + CSS3 + ES6+
- **高性能解析**：Marked.js + Highlight.js
- **响应式设计**：完美适配手机和电脑

### 🚀 核心优势

#### ⚡ 极速转换
- 实时预览，输入即转换
- 本地处理，无网络延迟
- 智能缓存，提升使用体验

#### 🎯 公众号专用优化
- 完美适配微信公众号编辑器
- 移动端阅读体验优化
- 富文本格式无损复制
- 样式兼容性测试验证

#### 🛡️ 数据安全
- 纯本地处理，内容不上传
- 隐私保护，安全可靠
- 离线可用，随时随地编辑

### 🔮 智能特性

- **飞书文档智能识别**：自动转换飞书特殊格式
- **格式自动优化**：智能调整段落间距和字体大小
- **主题智能推荐**：根据内容类型推荐合适主题
- **一键格式化**：自动优化代码块和表格显示

## 🌟 特色功能

### 飞书格式兼容
- 自动识别飞书文档的特殊格式
- 智能转换列表缩进和编号
- 保持表格和代码块的原始结构

### 公众号优化
- 生成适合公众号的HTML结构
- 完整的内联样式确保格式不丢失
- 支持富文本、Markdown、纯文本三种复制格式
- 现代Clipboard API支持，兼容性更好
- 移动端阅读体验优化

### 用户体验
- 拖拽调整编辑器大小
- 实时保存编辑状态
- 智能错误提示和恢复


### 💡 用户建议
我们重视每一位用户的反馈，如果你有好的想法或建议，欢迎通过以下方式联系我们：
- 📧 邮箱反馈
- 🐛 GitHub Issues

## 🤝 参与贡献

我们欢迎所有形式的贡献，让这个工具变得更好！

### 🐛 报告问题
- 发现 Bug？请详细描述问题和复现步骤
- 有改进建议？告诉我们你的想法
- 需要新功能？说明使用场景和预期效果

### 💻 代码贡献
1. **Fork** 项目到你的 Gitee
2. **创建分支** 进行功能开发
3. **提交代码** 并写清楚改动说明
4. **发起 PR** 等待代码审查

### 📝 文档完善
- 完善使用教程
- 翻译多语言版本
- 补充常见问题解答

## 📄 开源协议

本项目采用 **Apache License 2.0** 开源协议，你可以自由使用、修改和分发。

## 🙏 特别感谢

### 开源项目
- **Marked.js** - 强大的 Markdown 解析引擎
- **Highlight.js** - 优秀的代码语法高亮库
- **GitHub** - 优质的代码托管平台

### 用户反馈
感谢所有使用者的宝贵建议和反馈，让我们不断改进和完善！

## 📞 联系我们

### 🔗 项目链接
- **Gitee 仓库**：[查看源码](https://gitee.com/liu-shahe/markdown-util)

- **问题反馈**：[提交 Issue](https://gitee.com/liu-shahe/markdown-util.git/issues)

### 💬 交流群组

- **邮箱联系**1540077031@qq.com

---

💝 **如果这个工具帮到了你，请给我们一个 ⭐ Star，这是对我们最大的鼓励！**

🚀 **让公众号文章编辑变得更简单，让优质内容传播得更远！**