Hexo-NexT文章代码块的小改动

更改文章代码块配色

1
2
3
4
5
6
7
8
9
*代码改动高亮使用*
​```diff
//```后的语言填写diff 每行行首使用+ -控制增减
+pre .addition {
+ background: #e6ffed;
+}
-pre .deletion {
- background: #ffeef0;
-}

自定义引用样式

在custome.styl增加如下代码

设置滚动条样式

文件位置 ~themes\next\source\css\_custom\custom.styl点击下载我的custom.styl文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//设置滚动条的样式
//参考https://segmentfault.com/a/1190000003708894
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
//滚动槽
::-webkit-scrollbar-track {
background: #eee;
}
//滚动条滑块
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(247, 149, 51);
}

其他配置

文件位置 ~themes\next\source\css\_custom\custom.styl点击下载我的custom.styl文件
1
2
3
4
5
// 选中文字部分的样式
::selection {
background-color: rgb(255, 241, 89);
color: #555;
}
Author: Junzhou Liu
Link: https://liujunzhou.top/2018/8/11/hexo-config/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
AliPay
WechatPay