Markdown 能做

Markdown 让排版更轻松。在线演练场能自由操作，也会有更多功能，网页链接 为静态文本。

演练场刷新页面后会复原，谨慎用来持续编辑

具体能做什么？

• 简单的待办实现清单
• 常用段落格式：普通段落、六级标题、段落引用、列表、待办、代码、表格、公式、脚注、分割线、图像……
• 常用段内格式：加粗、倾斜、删除线、链接🔗、🤣表情、段内公式$e^{\pi }$、段内代码a = 3……
• 复制粘贴 Markdown 到公众号
• 去码头整点薯条

能做更多

• 各类图表，如流程图、思维导图、甘特图、时间线等。觉得麻烦？试试让 ChatGPT 来做。^[1]
• 演示文稿，例如 Slidev
• 五线谱（一般 Markdown 应用不支持）
• 这个网站，详见建站一节
• 上火星

时间线

null

流程图

null

五线谱

ChatGPT 写的，可能有错

X:1
T:Ode to Joy
C:Ludwig van Beethoven
M:4/4
L:1/4
K:C
"G"G3/2A/2 G E G | "D7"F3/2E/2 F D F | "G"G3G G A | B3/2A/2 G E G |
"D7"F3/2E/2 F E D | "G"G3G G A | B3/2A/2 G E G | "D7"F3/2E/2 F D F | "G"G3z ||

More Things If you are a programmer

HTML

• 下划线
• iframe
• svg
• 弄个按钮

CSS

Markdown 最终会渲染为 HTML，而 CSS 可以修改 HTML 元素的排布。如果 Markdown 编辑软件有相应配置，你可能可以：

• 行内定义 CSS
• 全局自定义 CSS

建站

比如点击这个按钮，就在vercel部署这个网站。

有很多基于 Markdown 的建站方式，个人调研后发现主要是 Vitepress 跟 MDX 两种，它们都拓展了 Markdown，都能插入代码组件。Vitepress 主要支持 Vue 组件，MDX 主要支持 React 组件

出于性能、维护稳定性考虑，本站使用 Vitepress 构建，站长为此连夜学 Vue（一个小时）。

还想更多？

可以看看参考资料

或者问问 ChatGPT？

---

1. 觉得难吗？其实不用记各类图表的语法，站长以前靠查手册，现在主要看 ChatGPT ↩︎