Fluid 一款 Material Design 风格的 Hexo 博客主题。

文章摘要

若要手动指定摘要，使用 <!--more--> MD文档里划分，或者在 Front-matter 里设置 excerpt 字段。

文章在首页的略缩图

在文章开头 Front-matter 中配置 index_img 属性。

文章页顶部大图

默认显示主题配置中的 post.banner_img，如需要设置单个文章的 Banner，在 Front-matter 中指定 banner_img 属性。

文章内容图片

![](/img/example.jpg)

Tag插件

便签

在 markdown 中加入如下的代码来使用便签：

{% note success %}
文字 or `markdown` 均可
{% endnote %}

或者使用 HTML 样式：

<p class="note note-primary">标签</p>

可选便签

primary

secondary

success

danger

warning

info

light

行内标签

在 markdown 中加入如下的代码来使用 Label：

{% label primary @text %}

或者使用 HTML 形式：

<span class="label label-primary">Label</span>

可选Label:
Primary default info success warning danger

勾选框

在 markdown 中加入如下的代码来使用 Checkbox：

{% cb text, checked?, incline? %}

text：显示的文字
checked：默认是否已勾选，默认 false
incline: 是否内联（可以理解为后面的文字是否换行），默认 false

按钮

你可以在 markdown 中加入如下的代码来使用 Button：

{% btn url, text, title %}

或者使用 HTML 形式：

<a class="btn" href="url" title="title">text</a>

url：跳转链接
text：显示的文字
title：鼠标悬停时显示的文字（可选）

组图

在 markdown 中使用如下格式，可将多张图片按一定布局组合显示：

{% gi total n1-n2-... %}
  ![](url)
  ![](url)
  ![](url)
  ![](url)
  ![](url)
{% endgi %}

total：图片总数量，对应中间包含的图片 url 数量
n1-n2-…：每行的图片数量，可以省略，默认单行最多 3 张图，求和必须相等于 total，否则按默认样式