Note(Bootstrap Callout)

用法1 语法

1
2
3
{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
参数 解释
class 【可选】标识，不同的标识有不同的配色(default / primary / success / info / warning / danger)
no-icon 【可选】不显示 icon
style 【可选】可以覆盖配置中的 style(simple/modern/flat/disabled) 
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
{% note simple %}
默认 提示块标志
{% endnote %}

{% note default simple %}
default 提示块标志
{% endnote %}

{% note primary simple %}
primary 提示块标志
{% endnote %}

{% note success simple %}
success 提示块标志
{% endnote %}

{% note info simple %}
info 提示块标志
{% endnote %}

{% note warning simple %}
warning 提示块标志
{% endnote %}

{% note danger simple %}
danger 提示块标志
{% endnote %}

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

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
{% note modern %}
默认 提示块标签
{% endnote %}

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

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

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

{% note info modern %}
info 提示块标签
{% endnote %}

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

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

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

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
{% note flat %}
默认 提示块标签
{% endnote %}

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

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

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

{% note info flat %}
info 提示块标签
{% endnote %}

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

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

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

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
{% note disabled %}
默认 提示块标签
{% endnote %}

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

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

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

{% note info disabled %}
info 提示块标签
{% endnote %}

{% note warning disabled %}
warning 提示块标籤
{% endnote %}

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

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

用法2 语法

1
2
3
{% note [color] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
参数 解释
color 【可选】颜色(default / blue / pink / red / purple / orange / green)
icon 【可选】可配置自定义 icon(只支持 fontawesome 图标, 也可以配置 no-icon )
style 【可选】可以覆盖配置中的 style(simple/modern/flat/disabled) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note no-icon %}
测试1
{% endnote %}
{% note blue no-icon %}
测试2
{% endnote %}
{% note pink no-icon %}
测试3
{% endnote %}
{% note red no-icon %}
测试4
{% endnote %}
{% note orange no-icon %}
测试5
{% endnote %}
{% note purple no-icon %}
测试6
{% endnote %}
{% note green no-icon %}
测试7
{% endnote %}

测试1

测试2

测试3

测试4

测试5

测试6

测试7

tabs分栏

语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}

Unique name   : Unique name of tabs block tag without comma.
                Will be used in #id's as prefix for each tab with their index numbers.
                If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes.
                Only for current url of post/page must be unique!
[index]       : Index number of active tab.
                If not specified, first tab (1) will be selected.
                If index is -1, no tab will be selected. It's will be something like spoiler.
                Optional parameter.
[Tab caption] : Caption of current tab.
                If not caption specified, unique name with tab index suffix will be used as caption of tab.
                If not caption specified, but specified icon, caption will empty.
                Optional parameter.
[@icon]       : FontAwesome icon name (full-name, look like 'fas fa-font')
                Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'.
                Optional parameter.

代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% tabs test1, 2 %}
<!-- tab Tab1 -->
**tab名**
<!-- endtab -->

<!-- tab @fas fa-bell -->
**仅tab图标**

因为tabs标签头设置了默认展示栏位2，所以优先展示这一栏
<!-- endtab -->

<!-- tab Tab3@fas fa-snowflake -->
**tab名+图标**
<!-- endtab -->
{% endtabs %}

预览

tab名
啦啦啦~

仅tab图标

因为tabs标签头设置了默认展示栏位2，所以优先展示这一栏

tab名+图标

label

语法

参数 解释
text 文字
color 【可选】背景颜色，默认为 default default/blue/pink/red/purple/orange/green

代码及预览

1
2
舜发于{% label 畎亩之中 %}，傅说举于版筑之中，胶鬲举于鱼盐之中，管夷吾举于士，孙叔敖举于海，百里奚举于市。故天将降大任于是人也，必先{% label 苦其心志 pink %}，{% label 劳其筋骨 green %}，饿其体肤，空乏其身行拂乱其所为，所以{% label 动心忍性 orange %}，曾益其所不能。
人恒过，然后能改；困于心，衡于虑，而后作；征于色，发于声，而后喻。入则无法家拂士，出则无敌国外患者，国恒亡。然后知{% label 生于忧患 red %}而{% label 死于安乐 purple %}也。

舜发于畎亩之中 ，傅说举于版筑之中，胶鬲举于鱼盐之中，管夷吾举于士，孙叔敖举于海，百里奚举于市。故天将降大任于是人也，必先苦其心志 ，劳其筋骨 ，饿其体肤，空乏其身行拂乱其所为，所以动心忍性 ，曾益其所不能。人恒过，然后能改；困于心，衡于虑，而后作；征于色，发于声，而后喻。入则无法家拂士，出则无敌国外患者，国恒亡。然后知生于忧患 而死于安乐 也。

tag-hide

1
2
3
4
5
6
7
8
9
10
11
{% hideInline content,display,bg,color %} # inline
{% hideBlock display,bg,color %} # block
content
{% endhideBlock %}
{% hideToggle display,bg,color %} # toggle
content
{% endhideToggle %}
# content: 文本内容
# display: 按钮显示的文字(可选)
# bg: 按钮的背景颜色(可选)
# color: 按钮文字的颜色(可选)
1
2
1+1=?{% hideInline 2,查看答案,#FF7242,#fff %}
谁最可爱？{% hideInline 当然是你啦~}

1+1=?2
谁最可爱？当然是你啦~

1
2
3
4
考考你，《七步诗》的作者是
{% hideBlock 查看答案 %}
曹植
{% endhideBlock %}

考考你，《七步诗》的作者是

曹植

1
2
3
4
5
6
7
8
{% hideToggle 和HMK在一起的幸福时刻 %}
1. 牵手、拥抱、kiss~
2. 国庆假期突然出现在我家楼下，还骗我下楼取快递
3. 从身后拿出一朵玫瑰花送给我
4. 一起在西安城墙骑双人车
5. 一起吃李想大虾！！！
6. 带我回家
{% endhideToggle %}
和HMK在一起的幸福时刻
  1. 牵手、拥抱、kiss~
  2. 国庆假期突然出现在我家楼下，还骗我下楼取快递
  3. 从身后拿出一朵玫瑰花送给我
  4. 一起在西安城墙骑双人车
  5. 一起吃李想大虾！！！
  6. 带我回家

Gallery相册

语法

1
2
3
{% gallery %}
markdown 图片格式
{% endgallery %}

代码示例

1
2
3
4
5
6
7
8
9
{% gallery %}
![](https://img.cwxhmk.top/gallary/1.jpg)
![](https://img.cwxhmk.top/gallary/2.jpg)
![](https://img.cwxhmk.top/gallary/3.jpg)
![](https://img.cwxhmk.top/gallary/4.jpg)
![](https://img.cwxhmk.top/gallary/6.jpg)
![](https://img.cwxhmk.top/gallary/5.jpg)
![](https://img.cwxhmk.top/gallary/7.jpg)
{% endgallery %}

预览







timeline

1
2
3
4
5
{% timeline 2018,orange %}
<!-- timeline 07-21 -->
我和康康在一起~
<!-- endtimeline -->
{% endtimeline %}

2018

07-21

我和康康在一起~

flink

1
2
3
4
5
6
7
8
9
10
11
12
13
{% flink %}
- class_name: 友情链接
  class_desc: 那些人，那些事
  link_list:
    - name: JerryC
      link: https://jerryc.me/
      avatar: https://jerryc.me/img/avatar.png
      descr: 今日事,今日毕
    - name: Hexo
      link: https://hexo.io/zh-tw/
      avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
      descr: 快速、简单且强大的网誌框架
{% endflink %}
友情链接
那些人，那些事
JerryC
JerryC
今日事,今日毕
Hexo
Hexo
快速、简单且强大的网页框架

hexo-pdf

语法

1
{% pdf https://img.cwxhmk.top/pdf/mice_brain_atlas_v4.pdf %}

参考资料