Hexo与Fluid常用设置汇总

本文最后更新于：2022年1月9日下午1点50分

使用数学公式

在 Hexo 的 Fluid 主题中使用 LaTeX 公式

\(x^2\)

\[\lim_{n \to \infty} x^n = 0\]

图床

PicGo

组图

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

1
2
3
4
5
6
7
{% gi total n1-n2-... %}
  ![](url)
  ![](url)
  ![](url)
  ![](url)
  ![](url)
{% endgi %}

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

Tag 插件

#便签

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

1
2
3
4
5
{% note success %}
文字 或者 `markdown` 均可
{% endnote %}

# 注意：上面第一行和第三行要单独成行

或者使用 HTML 形式：

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

可选便签：

primary

secondary

success

danger

warning

info

light

#行内标签

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

1
{% label primary @text %}

或者使用 HTML 形式：

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

可选 Label：

primary default info success warning danger

若使用

1
{% label primary @text %}

那么其中的text 不能以 @ 开头

#勾选框

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

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

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

示例：

普通示例
默认选中
内联示例

后面文字不换行

也可以只传入一个参数，文字写在后边（这样不支持外联）

#按钮

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

1
{% btn url, text, title %}

或者使用 HTML 形式：

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

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

text

社交页图标

在主题配置中设置：

1
2
3
4
5
about:
  icons:
    - { class: 'iconfont icon-github-fill', link: 'https://github.com', tip: 'GitHub' }
    - { class: 'iconfont icon-douban-fill', link: 'https://douban.com', tip: '豆瓣' }
    - { class: 'iconfont icon-wechat-fill', qrcode: '/img/favicon.png' }
  • class: 图标的 css class，主题内置图标详见这里
  • link: 跳转链接
  • tip: 鼠标悬浮在图标上显示的提示文字
  • qrcode: 二维码图片，当使用此字段后，点击不再跳转，而是悬浮二维码

其它一些小细节

关于苹果的Mac搭建博客中需要注意的

  • npm install -g hexo-cli安装如果不成功，要使用管理员权限，输入sudo -s回车输密码，然后再安装

如何链接邮箱

1
2
# 注意要加一个mailto:
[E-mail](mailto: kangweixia_xdyy@163.com)

参考

Hexo Fluid

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！