测试 Fluid 主题渲染效果
📝 这是 Fluid 主题测试页
这篇专门用来演示 Fluid 主题对各种排版元素的渲染效果。
🎯 标题层级
1 | |
📋 文本样式
普通文字 + 加粗 + 斜体 + 删除线 + 行内代码
这是一个引用块。
引用可以有多个段落,也可以嵌套:
二级引用
📊 列表
无序列表:
- 📈 投资
- 💻 技术
- 📝 随笔
有序列表:
- 第一项
- 第二项
- 第三项
任务列表(GFM):
- 已完成
- 待办 1
- 待办 2
🔗 链接和图片
💻 代码块
1 | |
1 | |
📐 表格
| 主题 | 框架 | 部署 | 评价 |
|---|---|---|---|
| Fluid | Hexo | GitHub Pages | ⭐⭐⭐⭐⭐ |
| Butterfly | Hexo | 多平台 | ⭐⭐⭐⭐ |
| Next | Hexo | 多平台 | ⭐⭐⭐⭐⭐ |
🎨 KaTeX 数学公式(需开启)
行内:$E = mc^2$
块级:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
📊 Mermaid 图(需额外配置)
graph LR
A[写 Post] --> B[Hexo 编译]
B --> C[GitHub Pages]
C --> D[用户访问]
🎬 视频嵌入
可以用 <video> 标签直接嵌入。
🎈 总结
- ✅ 标题 / 段落
- ✅ 列表 / 任务列表
- ✅ 引用 / 代码 / 表格
- ✅ 图片 / 链接
- ✅ 公式 / 图表
- ✅ 暗色模式
- ✅ 代码高亮
- ✅ TOC 目录
更多细节见 Fluid 官方文档。
测试 Fluid 主题渲染效果
https://blog.finical.online/2026/06/13/技术/hello-fluid/