主题样式模版

Channing Hsu
  2023-03-02 22:02:09 2023-03-02 22:02:09 创建   2024-12-03 01:50:49 2024-12-03 01:50:49 更新      918 字  4 分钟  

H1 标题

H2 标题

H3 标题

H4标题

H5 标题
H6 标题

加粗

斜体

删除线

这是一段文本

Screen Shot 2022-10-02 at 9.26.37 PM

行内代码

1
代码块
1
print("代码高亮")

功能展示

Font Awesome 6.1.0

1
2
3
4
5
6
7
8
9
10
11
12
13
Solid: <i class="fa-solid fa-house"></i> <i class="fa-solid fa-envelope"></i>

Regular: <i class="fa-regular fa-house"></i> <i class="fa-regular fa-envelope"></i>

Light: <i class="fa-light fa-house"></i> <i class="fa-light fa-envelope"></i>

Thin: <i class="fa-thin fa-house"></i> <i class="fa-thin fa-envelope"></i>

Duotone: <i class="fa-duotone fa-house"></i> <i class="fa-duotone fa-envelope"></i>

<link href="/css/thin.min.css" rel="stylesheet" type="text/css">

<link href="/css/light.min.css" rel="stylesheet" type="text/css">

Note Large大号提示块

文档

1
2
3
4
5
{% notel default 信息 %}
换行测试
换行测试
换行测试
{% endnotel %}

信息

换行测试
换行测试
换行测试

1
2
3
4
5
{% notel blue 提示 %}
换行测试
换行测试
换行测试
{% endnotel %}

提示

换行测试
换行测试
换行测试

1
2
3
4
5
{% notel green 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

自定义标题

换行测试
换行测试
换行测试

1
2
3
4
5
{% notel yellow 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

自定义标题

换行测试
换行测试
换行测试

1
2
3
4
5
{% notel orange 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

自定义标题

换行测试
换行测试
换行测试

1
2
3
4
5
{% notel red 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

自定义标题

换行测试
换行测试
换行测试

Note 小号提示块

文档

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% note  %}
默认 提示块标签
{% endnote %}

{% note default  %}
default 提示块标签
{% endnote %}

{% note primary  %}
primary 提示块标签
{% endnote %}

{% note success  %}
success 提示块标签
{% endnote %}

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% note info  %}
info 提示块标签
{% endnote %}

{% note warning  %}
warning 提示块标签
{% endnote %}

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note red fa-bolt%}
自定义提示块标签
{% endnote %}

info 提示块标签

warning 提示块标签

danger 提示块标签

自定义提示块标签

Folding 折叠模块

文档

1
2
3
4
5
6
7
8
9
10
11
{% folding yellow::Folding 测试： 点击查看更多 %}

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note tip  %}
tip 提示块标签
{% endnote %}

{% endfolding %}
Folding 测试： 点击查看更多

danger 提示块标签

tip 提示块标签

1
2
3
4
5
6
7
8
9
10
11
{% folding green::Folding 测试： 点击查看更多 %}

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note tip  %}
tip 提示块标签
{% endnote %}

{% endfolding %}
Folding 测试： 点击查看更多

danger 提示块标签

tip 提示块标签

1
2
3
4
5
6
7
8
9
10
11
12
13
{% folding blue::Folding 测试： 点击查看更多 %}

啊啊啊啊啊

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note tip  %}
tip 提示块标签
{% endnote %}

{% endfolding %}
Folding 测试： 点击查看更多

啊啊啊啊啊

danger 提示块标签

tip 提示块标签

Tabs 分栏模块

文档

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs First unique name %}
<!-- tab First Tab-->
**This is Tab 1.**
<!-- endtab -->

<!-- tab Second Tab-->
**This is Tab 2.**

This is Tab 2.

<!-- endtab -->

<!-- tab Third Tab-->
**This is Tab 3.**

This is Tab 3.

This is Tab 3.

<!-- endtab -->
{% endtabs %}

This is Tab 1.

This is Tab 2.

This is Tab 2.

This is Tab 3.

This is Tab 3.

This is Tab 3.

Button 按钮模块

文档

1
2
3
4
5
6
7
8
9
10
11
不设置任何参数的 {% btn 按钮:: / %} 适合融入段落中。

regular 按钮适合独立于段落之外：

{% btn regular::示例博客::https://www.ohevan.com::fa-solid fa-play-circle %}

{% btn regular::示例博客::https://www.ohevan.com::fa-solid fa-play-circle %}

large 按钮更具有强调作用，建议搭配 center 使用：

{% btn center large::开始使用::https://redefine-docs.ohevan.com::fa-solid fa-download %}
评论
目录
主题样式模版
  1. H1 标题
    1. H2 标题
      1. H3 标题
  2. 功能展示
    1. Font Awesome 6.1.0
    2. Note Large大号提示块
    3. Note 小号提示块
    4. Folding 折叠模块
    5. Tabs 分栏模块
    6. Button 按钮模块