测试 Fluid 主题渲染效果

📝 这是 Fluid 主题测试页

这篇专门用来演示 Fluid 主题对各种排版元素的渲染效果。

🎯 标题层级

1
2
3
4
H1 一级标题(页面最大)
H2 二级标题(带下划线)
H3 三级标题
H4 四级标题

📋 文本样式

普通文字 + 加粗 + 斜体 + 删除线 + 行内代码

这是一个引用块。

引用可以有多个段落,也可以嵌套:

二级引用

📊 列表

无序列表:

  • 📈 投资
  • 💻 技术
  • 📝 随笔

有序列表:

  1. 第一项
  2. 第二项
  3. 第三项

任务列表(GFM):

  • 已完成
  • 待办 1
  • 待办 2

🔗 链接和图片

Fluid 主题文档 · OpenClaw

💻 代码块

1
2
3
4
5
6
7
8
9
# Python 示例
def fibonacci(n: int) -> int:
if n < 2:
return n
return fibonacci(n - 1) + fibonacci(n - 2)

# 测试
for i in range(10):
print(f"fib({i}) = {fibonacci(i)}")
1
2
# 部署一行流
hexo clean && hexo generate && hexo deploy

📐 表格

主题 框架 部署 评价
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/
作者
z991014
发布于
2026年6月13日
许可协议
BY-NC-SA 4.0