更改butterfly内置美化无序列表标记的样式
本文方法在butterfly主题5.3.1版本可完全适用,其他版本仅供参考
今天更新了主题需要重新设定无序列表标记的样式
默认情况下在congfig中启用美化后无序列表标记会变成蓝色空心圆点,在白色背景下看起来非常不明显
因此我们要更改其为黑色实心圆点
修改颜色(这将同时更改有序列表的颜色)
打开
Blog\themes\butterfly\source\css\_layout.styl
在文本编辑器内搜索
marker
此时定位到
1
2
3
4
5li
&::marker
color: $light-blue
font-weight: 600
font-size: 1.05em修改
$light-blue
为$light-black
修改圆点
打开
Blog\themes\butterfly\source\css\_layout.styl
在文本编辑器内搜索
circle
此时将定位到
1
2ul > li
list-style-type: circle修改
circle
(空心圆点样式)为disc
(实心圆点样式)还可修改为square(方块样式)
思路来源
[Feature]: butterfly对md文件中无序列表和有序列表美化的问题 · jerryc127/hexo-theme-butterfly · Discussion #1022
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 叉息的空中咖啡馆!
评论