写文章常用操作测试
这是一篇由 huua 账号发布的 Typecho / Handsome 写作效果测试文章,用来检查日常写文章时最常用的格式是否正常。
1. 标题层级
正文中文显示检查:如果你能看到这句话,说明中文编码已经正常。English、123456、RLC 这些混排内容也应该正常。标题右侧悬停会出现 # 锚点,方便复制小节链接。
三级标题
四级标题
2. 基本文字样式
- 加粗文字
- 斜体文字
- 加粗斜体
删除线文字- ==高亮文字==
- 行内代码:
V = IR - 快捷键:Ctrl + K,参数:
10 kΩ、100 nF
3. 无序列表
- 电阻
- 电容
- 电感
- 运算放大器
4. 有序列表
- 进入 Typecho 后台
- 新建文章
- 上传图片
- 编写 Markdown 正文
- 发布后检查前台效果
5. 引用块与提示框
普通引用:这是一段引用文字,可以用来写摘录、说明、注意事项。
第二行引用也应该保持缩进和样式。
提示:这种以“提示:”开头的引用会自动变成蓝色提示框。
注意:这种以“注意:”开头的引用会自动变成紫色说明框。
警告:这种以“警告:”开头的引用会自动变成黄色警告框。
6. 链接
外部链接:Typecho 官网
站内链接:回到首页
外部链接会自动在新窗口打开,并补上安全的 noopener noreferrer。
7. 图片
下面是 Markdown 图片写法,应该显示为一张测试图。现在点击图片会在页面内弹出大图预览,按 Esc 或点击背景关闭:

下面是 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^211. 任务列表
- [x] Markdown 渲染
- [x] 图片显示
- [x] 表格显示
- [x] 代码块显示
- [x] 公式显示
- [ ] 后续可以再测试后台上传附件流程
12. 折叠内容
:::details 点击展开一个折叠内容
这里是折叠内容。写长教程时,可以把补充说明、命令输出、参考资料放在这里。
:::
13. 结论
如果这篇文章前台显示正常,说明 Typecho 后台写文章可以直接使用 Markdown。关键是正文开头需要保留 <!--markdown--> 标记,这样 Typecho 才会按 Markdown 解析。