Hexo-Theme-Fluid 一些 Tag 插件语法记录

本文主要讲述关于一些 Hexo Tag 插件的使用方法

文章页

文章在首页的略缩图

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

---
title: 文章标题
tags: [Hexo, Fluid]
index_img: /img/example.jpg
date: 2019-10-10 10:00:00
---

以下是文章内容

和 Banner 配置相同，/img/example.jpg 对应的是存放在 /source/img/example.jpg 目录下的图片（目录也可自定义，但必须在 source 目录下）。

也可以使用外链 Url 的绝对路径。

文章页顶部大图

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

本地图片存放位置同上。

---
title: 文章标题
tags: [Hexo, Fluid]
index_img: /img/example.jpg
banner_img: /img/post_banner.jpg
date: 2019-10-10 10:00:00
---

以下是文章内容

文章内容图片

本地图片存放位置同上。

![](/img/example.jpg)

脚注

脚注语法如下：

这是一句话[1]
[^1]: 这是对应的脚注

这是一句话^[1]

更优雅的使用方式，是将脚注写在文末，比如：

正文

## 参考

[^1]: 参考资料 1
[^2]: 参考资料 2

便签

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

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

或者使用 HTML 形式：

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

可选便签：

primary

secondary

success

danger

warning

info

light

使用时 <div class="note note-primary"> <p><code>和</code></p> </div> 需单独一行，否则会出现问题

行内标签

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

{% label primary @text %}

或者使用 HTML 形式：

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

可选 Label：

text text text text text text

若使用 <span class="label label-primary">text</span>，text 不能以 @ 开头

勾选框

在 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：鼠标悬停时显示的文字（可选）

text

组图

如果想把多张图片按一定布局组合显示，你可以在 markdown 中按如下格式：

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

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

如下图为 {% gi 5 3-2 %} 示例，代表共 5 张图，第一行 3 张图，第二行 2 张图。

目前好像用不了 会报错
unexpected end of file


{% gi 5 3-2 %}
  ![](/images/banner/hello.png)
  ![](/images/banner/hello.png)
  ![](/images/banner/hello.png)
  ![](/images/banner/hello.png)
  ![](/images/banner/hello.png)
{% endgi %}

1. 这是对应的脚注 ↩