DevToolkit

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

  1. First item
  2. Second item
  3. 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 适合临时、轻量的预览与调整:不用安装、不占磁盘、任何设备打开浏览器就能用。桌面应用则更适合长期管理大量笔记、支持本地存储与插件扩展。两者互补,临时场景选在线,日常笔记选桌面。

相关工具