写文章常用操作测试

这是一篇由 huua 账号发布的 Typecho / Handsome 写作效果测试文章,用来检查日常写文章时最常用的格式是否正常。

1. 标题层级

正文中文显示检查:如果你能看到这句话,说明中文编码已经正常。English、123456、RLC 这些混排内容也应该正常。标题右侧悬停会出现 # 锚点,方便复制小节链接。

三级标题

四级标题

2. 基本文字样式

  • 加粗文字
  • 斜体文字
  • 加粗斜体
  • 删除线文字
  • ==高亮文字==
  • 行内代码:V = IR
  • 快捷键:Ctrl + K,参数:10 kΩ100 nF

3. 无序列表

  • 电阻
  • 电容
  • 电感
  • 运算放大器

4. 有序列表

  1. 进入 Typecho 后台
  2. 新建文章
  3. 上传图片
  4. 编写 Markdown 正文
  5. 发布后检查前台效果

5. 引用块与提示框

普通引用:这是一段引用文字,可以用来写摘录、说明、注意事项。

第二行引用也应该保持缩进和样式。

提示:这种以“提示:”开头的引用会自动变成蓝色提示框。

注意:这种以“注意:”开头的引用会自动变成紫色说明框。

警告:这种以“警告:”开头的引用会自动变成黄色警告框。

6. 链接

外部链接:Typecho 官网

站内链接:回到首页

外部链接会自动在新窗口打开,并补上安全的 noopener noreferrer

7. 图片

下面是 Markdown 图片写法,应该显示为一张测试图。现在点击图片会在页面内弹出大图预览,按 Esc 或点击背景关闭:

Handsome 图片测试

下面是 HTML 图片写法,也应该正常显示:

HTML 图片测试

8. 表格

元件示例值说明
电阻10 kΩ常见阻值
电容100 nF去耦电容
电感10 µH常见电感

表格在手机端会自动横向滚动,避免把页面撑爆。

9. 代码块

代码块右上角现在会自动出现语言标签和复制按钮。

#include <stdio.h>

int main(void) {
    printf("Typecho markdown test OK\n");
    return 0;
}
def rc_cutoff(r_ohm, c_farad):
    return 1 / (2 * 3.1415926 * r_ohm * c_farad)

print(rc_cutoff(10_000, 100e-9))

普通文本代码块:

V = IR
P = VI
f = 1 / (2πRC)

10. 数学公式显示

行内公式:$E = mc^2$,以及 $V_{out} = A_v V_{in}$。

块级公式:

$$ e^{i\pi} + 1 = 0 $$

$$ a^2 + b^2 = c^2 $$

如果需要复制公式,可以复制下面这个 LaTeX 代码块:

E = mc^2
V_{out} = A_v V_{in}
e^{i\pi} + 1 = 0
a^2 + b^2 = c^2

11. 任务列表

  • [x] Markdown 渲染
  • [x] 图片显示
  • [x] 表格显示
  • [x] 代码块显示
  • [x] 公式显示
  • [ ] 后续可以再测试后台上传附件流程

12. 折叠内容

:::details 点击展开一个折叠内容
这里是折叠内容。写长教程时,可以把补充说明、命令输出、参考资料放在这里。
:::

13. 结论

如果这篇文章前台显示正常,说明 Typecho 后台写文章可以直接使用 Markdown。关键是正文开头需要保留 <!--markdown--> 标记,这样 Typecho 才会按 Markdown 解析。

最后修改:2026 年 07 月 11 日
如果觉得我的文章对你有用,请随意赞赏