1. 用标题层级驱动文章结构
好的 Markdown 文章从清晰的标题层级开始。## 作为一级章节,### 作为子章节,最多不超过四级。标题不仅影响阅读体验,也直接决定导出 HTML 后的 TOC(目录)质量和 SEO 权重。
# 文章标题(仅一个)
## 第一章
### 1.1 子节
### 1.2 子节
## 第二章
2. 代码块注明语言,语法高亮自动生效
在代码块的开头三个反引号后紧跟语言名称,Shiki 会自动为超过 150 种语言提供精确语法高亮。常见的有 js、ts、python、bash、sql、yaml。
def greet(name):
return "Hello, " + nameSELECT id, title FROM posts WHERE published = trueversion: '3'
services:
web:
image: nginx3. 用 Mermaid 画流程图,无需截图
Mark.build 支持 Mermaid 图表语法,渲染为内联 SVG,导出 HTML 后依然清晰无锯齿。写技术文档时比截图方便十倍,内容也更容易维护。
4. KaTeX 渲染数学公式
研究报告或技术博客中常需要公式。用 $...$ 写行内公式,$$...$$ 写块级公式,KaTeX 会将它们渲染为矢量图形,导出后不依赖任何外部 JS。
贝叶斯定理:
5. 引用块突出重要内容
> 开头的引用块非常适合标注警示、提示或名言。搭配主题的 blockquote 样式,视觉效果远比加粗文字更专业。
清晰的文档和清晰的代码一样重要。好的写作是一种工程实践。
6. 表格快速整理对比数据
Markdown GFM 语法支持表格。三列对比表是技术选型、功能对比类文章的利器。列对齐用 :---(左)、:---:(中)、---:(右)。
| 方案 | 优点 | 缺点 |
|---|---|---|
| Markdown | 纯文本,可版控 | 样式有限 |
| Word | 富文本 | 难以版控 |
| Notion | 协作方便 | 导出受限 |
7. 图片加 alt 文字提升 SEO
 中的描述文字会成为 alt 属性,搜索引擎用它理解图片内容。对于技术截图,用简短精确的中文描述,比空白或 “screenshot” 效果好得多。
8. 脚注处理参考资料
GFM 支持脚注语法,适合学术写作或需要引用来源的文章。正文中用 [^1],文末定义 [^1]: 参考文献内容,Mark.build 会自动生成带链接的脚注编号。
9. 专注写作模式屏蔽干扰
Mark.build 编辑器右上角有「专注模式」按钮,隐藏顶部导航栏,让编辑器和预览占满整个屏幕。写长文时开启,避免视觉干扰。
10. 主题与导出放在最后
写作时选择轻量的 Default 或 Minimal 主题,光标移动流畅、干扰最小。写完再切换到目标主题(比如 Catppuccin 给开发博客,FT Pink 给商业评论),一键导出。调整主题不影响文章内容,改起来没有心理负担。
开始写作: 打开 Mark.build 编辑器 →