博客主题更新

发表于 更新于 阅读次数： Valine：
本文字数： 4.5k 阅读时长 ≈ 4 分钟

😆

提示块标签

default test

primary test

success test

info test

warning test

danger test

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{% note default %}
default test
{% endnote %}

{% note primary no-icon %}
primary test
{% endnote %}

{% note success %}
success test
{% endnote %}

{% note info %}
info test
{% endnote %}

{% note warning %}
warning test
{% endnote %}

{% note danger %}
danger test
{% endnote %}

Tab切换

This is Tab 1.

This is Tab 2.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test1 %}
<!-- tab -->
This is Tab 1.
<!-- endtab -->

<!-- tab -->
This is Tab 2.
<!-- endtab -->

<!-- tab -->
This is Tab 3.
<!-- endtab -->
{% endtabs %}

mermaid

使用 mermaid 标籤可以绘制 Flowchart（流程图）、Sequence diagram（时序图 ）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和 Pie Chart（圆形图），具体可以查看 mermaid 文档

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 %}
classDiagram Class01 <|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{% mermaid %}
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
{% endmermaid %}
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid excludes weekdays 2020-01-10 section A section Completed task :done, des1, 2020-01-06,2020-01-08 Active task :active, des2, 2020-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d 
1
2
3
4
5
6
7
8
9
10
11
12
{% mermaid %}
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
excludes weekdays 2020-01-10

section A section
Completed task            :done,    des1, 2020-01-06,2020-01-08
Active task               :active,  des2, 2020-01-09, 3d
Future task               :         des3, after des2, 5d
Future task2               :         des4, after des3, 5d
{% endmermaid %}

按钮设置

小星🐱 小星🐱 小星🐱 小星🐱 小星🐱 小星🐱 小星🐱
小星🐱 小星🐱 小星🐱 小星🐱 小星🐱 小星🐱 小星🐱 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div class="btn-center">
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,blue larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,pink larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,red larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,purple larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,orange larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,green larger %}
</div>
<div class="btn-center">
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline blue larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline pink larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline red larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline purple larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline orange larger %}
{% btn 'http://www.小星🐱.me',小星🐱,far fa-hand-point-right,outline green larger %}
</div>

{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url]         : 链接
[text]        : 按钮文字
[icon]        : [可选] 图标
[color]       : [可选] 按钮背景顔色(默认style时）
                      按钮字体和边框顔色(outline时)
                      default/blue/pink/red/purple/orange/green
[style]       : [可选] 按钮样式 默认实心
                      outline/留空
[layout]      : [可选] 按钮佈局 默认为line
                      block/留空
[position]    : [可选] 按钮位置 前提是设置了layout为block 默认为左边
                      center/right/留空
[size]        : [可选] 按钮大小
                      larger/留空

mathjax 数学公式

$$ J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text {，独立公式示例} $$

Valine 评论

pl.png

1
2
3
import requests
s = requests.session()
r = s.get("https://www.lixint.me")

Label标签

行内标签其实就是用各种不同的颜色来标记文本，例如这是primary标签，这是default标签，这是success标签，这是info标签，这是warning标签,这是danger标签,文本上可以加空格。这是不加空格的，这是5.0.1

Shields.io 小牌子

DemoRequired Hexo version LicenseCode Quality Build Status Build Status