image frame

博客

知足常乐

75.为Hexo添加警告提示块功能(有问题,已弃用)

hexo-admonition的GitHub项目页:点击此处

1.安装hexo-admonition插件

1
npm install hexo-admonition --save

2.修改blog –> themes –> ayer –> source –> css文件夹下的custom.styl,文件最后追加下面的css代码

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
.admonition {
margin: 1.5625em 0;
padding: .6rem;
overflow: hidden;
font-size: .64rem;
page-break-inside: avoid;
border-left: .3rem solid #42b983;
border-radius: .3rem;
box-shadow: 0 0.1rem 0.4rem rgba(0,0,0,.05), 0 0 0.05rem rgba(0,0,0,.1);
background-color: #fafafa;
}

p.admonition-title {
position: relative;
margin: -.6rem -.6rem .8em -.6rem !important;
padding: .4rem .6rem .4rem 2.5rem;
font-weight: 700;
background-color:rgba(66, 185, 131, .1);
}

.admonition-title::before {
position: absolute;
top: .9rem;
left: 1rem;
width: 12px;
height: 12px;
background-color: #42b983;
border-radius: 50%;
content: ' ';
}

.info>.admonition-title, .todo>.admonition-title {
background-color: rgba(0,184,212,.1);
}

.warning>.admonition-title, .attention>.admonition-title, .caution>.admonition-title {
background-color: rgba(255,145,0,.1);
}

.failure>.admonition-title, .missing>.admonition-title, .fail>.admonition-title, .error>.admonition-title {
background-color: rgba(255,82,82,.1);
}

.admonition.info, .admonition.todo {
border-color: #00b8d4;
}

.admonition.warning, .admonition.attention, .admonition.caution {
border-color: #ff9100;
}

.admonition.failure, .admonition.missing, .admonition.fail, .admonition.error {
border-color: #ff5252;
}

.info>.admonition-title::before, .todo>.admonition-title::before {
background-color: #00b8d4;
border-radius: 50%;
}

.warning>.admonition-title::before, .attention>.admonition-title::before, .caution>.admonition-title::before {
background-color: #ff9100;
border-radius: 50%;
}

.failure>.admonition-title::before,.missing>.admonition-title::before,.fail>.admonition-title::before,.error>.admonition-title::before{
background-color: #ff5252;;
border-radius: 50%;
}

.admonition>:last-child {
margin-bottom: 0 !important;
}

配置文件路径参考:点击此处

3.在文章中添加警告提示块
每个块都建议前后都留空行,前面留是为了防止块前面的内容影响识别,后面留是表示结束,每个块都以 !!! 开头,然后是代表提示类型的关键字(type)及标题(title)。例如:

1
2
3
4
!!! note Hexo-admonition 插件使用示例
这是基于 hexo-admonition 插件渲染的一条提示信息。类型为 note,并设置了自定义标题。

提示内容开头留 4 个空格,可以有多行,最后用空行结束此标记。

关键字(type)支持如下类型:

  • note
  • info, todo
  • warning, attention, caution
  • error, failure, missing, fail

74.为Hexo网页启用压缩功能(意义不大,已弃用)

hexo-neat的GitHub项目页:点击此处

1.安装hexo-neat插件

1
npm install hexo-neat --save

2.修改blog文件夹下的_config.yml
追加以下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# hexo-neat
neat_enable: true
# 压缩html
neat_html:
enable: true
exclude:
# 压缩css
neat_css:
enable: true
exclude:
# 压缩js
neat_js:
enable: true
mangle: true
output:
compress:
exclude:

exclude为要排除压缩的文件
mangle为打印日志
3.重新生成
使用hexo clean清除旧的生成,然后使用hexo g生成新的Hexo博客网页

73.下载软件汇总

1.qBittorrent
qBittorrent官方网站:点击此处
qBittorrent_4.5.5:点击下载
qBittorrent的GitHub项目页:点击此处

2.qBittorrent-Enhanced-Edition
qBittorrent-Enhanced-Edition的GitHub项目页:点击此处

3.BitComet(比特彗星)
BitComet官方网站:点击此处
BitComet历史版本:点击此处

4.Motrix
Motrix官方网站:点击此处
Motrix的GitHub项目页:点击此处

5.Transmission
Transmission官方网站:点击此处
Transmission的GitHub项目页:点击此处

  • Copyrights © 2023-2024 kukusun