Markdown 求职实录：一场兼作本站 Markdown 样式陈列的面试

上周三下午，编辑部前台收到一份奇特的求职材料。投递者自称 Markdown——对，就是那个 Markdown，一份轻量级标记语言，声称能承包本站从标题到脚注的全部排版工作。

面试由 Fuwari 博客模板主持。本文同时作为本站 Markdown 语法（整合自旧文《Markdown 语法全解析：从基础到高级进阶》）与 Fuwari 模板功能（整合自《Fuwari 博客模板综合食用指南》）的样式陈列¹。

编者按：每个环节先亮「写法」（Markdown 源码原样展示），再看「效果」（真实渲染）。如需学习语法，请专注代码框；如需吃瓜，请跳过代码框。两不误当然最好。

NOTE
文中所有「写法」框里的内容都是源码原文，你可以直接复制走用；所有「效果」都是真实渲染，没有截图。

面试记录 ☆ 第一轮：基础素养#

H2 负责章节，比如现在这个；H3 负责小节，比如接下来每个带 ☆ 的；H4 负责不存在的小节，本文没有用到。至于 H1——它一般不单独出现在正文里，文章标题已经把它用掉了，就像入职当天才发现工位早就被人占了。

开场白 ☆ 文本格式#

写法：

1
*斜体*、**粗体**、~~删除线~~、`行内代码`

效果：面试者起立鞠躬：各位编辑老师好，我是 Markdown，来自纯文本世界。~~HTML~~ 是我表哥，比较胖，什么都要自己写。

「介绍一下行内代码。」

行内代码 长这样：写配置、标文件名、指路径，全靠它，比如 src/config.ts 或 draft: false。

复试意见：此人称代码是「inline」的，陈述时眼神没有游移，初步可信。

主任批注：可信个屁，等代码块环节再看。

证件照 ☆ 图片与链接#

写法：

1
![alt 文字](图片地址)
2

3
[链接文字](https://example.com)

效果：面试者按要求提交证件照一张：

证件照：Markdown 的工作环境，纯文本，无装饰

同时提交了个人主页与方言证书（GFM）²。

技能清单 ☆ 列表#

写法：

1
- 无序列表
2
  - 支持嵌套
3
    - 可以一直套
4

5
1. 有序列表
6
2. 自动编号
7

8
- [x] 任务清单：已完成
9
- [ ] 任务清单：未完成

效果——无序列表（熟练技能，支持套娃）：

标题与分割线
列表嵌套
- 有序的
  - 无序的
    - 都是列表
表格（自己会排队）

有序列表（自我陈述）：

我诞生于 2004 年
我的方言有十余种，最常用的是 GFM
我在 GitHub 上有数亿份口供

任务清单（入职准备进度）：

《Markdown 语法全解析》复习完毕
《Fuwari 博客模板综合食用指南》背诵完毕
等一个 offer

薪资期望 ☆ 删除线的正确用法#

写法：

1
期望月薪 ~~30000~~ ~~25000~~ 面议。

效果：期望月薪 ~~30000~~ ~~25000~~ 面议。

面试官在备注栏写道：这是全场唯一没出错的部分。

人际关系 ☆ 引用块#

写法：

1
> 第一层引用
2
>
3
> > 第二层引用，嵌套就多打一个 >
4
>
5
> 回到第一层

效果：

面试官评语：表达清晰，逻辑完整。

复试意见：此人称代码是「inline」的，眼神没有游移，初步可信。

主任批注：可信个屁，等代码块环节再看。

面试评分表 ☆ 表格#

写法（冒号在哪边，就往哪边对齐）：

1
| 左对齐 | 居中 | 右对齐 | 默认 |
2
| :--- | :---: | ---: | --- |
3
| 靠左 | 靠中 | 靠右 | 随缘 |

效果：

考核项	得分	权重	备注
语法准确率	98.6	40%	扣分项是话多
排版美观度	96.0	30%	表格自己会排队
抗压能力	87.3	20%	被划掉三次也没有崩溃
咖啡冲泡	0	10%	完全不会，建议转岗行政

劳动纪律 ☆ 分割线#

写法：

1
---

效果：

分割线上方是简历，下方是人心。面试官表示，这个人用三条线讲了很多东西。

加试 ☆ 高级素养#

数字敏感度 ☆ 数学公式#

写法——行内公式用一对 $ 包起来：

1
行内公式：$\omega = d\phi / dt$

块级公式用 math 代码块（注意外面这层是四个反引号，因为里面也有三反引号）：

1
```math
2
P(\text{offer}) = \frac{S_{\text{syntax}} \times W_{\text{排版}}}{\int_0^{1} f(t)\,dt + K_{\text{moral}}}
3
```

效果——面试官出题：请建立「录用概率模型」。行内公式热身： $\omega = d\phi / dt$ （面试官：随便写的，装样子）。

块级公式，Markdown 白板推导：

P(\text{offer}) = \frac{S_{\text{syntax}} \times W_{\text{排版}}}{\int_0^{1} f(t)\,dt + K_{\text{moral}}}

其中 $K_{\text{moral}}$ 为道德品质修正系数，取值 $[0.1, 1.0]$ ，由面试官心情决定。

Markdown 看完评价：「比我严谨。」

字符应激测试 ☆ 转义#

写法（特殊符号前加反斜杠，它就只是个普通字符）：

1
\*\*这样我就不是粗体，只是两个相亲相爱的星号\*\*

效果：面试官突然发难：如果考官本身就是语法符号，你怎么办？

Markdown 从容掏出反斜杠：

**这样我就不是粗体，只是两个相亲相爱的星号**

逃生舱口 ☆ 内嵌 HTML#

写法：

1
<span style="display:block; text-align:right; color:orangered;">橙色，居右</span>

效果——Markdown 坦白：遇到纯语法做不到的事，允许请 HTML 亲戚帮忙，比如让一行字居右、并且是橙色的：

——本行由 HTML 代笔，橙色，居右，生活精致

WARNING
HTML 只救急，不救穷。能不用就不用，否则排版会变得和面试者的发型一样自由散漫。

压轴环节 ☆ Fuwari 模板功能#

回答注意 ☆ 提示框#

写法——::: 开头、::: 结尾，类型有 note tip important warning caution 五种，方括号里可以塞自定义标题；GitHub 的 > [!TIP] 写法也通吃：

1
:::note
2
普通提示。
3
:::
4

5
:::note[自定义标题]
6
提示框也能自带标题。
7
:::
8

9
> [!TIP]
10
> GitHub 语法的提示块同样支持。

效果——面试问答实录：

NOTE
第一题：请说明你的记忆方式。——我不用记，写下来就是排版。

TIP
第二题：给读者的可选建议。——多用列表，读者都是速读生物。

IMPORTANT
第三题：关键信息。——draft: true 的文章不会出现在首页，就像没来面试一样。

WARNING
第四题：风险意识。——本站暂不支持 :spoiler[隐藏内容] 语法，想藏私房钱请另寻高就。

CAUTION
第五题：负面后果。——如果 frontmatter 的 YAML 缩进写错，整篇文章会在构建时当场失踪，连归档都查无此人。

第六题 ☆ 自定义标题
提示框还能自带标题，就像现在这样。

TIP
GitHub 语法的提示块也支持。Markdown 表示这叫「入乡随俗」。

出身调查 ☆ 仓库卡片#

写法（注意是双冒号开头——三个冒号会被当成容器指令，把后面半篇文章吞进去，本文字数骤降就是因为面试者一开始写错了这个）：

1
::github{repo="用户名/仓库名"}

效果——面试官要求提供出身证明，Markdown 递上一张来自 GitHub 的卡片：

saicaca

fuwari

Waiting for api.github.com...

00K

Waiting...

现场实操 ☆ 代码块全家桶#

以下为实操表演，场地与灯光由 Expressive Code 提供。每题先看写法（围栏后跟的那些参数就是全部秘密），再看效果。

第一题：文件名与行高亮——title= 给文件名，{1, 4, 6-7} 高亮指定行：

1
```js title="interview.js" {1, 4, 6-7}
2
// 第 1 行：重点关注
3
function expectSalary(current) {
4
  const expected = current * 1.5;
5
  // 第 4 行：重点关注
6
  const skills = ['标题', '列表', '表格', '公式'];
7
  const reality = current * 1.1; // 第 6 行：范围高亮起
8
  return reality;                // 第 7 行：范围高亮止
9
}
10
```

效果：

1
// 第 1 行：重点关注
2
function expectSalary(current) {
3
  const expected = current * 1.5;
4
  // 第 4 行：重点关注
5
  const skills = ['标题', '列表', '表格', '公式'];
6
  const reality = current * 1.1; // 第 6 行：范围高亮起
7
  return reality;                // 第 7 行：范围高亮止
8
}

第二题：插入与删除——del={2} 删第 2 行，ins={3-4} 插第 3-4 行：

1
```js title="salary-negotiation.js" del={2} ins={3-4}
2
function finalExpectation() {
3
  return '月薪三万，绝不还价';
4
  // 经纪人建议：初稿过于激进
5
  return '面议，公司管饭就行';
6
}
7
```

效果（面试者的薪资修订记录）：

1
function finalExpectation() {
2
  return '月薪三万，绝不还价';
3
  // 经纪人建议：初稿过于激进
4
  return '面议，公司管饭就行';
5
}

第三题：diff 对照——直接用 diff 语言，+ 是新增、- 是删除：

1
```diff title="resume.md"
2
+ 精通 Markdown 全部基础语法
3
+ 熟练使用 GFM 方言：表格、任务清单、脚注
4
- 精通一切，无需学习
5
+ 持续学习中，本站文章就是证据
6
```

效果（简历的迭代史）：

1
精通 Markdown 全部基础语法
2
熟练使用 GFM 方言：表格、任务清单、脚注
3
精通一切，无需学习
4
持续学习中，本站文章就是证据

第四题：关键词标记——围栏后写一对引号包住要标记的词：

1
```js "候选人"
2
const review1 = '候选人态度端正，语法过硬';
3
const review2 = '候选人话太多，建议观察';
4
const finalReview = '综合两位面试官意见：候选人优先录用';
5
```

效果（面试官评语归档）：

1
const review1 = '候选人态度端正，语法过硬';
2
const review2 = '候选人话太多，建议观察';
3
const finalReview = '综合两位面试官意见：候选人优先录用';

第五题：正则标记——斜杠包正则，命中就亮：

1
```ts /错误|警告|异常/
2
const log = [
3
  '08:30 系统启动，一切正常',
4
  '09:15 出现一次警告：咖啡机缺豆',
5
  '10:00 异常：求职者太紧张，自我介绍了三遍',
6
  '12:00 错误：盒饭没了，面试暂停',
7
];
8
```

效果（面试当日系统日志）：

1
const log = [
2
  '08:30 系统启动，一切正常',
3
  '09:15 出现一次警告：咖啡机缺豆',
4
  '10:00 异常：求职者太紧张，自我介绍了三遍',
5
  '12:00 错误：盒饭没了，面试暂停',
6
];

第六题：自动换行——围栏后加 wrap，超长行会折行而不会撑破容器：

1
```js wrap
2
const closingStatement = '这是面试者在凌晨两点写下的陈述：……（超长内容）……';
3
```

效果（结案陈词，一气呵成）：

1
const closingStatement = '这是面试者在凌晨两点写下的陈述：经过长达三小时的鏖战，本人一致认为自己完全胜任排版工作，理由包括但不限于会加粗、会斜体、会划线、会背 frontmatter，望编辑部从速发放 offer，薪资面议，咖啡自备。';

第七题：可折叠段落——collapse={起始行-结束行}，被罩住的行默认收起：

1
```js collapse={1-5, 12-15}
2
// 以下为样板代码，已折叠
3
import { Editor } from 'markdown-core'
4
import { Themes } from 'fuwari-themes'
5

6
const editor = new Editor(Themes.default)
7

8
// 核心逻辑：现场可见
9
editor.render('**你好，我是 Markdown**')
10
editor.highlight('表格、公式、脚注')
11
editor.fold('不重要的话')
12

13
// 结案归档流程，已折叠
14
editor.close('面试结束')
15
editor.archive('材料编号 LC-2026-009')
16
editor.notify({ to: '编辑部全体', cc: 'Markdown 本人' })
17
```

效果：


5 collapsed lines
1
// 以下为样板代码，已折叠
2
import { Editor } from 'markdown-core'
3
import { Themes } from 'fuwari-themes'
4

5
const editor = new Editor(Themes.default)
6

7
// 核心逻辑：现场可见
8
editor.render('**你好，我是 Markdown**')
9
editor.highlight('表格、公式、脚注')
10
editor.fold('不重要的话')
11

4 collapsed lines
12
// 结案归档流程，已折叠
13
editor.close('面试结束')
14
editor.archive('材料编号 LC-2026-009')
15
editor.notify({ to: '编辑部全体', cc: 'Markdown 本人' })

第八题：行号管理——showLineNumbers=false 关行号；startLineNumber=42 改起始行号：

1
```js showLineNumbers=false
2
// 面试官：这段太短，不配拥有行号
3
console.log('同意。')
4
```
5

6
```js showLineNumbers startLineNumber=42
7
console.log('从第 42 行开始，前面的都是法律免责声明');
8
```

效果：

// 面试官：这段太短，不配拥有行号
console.log('同意。')

42
console.log('从第 42 行开始，前面的都是法律免责声明');

第十题：着装规范——shell 族代码默认穿终端便装（左上角三色圆点），报上文件名（title=）才算穿好编辑器西装：

写法：

1
```sh
2
echo "便装出场：没报文件名，自动被归为终端窗口"
3
```
4

5
```sh title="formal.sh"
6
echo "西装出场：报了文件名，换编辑器边框"
7
```

效果：

1
echo "便装出场：没报文件名，自动被归为终端窗口"

1
echo "西装出场：报了文件名，换编辑器边框"

面试官点评，判定规则共三条：① bash、sh、ansi 这类终端语言默认穿便装；② title= 是文件名、或代码以 #!/ 开头，自动换西装；③ frame="terminal"、frame="code" 可强制指定着装。面试者闻言递上自己最得意的 PHP 作品，坚称它穿的是终端便装——当场被纠正：php 不在终端语言名单里，你那是编辑器西装。面试者的脸红到了耳根，但红色恰好和它的主题色一致，勉强算体面。

第十一题：灯光设备——面试者自带了一套灯，说这叫 ANSI 转义序列渲染，写法上是把不可见的 ESC 字节（\x1b）缝进代码里：

写法（可读记法，ESC 实际是文件里的一个不可见字节）：

1
```ansi
2
ESC[1;31m加粗红字 ESC[0m   ← 实际写的是 \x1b[1;31m 加粗红字 \x1b[0m
3
```

效果（面试官拿到源码时一度以为交了白卷——通篇不可见字符，直到渲染灯亮起）：

1
灯光设备自检单（编号 LC-2026-009-ANSI）：
2

3
- 常规: 红  绿  黄  蓝  品  青 
4
- 加粗: 红  绿  黄  蓝  品  青 
5
- 调暗: 红  绿  黄  蓝  品  青 
6

7
256 色（色号 160-177，面试官说这段像调色盘打翻了）：
8
 160  161  162  163  164  165 
9
 166  167  168  169  170  171 
10
 172  173  174  175  176  177 
11

12
ForestGreen - RGB(34, 139, 34)  ← 全彩 RGB，绿色代表 offer 在望
13

14
文字特效: 加粗 调暗 斜体 下划线
15
自检结论: 灯光一切正常，比候选人本人亮眼。

面试官的评语只有一句：设备比人亮。

第十二题：低调模式——frame="none"：外套、灯光统统脱掉，素颜谢幕：

1
```sh frame="none"
2
# 低调执行，不留痕迹
3
echo "面试结束，清理现场"
4
```

效果：

1
# 低调执行，不留痕迹
2
echo "面试结束，清理现场"

才艺展示 ☆ 视频自我介绍#

写法——从 B 站复制嵌入代码，直接粘进 Markdown：

1
<iframe width="100%" height="468"
2
  src="//player.bilibili.com/player.html?bvid=BV1fK4y1s7Qf&p=1"
3
  scrolling="no" border="0" frameborder="no" framespacing="0"
4
  allowfullscreen="true"></iframe>

效果——Markdown 播放了一段从 B 站找来的视频：

编辑部看完的评价：视频和本人一样，都是占位符。

Markdown 见状又补交了一份「海外才艺证明」——从 YouTube 复制的嵌入代码，坚称这段视频里有它的留学演讲。

写法——YouTube 的分享菜单里有现成的嵌入代码，复制粘贴即可：

1
<iframe width="100%" height="468"
2
  src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_"
3
  title="YouTube video player" frameborder="0" allowfullscreen></iframe>

效果：

面试官并没有找到那段留学演讲，但鉴于视频和 B 站那份才艺一样都是占位符，勉强判定为「风格统一」。

个人档案 ☆ Frontmatter#

其实连这份求职材料本身，也是用 Markdown 写的。以下是其元数据（真材实料，本文同款）：

1
---
2
title: 'Markdown 求职实录：一场兼作本站 Markdown 样式陈列的面试'
3
published: 2026-09-12
4
description: 'Markdown 语法全解析与 Fuwari 模板食用指南的合订本。'
5
tags: ['Markdown', 'Fuwari', '教程']
6
category: '博客改造'
7
draft: false
8
hidden: false
9
order: 0
10
---

录用通知#

编辑部决议
经全体编辑投票（3:0，另一位编辑弃权去吃饭），决定录用 Markdown 为本站终身排版工程师。待遇：每篇文章出场一次，无需打卡，不缴社保。

🖊 留心博客编辑部，2026 年 9 月 12 日

样式陈列的灵感来自伏枥之间《草莓蛋糕失踪事件调查报告：兼作本站 Markdown 样式陈列》（https://leehenry.top/posts/words_in_wildness/markdown/），语法内容整合自本站两篇旧文《Markdown 语法全解析：从基础到高级进阶》与《Fuwari 博客模板综合食用指南》。 ↩
证件照注：照片内容为其日常工作环境，纯文本，无装饰，与本人自述一致。 ↩
脚注：其中 hidden: false 是本站私有字段——设为 true 时文章将从首页与 RSS 消失，只在 Now 页出现。Markdown 对此表示羡慕：「我也想 hidden。」 ↩

面试记录 ☆ 第一轮：基础素养#

开场白 ☆ 文本格式#

证件照 ☆ 图片与链接#

技能清单 ☆ 列表#

薪资期望 ☆ 删除线的正确用法#

人际关系 ☆ 引用块#

面试评分表 ☆ 表格#

劳动纪律 ☆ 分割线#

加试 ☆ 高级素养#

数字敏感度 ☆ 数学公式#

字符应激测试 ☆ 转义#

逃生舱口 ☆ 内嵌 HTML#

压轴环节 ☆ Fuwari 模板功能#

回答注意 ☆ 提示框#

出身调查 ☆ 仓库卡片#

现场实操 ☆ 代码块全家桶#

才艺展示 ☆ 视频自我介绍#

个人档案 ☆ Frontmatter#

录用通知#

Footnotes#

评论