biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-17 04:40:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.1.0

Browse Source 
1. 可設置隱藏文章
2. 適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示
3. 可配置首頁cover顯示的位置
4. 更改深色模式下的配色
5. activate_power_mode 增加關閉顏色和抖動
6. 增加谷歌廣告，騰訊分析
7. 相關文章增加時間顯示，調整佈局，垂直居中
8. 文章頁面，top_img增加評論數顯示
9. 可以取消點擊圖片觀看大圖
10. mathjax和kathex可設置每頁都加載還是按需加載
11. 深色模式下，滾動條顔色的適配
12. 優化gitalk 在 dark mode下的顯示
13. 文章頁，文章標題過長時，只顯示三行內容
14. 深色模式下，背景圖片加上蒙板
15. 優化深色/閲讀模式下，canvas的顯示
16. 優化打賞的特效和移動到二維碼不會立刻消失
17. 優化sub-menu樣式
18. 修改aside 的tags顔色，在深色模式下不會出現觀看困難
19. 升級 normalize.css 到最新版
20. 優化手機上toc和menu的打開動畫
21. 優化代碼框打開關閉的特效
22. 精簡js,部分操作改為css控制
23. 優化主題的一些動畫，不會過於生硬

1. 修復當圖片被a標簽包圍時，點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的bug
2. 修復當網址有subdirectory時，menu、打賞二維碼和lodding_bg 鏈接路徑錯誤的bug
3. 修復當網址有subdirectory時,
4. 修復katex 的 CSS無法讀取bug
5. 修復搜索按鈕在文章頁不顯示的bug
6. 修復gitalk css引用失敗的bug
7. 修復 點擊特效 煙花 無效的bug
8. 修復gitalk報path.startsWith is not a function的bug
9. 修復 閲讀模式下，背景沒有變純色的bug
10. 修復閲讀模式下，header 偶爾出現沒有靠攏頂部的bug
11. 修復Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的Bug
12. 修復aside歸檔日期過長導致錯位的bug
13. 修復toc為空時，toc按鈕仍存在的bug
14. 修復關閉懶加載後，頭像無法顯示的bug
15. 修復深色模式下，切換readmode偶爾會無效的bug
16. 修復在一些手機設備上，toc和menu的按鈕顯示不對齊的bug #72
This commit is contained in:
Jerry
2019-12-20 02:19:43 +08:00
Unverified
parent 90726f1a59
commit eae694806c
104 changed files with 3220 additions and 3956 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
source/css/_layout/head.styl
View File

@@ -1,31 +1,30 @@
#nav
position: relative
margin-bottom: 1rem
width: 100%
background-color: $light-blue
background-attachment: local
background-position: center
background-size: cover
&.full_page
display: flex
align-items: center
height: $index_top_img_height
.nav_bg
width: 100%
height: 100%
background-color: $light-blue
background-position: center
background-size: cover
background-attachment: local
&.not_index_bg
height: 20rem
#site-social-icons
display: none
margin: 0 auto
width: 15rem
text-align: center
display: none
.social-icon
margin: 0 0.5rem
margin: 0 .5rem
color: $light-grey
text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.15)
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
font-size: .9rem
cursor: pointer
@@ -35,13 +34,12 @@
#site-info
position: absolute
width: 100%
top: $index_site_info_top
#site-title,
#site-sub-title
color: $light-grey
text-align: center
text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.15)
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
line-height: 1.5
#site-title
@@ -49,7 +47,7 @@
font-size: 1.3rem
#site-sub-title
font-size: 0.8rem
font-size: .8rem
#page_site-info
position: absolute
@@ -60,16 +58,16 @@
position: absolute
bottom: 0
width: 100%
cursor: pointer
height: 42px
font-size: 30px
text-align: center
font-size: 30px
cursor: pointer
.scroll-down-effects
position: absolute
color: $white
#header
header
position: relative
#page-header
@@ -78,20 +76,23 @@
z-index: 99
padding: 10px 36px
width: 100%
height: 58px
border: none
font-size: 18px
transition: all .3s
opacity: 0
transition: all .5s
.toggle-menu
display: none
padding-top: 0.6rem
color: $light-grey
cursor: pointer
padding: .1rem 0 0 .3rem
&:hover
color: $white
&.is_visible
.site-page
font-size: inherit
a
color: $light-grey
text-decoration: none
@@ -103,9 +104,9 @@
position: fixed
top: -60px
z-index: 101
background: alpha($white, 0.8)
box-shadow: 0 5px 6px -5px alpha($grey, 0.6)
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out
background: alpha($white, .8)
box-shadow: 0 5px 6px -5px alpha($grey, .6)
transition: transform .2s ease-in-out, opacity .2s ease-in-out
&.open-sidebar
.site-page
@@ -118,118 +119,106 @@
text-shadow: none
&:hover
color: $light-blue
color: $light-blue
&.visible
transition: all .5s
transform: translate3d(0, 100%, 0)
transition: all .3s
.menus_item_child
background-color: $white !important
&:before
border-color: transparent transparent $white !important
#site-name
text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.15)
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
font-weight: bold
cursor: pointer
.menus_item
position: relative
display: inline-block
padding: 0 0 0 0.7rem
padding: 0 0 0 .7rem
&:hover,&:focus
&:hover
.menus_item_child
display: block
.menus-expand
transform: rotate(180deg) !important
.menus-expand
padding: 4px
transform: rotate(0deg)
padding: 4px
transition: all .3s
transform: rotate(0)
& > a
&:after
position: absolute
bottom: 0
left: 0
z-index: -1
width: 0
height: 3px
background-color: lighten($theme-color, 30%)
content: ''
transition: all .3s ease-in-out
&:hover
&::after
width: 100%
.menus_item_child
position: absolute
background-color: alpha($white, 0.8)
border-radius: 5px
box-shadow: 0 5px 20px -4px rgba(0,0,0,.5)
right: 0
display: none
opacity: 1
animation: sub_menus .3s .1s ease both
margin-top: 8px
padding: 0
margin-top: 10px
width: max-content
background-color: alpha($white, .8)
box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5)
animation: sub_menus .3s .1s ease both
&:before
content: ""
position: absolute
top: -20px
left: 50%
margin-left: -10px
border-width: 10px
border-style: solid
border-color: transparent transparent alpha($white, 0.8)
top: -8px
left: 0
width: 100%
height: 20px
content: ''
li
padding: 1px 10px
list-style: none
text-align: center
padding: 0px 10px
&:first-child
padding: 6px 10px 0
&:last-child
padding: 0px 10px 6px
&:hover
a,i
color: $theme-color
background: $theme-color
a
color: #3b3a3a
text-shadow: none
#search_button
padding: 0 0 0 0.7rem
.site-page
position: relative
padding-bottom: 0.3rem
text-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3)
font-size: 0.7rem
cursor: pointer
#search_button
padding: 0 0 0 .7rem
#page-header .menus_item > .site-page
&::after
position: absolute
bottom: 0
left: 0
z-index: -1
width: 0
height: 3px
background-color: lighten($theme-color, 30%)
content: ""
transition: all 0.3s ease-in-out
.site-page
position: relative
padding-bottom: .3rem
text-shadow: .05rem .05rem .1rem rgba(0, 0, 0, .3)
font-size: .7rem
cursor: pointer
&:hover
&::after
width: 100%
@media screen and (min-width: $sm)
@media screen and (min-width: $sm)
#site-title
font-size: 2rem
#site-sub-title
font-size: 1.2rem
@media screen and (max-width: $sm)
#page-header
padding: 10px 0.8rem
#nav
padding: 10px .8rem
#nav
#site-social-icons
display: block
@@ -238,19 +227,7 @@
#page_site-info
top: 7rem
#top-container
height: 14rem
#post-info
bottom: 1rem
padding: 0 5%
.mobile_hidden
display: none
@media screen and (max-width: $bg)
#page-header
&.fixed