web

Markdown 预览 / Markdown 转 HTML

在浏览器本地预览 GitHub Flavored Markdown,检查标题结构与链接,并复制或下载经过净化的 HTML 片段。

标题结构

结构检查

文档包含 # 标题后,这里会显示结构概览。

链接列表

文档中的 Markdown 链接

当前还没有 Markdown 链接。

Markdown 写作课程

系统学习开发者实用 Markdown:基础语法、GitHub Flavored Markdown、README 与 Issue 模板、预览与 HTML 导出,以及可靠写作流程。

课程首页

关于此工具

DevCove Markdown 预览 / Markdown 转 HTML 工具帮助开发者编写 README、CHANGELOG、Issue 模板和文档片段,并立即看到渲染效果。你可以在本地预览 GitHub Flavored Markdown,检查标题与链接,然后复制或下载净化后的 HTML 片段用于下一步工作流。

如何使用

当你正在编写 README、Issue 模板、文档或博客草稿时,可以使用本工具:

  1. 在左侧编辑器中编写或粘贴 Markdown。
  2. 在右侧查看支持 GitHub Flavored Markdown 的实时预览。
  3. 需要 CMS、邮件或文档系统使用的 HTML 片段时,切换到 HTML 视图。
  4. 通过标题结构和链接列表,在发布前检查文档结构是否合理。
  5. 可加载 README 或 Issue 模板示例作为起点。
  6. 完成后复制 Markdown 或 HTML,或下载 HTML 文件。

功能特点

面向 README、CHANGELOG、Issue 模板和文档草稿场景:

  • 支持 GitHub Flavored Markdown 基础的实时预览。
  • 左右分栏的编辑与预览工作区。
  • Markdown 转 HTML,并输出经过净化的 HTML 片段。
  • 标题结构概览,便于快速检查层级。
  • 自动提取当前文档中的链接列表。
  • 工具栏内置 README 与 Issue 模板示例。
  • 支持复制 Markdown、复制 HTML 和下载 HTML。
  • 客户端处理:Markdown 在浏览器本地处理,不会上传到 DevCove 服务器。
  • 边界清晰:首版不包含云端发布、图片上传、Mermaid 或 LaTeX。

常见问题

这个 Markdown 预览会上传我的内容吗?

不会。预览和 HTML 转换都在页面加载后的浏览器本地执行,Markdown 不会上传到 DevCove 服务器。

支持哪些 Markdown 功能?

首版支持常见的 GitHub Flavored Markdown 基础能力,包括标题、列表、链接、代码块、引用和表格。Mermaid 与 LaTeX 不在首版范围内。

输出的 HTML 可以直接粘贴到其他系统吗?

HTML 片段在展示和复制前会经过净化,Markdown 中的原始 HTML 块不会被提升为可执行内容。嵌入生产系统前仍建议人工检查。

可以复制完整 HTML 页面吗?

工具复制的是净化后的 HTML 片段,而不是包含 head、body 和资源引用的完整页面。这通常更适合 CMS 字段、文档系统或邮件模板。

这和直接在仓库里写 Markdown 有什么区别?

本工具适合在 Markdown 进入 GitHub、文档站或 Issue 表单之前做草稿和检查。它提供即时预览、标题结构、链接提取和 HTML 导出,无需打开 IDE 或提交 commit。

为什么预览和 HTML 输出看起来会略有不同?

预览使用站点内的 Markdown 样式渲染,而 HTML 输出是未附带 DevCove CSS 的语义片段。迁移到其他系统时出现差异是正常现象。