在Hexo博客中插入Note提示块标签的方式

Note提示块标签

人的一切痛苦,本质上都是对自己的无能的愤怒
王小波

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

提示块标签,效果就像你看到的这个提示块

配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
# Note tag (bs-callout).
note:
# Note tag style values:
# - simple bs-callout old alert style. Default.
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: flat
icons: true
border_radius: 2
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
# Offset also applied to label tag variables. This option can work with disabled note tag.
light_bg_offset: 3

使用方法:

1
2
3
4
5

Any content (support inline tags too).


# 支持的class: class : 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

人的一切痛苦,本质上都是对自己的无能的愤怒
**王小波**



default 提示块标签



primary 提示块标签



success 提示块标签



info 提示块标签



warning 提示块标签



danger 提示块标签

参考

主题自带样式 note 标签
打造个性超赞博客Hexo+NexT+GithubPages的超深度优化

墨问非名 wechat
订阅我的公众号
听说,你想请我喝杯咖啡?☕️
0%