Markdown编辑器
优雅的 Markdown 排版工具

Markdown编辑器使用说明

1. 基本介绍

这是一个专为中文内容创作者设计的Markdown编辑器,特别优化了微信公众号排版。您可以使用它来编写Markdown文本,实时预览效果,并复制富文本内容到微信公众号等平台。

多种主题

内置多种精美主题,适配不同类型的文章内容,特别优化了微信公众号显示效果。

代码高亮

支持多种编程语言的代码高亮,并提供多种代码块样式,让技术文章更专业美观。

复制导出

一键复制排版后的内容,可直接粘贴到微信公众号、知乎等平台,也可导出为HTML文件。

2. 快速开始

2.1 输入Markdown内容

在左侧编辑区输入或粘贴Markdown文本,右侧会实时预览渲染效果。您也可以:

  • 点击粘贴内容按钮,直接粘贴剪贴板中的内容
  • 拖放Markdown或文本文件到编辑区
  • 复制粘贴HTML内容,会自动转换为Markdown格式

2.2 主题风格

编辑器提供了多种主题风格,让您在不同场景下拥有最合适的排版:

  • 默认主题(蓝色科技风) - 现代化的技术文档风格,适合技术博客
  • 简约商务风 - 专业简约的商务风格,适合工作文档
  • 暗色科技风 - 护眼暗色调,适合夜间阅读
  • 优雅暗色主题 - 高对比度的暗色系,凸显内容层次
  • MDNice主题 - 类似于MDNice网站的经典风格
  • 自然绿色主题 - 清新自然的配色,舒适宜人
  • 学术论文主题 - 严谨规范的学术排版,支持论文格式
  • 极简风格主题 - 简约至上,去除多余装饰,专注内容
  • 中文传统排版主题 - 符合中文阅读习惯的传统排版,自动首行缩进
  • 杂志风格主题 - 模拟杂志排版样式,精致优雅
  • 鲜艳对比主题 - 强烈的黑黄红配色,粗犷大胆的排版风格,适合创意内容

切换主题时,已有的内容将自动应用新主题样式,无需重新编辑。

2.3 复制和导出

内容编辑完成后,可以:

  • 复制HTML: 点击"复制HTML"按钮,获取排版后的HTML代码,可直接粘贴到微信公众号等支持HTML的平台
  • 下载HTML: 将排版结果下载为HTML文件,便于存档或线下使用

注意:复制功能和下载功能都会保留当前选择的主题样式,确保您在其他平台看到的效果与编辑器中预览的效果一致。

2.4 特别说明

通过"复制HTML"获取的内容已针对微信公众号做了特别优化,直接粘贴即可获得最佳排版效果。所有样式(包括代码高亮样式)都会随内容一起复制,无需担心样式丢失问题。

3. Markdown语法指南

3.1 基础语法

元素 Markdown语法
标题 # 一级标题
## 二级标题
### 三级标题
粗体 **粗体文本**
斜体 *斜体文本*
链接 [链接文本](https://example.com)
图片 ![alt文本](图片地址)
引用 > 引用内容

3.2 列表

类型 Markdown语法
无序列表 - 列表项
* 列表项
+ 列表项
有序列表 1. 列表项
2. 列表项
3. 列表项

3.3 代码

类型 Markdown语法
行内代码 `行内代码`
代码块 ```语言名称
代码内容
```

3.4 表格

创建表格的语法如下:

| 表头1 | 表头2 | 表头3 |
|-------|-------|-------|
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

4. 特色功能

4.1 HTML转Markdown

当您从网页或其他富文本编辑器复制内容时,编辑器会自动将HTML转换为Markdown格式。这对于从网站文章、Word文档等转换内容特别有用。

4.2 微信公众号优化

所有主题都针对微信公众号进行了优化,确保粘贴到公众号编辑器后保持良好的排版效果。特别优化了以下内容:

  • 代码块样式和高亮
  • 引用块样式
  • 标题层级和样式
  • 列表缩进和间距

4.3 快捷键

功能 快捷键
粗体 Ctrl+B
斜体 Ctrl+I
链接 Ctrl+K
保存 Ctrl+S
预览 Ctrl+P

5. 常见问题

5.1 复制到微信公众号后样式丢失?

确保使用"复制HTML"按钮复制内容,而不是直接从编辑区复制。如果仍有问题,尝试使用"暗色科技风"或"MDNice"主题,这些主题对微信公众号兼容性更好。

5.2 如何插入图片?

编辑器支持多种方式插入图片:

  • 剪贴板粘贴 - 直接从剪贴板粘贴图片(例如,截图后按 Ctrl+V),编辑器会自动插入图片
  • Markdown 语法 - 使用 ![描述](图片链接) 插入在线图片
  • 建议 - 对于需要长期保存的文档,建议先将图片上传到图床获取永久链接,然后使用Markdown语法插入

注意:直接粘贴的图片使用base64编码存储,可能会导致文档体积增大。编辑器会自动压缩超过1MB的图片,减小文件体积和加快加载速度。对于需要分享或保存的内容,仍建议使用图床链接。

5.3 支持的代码语言有哪些?

编辑器支持几乎所有主流编程语言的代码高亮,包括但不限于:JavaScript、Python、Java、C++、Go、PHP、HTML、CSS、SQL、Bash等。使用时只需在代码块语言标识处指定相应语言名称。