Hello Fluid

本文转载自Fluid,版权归原作者所有。

本文作者:Fluid

原文地址:https://hexo.fluid-dev.com/posts/hello-fluid/

Fluid ,是一款 Material Design 风格的 Hexo 主题,以简约的设计专注于写作,以下为部分主题的样式及功能。

文字

文章大部分使用的是 github-markdown 样式,并加入了一些 Material 风格。

H3 标题

H4 标题

粗体

斜体

代码

行内代码:$ hexo new post "My New Post"

代码高亮使用的是 highlight.js,支持 185 种语言和 91 种高亮样式:

1
2
3
4
5
6
7
def fib(n):
a, b = 0, 1
while a < n:
print(a, end=' ')
a, b = b, a+b
print()
fib(1000)
1
2
3
4
5
6
type Map struct {
mu Mutex
read atomic.Value
dirty map[interface{}]*entry
misses int
}

表格

Header 1 Header 2 Header 3
Key 1 Value 1 Comment 1
Key 2 Value 2 Comment 2
Key 3 Value 3 Comment 3

列表

有序列表

Fluid 相较于其他主题的优势:

  1. 设计遵循简洁至上,同时具有轻快的体验,和优雅的颜值;
  2. 提供大量定制化配置项,使每个用户使用该主题都能具有独特的样式;
  3. 响应式页面,适配手机、平板等设备;

无序列表

Fluid 功能特性:

  • 图片懒加载
  • 自定义代码高亮方案
  • 内置多语言
  • 支持多款评论插件
  • 支持使用数据文件存放配置
  • 自定义静态资源 CDN
  • 内置文章搜索
  • 页脚备案信息
  • 网页访问统计
  • 支持 LaTeX 数学公式
  • 支持 mermaid 流程图
  • 音乐播放器

图片

内置 Tag 插件

内置了一些 Tag 插件,用于实现 Markdown 不容易生成的样式,具体使用方式请见 用户指南

便签

这里可以写文字 或者 markdown

这里可以写文字 或者 markdown

这里可以写文字 或者 markdown

行内标签

行内标签 行内标签 行内标签

勾选框

主要是解决一些 Renderer 不支持勾选

按钮

支持链接

组图

脚注

以下是脚注演示[1]

我是一个脚注,支持link[2]

  1. 脚注演示
  2. 脚注本🐖https://arley.cn

Hello Fluid
https://blog.arley.cn/2022/03/21/Fluid/
作者
Arley
发布于
2022年3月21日
许可协议