惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
Martin Fowler
Martin Fowler
B
Blog RSS Feed
D
DataBreaches.Net
L
LangChain Blog
月光博客
月光博客
S
SegmentFault 最新的问题
阮一峰的网络日志
阮一峰的网络日志
V
Visual Studio Blog
美团技术团队
Jina AI
Jina AI
博客园 - 司徒正美
雷峰网
雷峰网
Last Week in AI
Last Week in AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
IT之家
IT之家
博客园 - 三生石上(FineUI控件)
WordPress大学
WordPress大学
小众软件
小众软件
罗磊的独立博客
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
A
About on SuperTechFans
Engineering at Meta
Engineering at Meta

叉息的空中咖啡馆

高考后,本科前 梦想实现:新笔电验机流程 十八岁 玩·《Life Is Strange》 《美丽新世界》·关于对未来世界模式的设想 《时间》 《冬夜》 《自习课》 AI破甲词 聊聊小米17:一场“务实”的溃败 聊聊摆烂 关于处理愤怒与抑郁 高三手写日记汇总 单纯是想写点东西:暑假记 植物性神经紊乱笔记 你家的狗看了都会做的煮挂面&煮菜&调汤汁&煎鸡蛋教程 读·《共产党宣言》(敏感话题,密码123) 更新butterfly主题 英语词性转换规则大满贯 博客域名更改步骤 子品牌手机厂跟“正统”厂差在哪里? 为什么图文个人博客是碎片化时间更好的利用方式 暑假计划大纲 暑假闲得蛋疼之:我!要!变!帅! 优秀的高考成绩能为我的人生带来什么? 聊聊集体降智 换机记·真我GT7Pro 聊聊个人实用主义 改掉啃指甲的坏习惯 游记·郑州
更改butterfly内置美化无序列表标记的样式
XChere · 2025-01-24 · via 叉息的空中咖啡馆

发表于|更新于|技术

|总字数:284|阅读时长:1分钟|浏览量:|

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

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

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

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

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

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

    在5.4版本更改了文件结构,此时应定位到Blog\themes\butterfly\source\css\_layout\post.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

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 叉息的空中咖啡馆

赞助

  • 微信支付

    微信支付

  • 支付宝

    支付宝


avatar

XChere

自在青年