iT邦幫忙

2025 iThome 鐵人賽

DAY 18
0

配置教學中有寫到

在 Kira-Hexo 中,為開發者預置了一套豐富的彩虹配色方案,同時允許開發者自行修改彩虹色配置。

https://ithelp.ithome.com.tw/upload/images/20250913/201784330H8sH2ZpZF.png

原本的配色很明亮

這是預設配色的code

color: # 配色方案,从first到seventh为优先级为1-7的颜色,默认为彩虹配色
    first: # 同时作为主题色
        r: 49
        g: 174
        b: 255
    second:
        r: 255
        g: 78
        b: 106
    third:
        r: 255
        g: 185
        b: 0
    fourth:
        r: 51
        g: 213
        b: 122
    fifth:
        r: 0
        g: 219
        b: 255
    sixth:
        r: 255
        g: 69
        b: 0
    seventh:
        r: 144
        g: 144
        b: 255

依照我的頭像修改配色

color:
  first:   { r: 101, g: 153, b: 179 }   # 主題色:霧藍青 #6599B3(髮色系)
  second:  { r: 188, g: 173, b: 118 }   # 暖金:花冠金 #BCAD76
  third:   { r: 129, g: 177, b: 177 }   # 海沫青 #81B1B1
  fourth:  { r: 127, g: 145, b:  85 }   # 橄欖綠 #7F9155
  fifth:   { r: 183, g: 150, b: 133 }   # 暖膚色 #B79685
  sixth:   { r:  72, g:  88, b: 104 }   # 石板藍 #485868(深色陰影/文字襯色)
  seventh: { r:  56, g:  72, b:  88 }   # 墨藍灰 #384858(備用深色)

如果你不知道要怎麼填顏色可以參考這個網站

RGB顏色對照表

依照你想要的顏色填入數字即可

記得存檔後再重啟檢查

https://ithelp.ithome.com.tw/upload/images/20250913/20178433we4XqrZoiB.png

這樣就變成自己喜歡配色了


上一篇
DAY17 Bilibili 播放器
下一篇
DAYX 增加其他媒體平台連結
系列文
身為一個宅宅也想要有自己的小天地19
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言