MoshiCoCo
发布于 2018-08-11 / 281 阅读
0
0

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

更改文章代码块配色

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

自定义引用样式

在custome.styl增加如下代码

设置滚动条样式

//设置滚动条的样式
//参考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);
}

其他配置

// 选中文字部分的样式
::selection {
  background-color: rgb(255, 241, 89);
  color: #555;
}

评论