Yilia清新護眼主題

================
以後文章在自己的博客更新,歡迎來踩。
簡約優雅的個人博客,點擊 https://anyway1314.cn/ 查看效果。
Powered by yilia

主頁
—————————————————————

歷史更新:

20190718133332.png

2019.7.15

基於yilia源生主題優化,沒有進行過多的定製修改(個人還是喜歡簡潔風格)。

—————————————————————

2019-7-20主題美化

  • 更改了左側欄的背景顏色
  • 更改了文章標題字數統計日期文章的顏色 --> #08c
  • 文章背景顏色更改爲 azure
  • 歸檔頁面配色更改爲 azure
  • 移動端配色優化

—————————————————————

2019-7-21主題美化

  • 優化了配色方案:
    • 左側欄配色更改 #08c --> #00a8f3
    • 低端翻頁文字Pre,Next以及中間的數字換爲 #08c
    • 文章頂部article-header黑色標頭換爲#08c
  • 調整左側主標題字體: Roboto,serif --> STKaiti
  • 調整左邊欄字體的hover, grey 更改爲 #ffee93
  • 版權聲明配色優化

配色參考

—————————————————————

2019-7-22細節優化

PC端

QQ截圖20190726180818.png

移動端

4560190726180818_愛奇藝.jpg

  • 優化了左側社交圖標的配色
    • github: #afb6ca->#bf59f3
    • qq: #34baad->#5cf54abf
    • mail: #e15280-> #f45a8d
    • bilibili: #e15280-> #f45a8d
  • 更改了圖標透明度(opacity:0.7 -> 1)
  • 優化了點觸感

—————————————————————

2019-7-26美化、修復Bug

20190726215109.png

  • 修改單條代碼背景(.article-entry p code)爲lightyellow,邊框border:1px solid yellow

20190726215431.png

  • 修改標題代碼背景(.article-entry code)爲lightyellow
  • 瀏覽器工具中提供的#5cf54abf在移動端不顯示、更改爲#5cf54a
  • body,button,input,select,textarea配色調整爲azure
  • table增加顏色:chocolate
  • 標題增加hover #00d7f3 日期#00a8f3
  • mid-col,背景顏色改爲#eee
  • 移動端雜項優化

—————————————————————

2019-7-30 yilia-qure,清新護眼

PC端

QQ截圖20190803213146.png

移動端

4560190726181220818.png

  • 修改左側純色背景爲圖片背景
  • 左側智能菜單函數優化
    • linear-gradient(200deg,#1E90FF->#b4d8d8,#B0C4DE->#66c3d5)
  • 社交圖標優化
  • 左邊欄字體hover: #ffee93 ->#4B0082
  • 文章元素hover:#00d7f3,#00a8f3均改爲#0f66bc
  • 關閉字數統計
  • 一言api新增鼠標點觸屬性(同左邊欄字體)
  • 字數統計配色#04338c

—————————————————————

2019-8-10 增加CSDN社交圖標

20190810204141.png

  • QQ圖標配色優化(原諒綠->QQ藍)

—————————————————————

2019-8-16 增加“fork me on github”絲帶

QQ截圖20190817165748.png

—————————————————————

2019-8-18 左側背景改爲動態切換(pc端)

GIF4.gif

  • 配色更改:
    • 中間邊框(.mid-col)#eee->#e6faf8
    • 文章邊框(.article)azure ->#d0e8e8
    • a標籤增加hover:#4B0082
  • 文章字體調節
    • h1 1.75rem -> 1.625rem(約26px,與文章標題一致)
    • h2 1.4375 rem -> 1.4rem
    • h1~h6:weight 900 -> 400
  • PC端&移動端一言(Hitokoto)api優化

—————————————————————

2019-9-15 主題優化

QQ截圖20190915161407.png

  • 字體更改
    • font-fimily : 改爲:‘Microsoft YaHei’,‘SF Pro Display’,Roboto,Noto,Arial,‘PingFang SC’,sans-serif
    • 代碼段:
      • 字體顏色:#c7254e
      • 背景色以及背景線條: #f9f2f4
    • 標題(h1-h6):weight改爲600
  • 左側欄更改不太適配的背景圖片
  • (新)主頁標題weight:500,打開文章後,h1還是weight:600.
    • .article-inner h1.article-title, .article-title{ 改爲.article-title{
  • 代碼高亮 #e6db74->#32e91e, #fff -> #25c8fd ,#7163d7->#FFEB3B

—————————————————————

2019-9-17

  • 新增版本 light-blue

QQ截圖20190917002518.png

—————————————————————

2019-9-28

  • 加入頭像旋轉:

GIF.gif

  • 可在主題目錄下_config.yml裏設置Rotate: true

20190928221402.png

—————————————————————

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章