本文方法在butterfly主题5.3.1版本可完全适用,其他版本仅供参考

今天更新了主题需要重新设定无序列表标记的样式

默认情况下在congfig中启用美化后无序列表标记会变成蓝色空心圆点,在白色背景下看起来非常不明显

因此我们要更改其为黑色实心圆点

修改颜色(这将同时更改有序列表的颜色)

  1. 打开Blog\themes\butterfly\source\css\_layout.styl

  2. 在文本编辑器内搜索marker

  3. 此时定位到

    1
    2
    3
    4
    5
    li
    &::marker
    color: $light-blue
    font-weight: 600
    font-size: 1.05em
  4. 修改$light-blue$light-black

修改圆点

  1. 打开Blog\themes\butterfly\source\css\_layout.styl

  2. 在文本编辑器内搜索circle

  3. 此时将定位到

    1
    2
    ul > li
    list-style-type: circle
  4. 修改circle(空心圆点样式)为disc(实心圆点样式)

    还可修改为square(方块样式)

思路来源

[Feature]: butterfly对md文件中无序列表和有序列表美化的问题 · jerryc127/hexo-theme-butterfly · Discussion #1022