Markdown 实时预览
左右分栏编辑器，输入即时渲染，代码语法高亮，支持复制 HTML 与下载 .md 文件。
编辑器
在此输入 Markdown 内容
实时预览
渲染后的 HTML 效果
点击「预览」或开启「自动渲染」查看效果
示例模板
点击加载示例，快速体验功能
什么是 Markdown？
Markdown 是一种轻量级标记语言，通过简单的文本符号实现排版格式，广泛用于技术文档、README、博客、笔记等场景。它的核心优势在于"所写即所见"——用 # 表示标题，用 ** 加粗文字，用 ``` 包裹代码块，语法极简、上手即用。
OpsKit Markdown 预览工具在浏览器端完成所有渲染，内容不会上传服务器。支持 GitHub Flavored Markdown (GFM) 规范，包含表格、任务列表、删除线等扩展语法，代码块自动语法高亮。
如何使用
- 在左侧编辑器输入 Markdown 文本，或点击「示例模板」快速加载演示内容
- 开启「自动渲染」后输入即时预览；关闭后可手动点击「预览」按钮触发渲染
- 使用工具栏快捷按钮插入标题、粗体、代码块、表格等常用格式
- 完成后点击「复制 HTML」获取渲染后的 HTML 代码，或「复制 .md」保存原始文本
典型使用场景
面向 DevOps 工程师的生产级 Markdown 实战用法
本工具最高频的使用场景是实时预览 GitHub/GitLab 仓库的 README.md。将草稿粘贴进来，即时确认标题层级、代码块、徽章图片、表格的渲染效果，避免 push 后才发现排版错乱。结合「下载 .md」功能，可以在本地浏览器完成全套撰写→预览→下载的工作流，无需安装任何编辑器插件。
故障复盘文档对格式有较高要求：时间线表格、影响范围列表、根因分析、Action Items 复选框，在 Markdown 中均可优雅表达。用本工具预览并确认格式后，通过「复制 HTML」可将渲染好的报告直接粘贴到 Confluence、Notion 或企业内网的富文本编辑器中，省去重新排版的麻烦。
遵循 Keep a Changelog 规范的版本日志（## [1.2.0] - 2024-01-15 格式）天然适合用 Markdown 维护。用本工具预览格式后，「复制 HTML」可将格式化后的 Changelog 嵌入发布邮件或产品更新公告页面。代码块高亮对 YAML/JSON 示例的排版效果尤佳，适合 API Breaking Change 说明文档。
将运维 SOP（标准操作规程）、部署手册、环境配置说明用 Markdown 维护，用本工具在提交前预览格式是否正确。表格适合对比多环境配置参数；代码块配合语言标注后语法高亮，比纯文本 Shell 命令可读性高出一个数量级。撰写完毕后直接下载 .md 文件提交到 Git 仓库或上传至 Confluence。
复制 HTML 功能在需要将 Markdown 内容嵌入邮件、CMS 或静态页面时特别有用。导出的片段包含完整的 HTML 结构和 CSS 类名（highlight.js 主题类），引入对应主题的 CDN CSS 后代码高亮即可生效。对于邮件客户端（不支持外部 CSS），建议在粘贴后用邮件客户端的格式刷进行内联样式适配。