介绍

Solitude 主题

引用站外链接
文档地址
一款简洁优雅并易用的 Hexo 博客主题

图表公式

c=±a2+b2c = \pm\sqrt{a^2 + b^2}

1
2
3
{% katex %}
c = \pm\sqrt{a^2 + b^2}
{% endkatex %}

需要安装插件。虽然主题支持

1
npm i hexo-math
pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5
1
2
3
4
5
6
7
8
{% mermaid %}
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
{% endmermaid %}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
const chart_example_data = [
    { year: 2010, count: 10 },
    { year: 2011, count: 20 },
    { year: 2012, count: 15 },
    { year: 2013, count: 25 },
    { year: 2014, count: 22 },
    { year: 2015, count: 30 },
    { year: 2016, count: 28 },
  ];
</script>
{% chart %}
type: 'bar',
data: {
    labels: chart_example_data.map(row => row.year),
    datasets: [
        {
            label: 'Acquisitions by year',
            data: chart_example_data.map(row => row.count)
        }
    ]
}
{% endchart %}

音视频

安装插件

1
npm i hexo-solitude-tag
1
2
3
{% bvideo BV1CbcGevEKh %}

{% bvideo video_id %}
1
2
3
{% youtube tMKrECxEpq8 %}

{% youtube video_id [type] [cookie] %}

本地搜索

安装插件

1
npm install hexo-generator-searchdb

修改_config.yml

1
2
3
4
5
6
# 搜索
search:
  path: search.xml
  field: post
  content: true
  format: striptags

搜索逻辑：按字符拆分，如搜索abcd，会匹配a.*b.*c.*d的字符串，其中的.*表示任意内容。

其他

其他诸如文字模糊、Typeit、折叠、图片、按钮、气泡等，请参考文档地址的外挂标签使用。

content

content

选中

未选中

1
2
3
4
{% checkbox 'style' 'checked' 'content' %}
{% checkbox 'style' unchecked 'content' %}
{% checkbox 'times red' checked '选中' %}
{% checkbox 'plus blue' 'checked' '未选中' %}

Ctrl + F

1
{% keyboard 'ctrl' %} + {% keyboard 'F' %}

封面出处: 伍十七啊-哔哩哔哩