Markdown 实时预览
实时预览 Markdown 渲染效果,支持 GFM 语法
Markdown Preview
Features
- Bold text and italic text
Strikethrough- Links
Code
Inline code and code blocks:
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet('World');
Lists
- First item
- Second item
- Third item
- Unordered item
- Another item
- Nested item
Blockquote
This is a blockquote. It can span multiple lines.
Table
| Feature | Status |
|---|---|
| Headings | Done |
| Lists | Done |
| Code | Done |
Powered by DevToolkit
常见问题
Markdown 预览工具是什么?
Markdown Preview 让你在左侧编辑 Markdown 文本,右侧实时渲染为 HTML,所见即所得。支持标题、列表、表格、代码块、任务列表、脚注等 GitHub Flavored Markdown(GFM)常用语法,非常适合写 README、博客草稿或技术文档。
支持 GFM 的哪些扩展?
表格(`|`、`---`)、删除线(`~~文字~~`)、任务列表(`- [ ]`)、围栏代码块(带语言高亮)、自动链接、脚注、以及基本的 HTML 透传。数学公式(KaTeX)和 Mermaid 图表通常不包含在内;若需要可与 developer 对接是否扩展。
写出来的 Markdown 能直接放到 GitHub / Notion 吗?
基础语法都通用。但各家平台对某些扩展(如内嵌 HTML、脚注、甚至 emoji 简写)支持不同,DevToolkit 的渲染以 GFM 为准。粘贴到目标平台后请再预览一次,必要时微调。
为什么我的代码块没有高亮?
请使用围栏语法并指定语言,例如 ` ```js `。拼写语言名时请用常见别名(`js`、`ts`、`py`、`bash`、`sql` 等)。若仍未高亮,可能是该语言未在高亮库中启用。
我的文档会上传吗?
不会。Markdown 原文和渲染结果都在浏览器中处理,内部 RFC、会议纪要也可以放心粘贴。
与 Typora、Obsidian 等桌面应用比怎么选?
DevToolkit 适合临时、轻量的预览与调整:不用安装、不占磁盘、任何设备打开浏览器就能用。桌面应用则更适合长期管理大量笔记、支持本地存储与插件扩展。两者互补,临时场景选在线,日常笔记选桌面。