fluid主题文章展示

本文最后更新于 2025年12月20日 晚上

Fluid 主题文章渲染测试

这是一篇根据 Fluid 主题官方文档 编写的示例文章,旨在全面测试并展示主题所支持的所有内容格式和增强标签。

基础 Markdown 语法

这是所有 Markdown 编辑器都支持的标准语法。

标题

H1

H2

H3

H4

H5
H6

文本样式

  • 粗体
  • 斜体
  • 行内代码
  • 删除线
  • 下划线 (通过 HTML <u> 标签实现)

分割线


引用

这是一个引用块。

—— Fluid

列表

无序列表

  • 无序列表 1
  • 无序列表 2
    • 嵌套无序列表

有序列表

  1. 有序列表 1
  2. 有序列表 2
    1. 嵌套有序列表

链接

这是一个链接,指向Fluid官方

图片

这是图片描述

表格

表头 1 居左 居中 居右
单元格 单元格 单元格 单元格
单元格 单元格 单元格 单元格

代码块

1
2
3
4
5
def main():
print("Hello, Fluid!")

if __name__ == "__main__":
main()

Fluid 增强标签

Fluid 主题通过 Hexo 的标签插件(Tag Plugins)扩展了许多功能。

Note 便签

主要提示
这是 primary 样式的提示。

中级提示
这是 secondary 样式的提示。

成功提示
这是 success 样式的提示。

信息提示
这是 info 样式的提示。

警告提示
这是 warning 样式的提示。

危险提示
这是 danger 样式的提示。

明亮提示(?
这是 light 样式的提示。

Label 行内标签

default Primary Success Info Warning Danger

勾选框

普通示例
默认选中
内联示例 后面文字不换行

按钮

这是一个按钮

组图

Fold 折叠块

这是折叠的内容,支持 markdown

这是折叠的内容,支持 markdown

这是折叠的内容,支持 markdown

这是折叠的内容,支持 markdown

这是折叠的内容,支持 markdown

这是折叠的内容,支持 markdown

Mermaid 图表


gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid

section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d
Future task2               :         des4, after des3, 5d

数学公式

行内公式: $E=mc^2$

块级公式:

$$
\frac{\partial u}{\partial t} = h^2 \left( \frac{\partial^2 u}{\partial x^2} + \frac{\partial^2 u}{\partial y^2} + \frac{\partial^2 u}{\partial z^2} \right)
$$

注脚

本文参考fluid用户手册[1]编写
这是一句话[2]

  1. 用户手册链接https://hexo.fluid-dev.com/docs/
  2. 这是注脚

fluid主题文章展示
http://skzxi.github.io/2025/08/23/theme-blog-post-test/
作者
SKzxi
发布于
2025年8月24日
更新于
2025年12月20日
许可协议