biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-16 20:30: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

214
source/css/_global/index.styl
View File

@@ -4,10 +4,8 @@ html
body
position: relative
display: flex
flex-direction: column
min-height: 100%
background: #fff
background: $white
color: $font-black
font-size: $font-size
font-family: $font-family
@@ -20,11 +18,11 @@ body
-ms-user-select: none
#body-wrap
position relative
flex: 1 auto
position: relative
display: flex
flex: 1 auto
flex-direction: column
transition: all .3s
transition: all .5s
*::-webkit-scrollbar
width: 8px
@@ -36,18 +34,16 @@ body
*::-webkit-scrollbar-track
background-color: transparent
#web_bg
background: $web-bg
height: 100%
width: 100%
background-size: cover
position: fixed
z-index: -999
width: 100%
height: 100%
background: $web-bg
background-attachment: local
background-repeat: no-repeat
background-position: center
background-size: cover
background-repeat: no-repeat
h1,
h2,
@@ -56,11 +52,11 @@ h4,
h5,
h6
position: relative
margin: 0.2rem 0
margin: 1rem 0 .7rem
color: lighten($font-color, 15%)
font-weight: bold
code
code
font-size: inherit !important
#content-outer
@@ -69,20 +65,15 @@ h6
*
box-sizing: border-box
#content-inner
.img-alt
text-decoration: none
color: $a-link-color
#toggle-sidebar
position: fixed
bottom: $sidebar-icon-top
left: $sidebar-icon-left
z-index: 100
font-size: $sidebar-icon-size
cursor: pointer
transition: all 0.2s
opacity: 0
cursor: pointer
transition: all .2s
hr
position: relative
@@ -106,9 +97,12 @@ hr
font-size: 20px
transition: all 1s ease-in-out
iframe
margin: 0 0 1rem
// collapse/expand beautify
details
padding: 0.3rem
padding: .3rem
border: 2px solid darken($light-grey, 10%)
summary
@@ -117,13 +111,14 @@ details
// set <caption> of <figure> to center-align
// use class="not-code" to avoid conflicts because code also use <figure> tag
.not-code
margin: 0.5em
padding: 0.5em
margin: .5em
padding: .5em
border: thin silver solid
text-align: center
table
overflow: auto
margin: 0 0 1rem
width: 100%
border-spacing: 0
border-collapse: collapse
@@ -133,7 +128,7 @@ table
th,
td
padding: 0.3rem 0.6rem
padding: .3rem .6rem
border: 1px solid darken($light-grey, 10%)
vertical-align: top
@@ -141,21 +136,21 @@ table
background: $selection
color: $pale-grey
.full_page #site-title,
.full_page #site-sub-title,
// 字體
.full_page #site-title,
.full_page #site-sub-title,
#site-name,
#aside_content .author-info__name,
#aside_content .author-info__description
font-family: $site-name-font
.is_right
text-align: right
text-align: right
.is_left
text-align: left
.is_center
.is-center
text-align: center
.is_visible
@@ -173,50 +168,61 @@ table
.pull_right
float: right
// button hover
.button--primary
color: $ruby
.button--animated
transition-duration: 1s
transition-property: color
&:before
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: -1
background: $ruby
content: ''
transition-timing-function: ease-out
transition-duration: .5s
transition-property: transform
transform: scaleX(0)
transform-origin: 0 50%
&:hover
&:before
transition-timing-function: cubic-bezier(.45, 1.64, .47, .66)
transform: scaleX(1)
// third-party
.fireworks
position: fixed
z-index: -1
z-index: 99999
pointer-events: none
.fireworks
z-index: 99999
@media screen and (max-width: $bg)
i#toggle-sidebar,
#sidebar
display: none
body
padding-left: 0 !important
// 懶加載
.lazyload,
.lazyloading
opacity: 0
.lazyloaded
opacity: 1
transition: opacity 0.3s
img[src=""],img:not([src])
img[src=''],
img:not([src])
opacity: 0
.justified-gallery
margin: 1rem 0
img
opacity 0
.fancybox
img
opacity: 0
.fancybox
width: auto
text-align: inherit
text-align: inherit
.img-alt
display: none
.medium-zoom-image--opened
margin: 0 !important
z-index: 99999 !important
margin: 0 !important
.medium-zoom-overlay
z-index: 99999 !important
@@ -224,19 +230,18 @@ img[src=""],img:not([src])
// hexo tag video
.video-container
position: relative
overflow: hidden
margin-bottom: .8rem
padding-top: 56.25%
height: 0
overflow: hidden
margin-bottom: 0.8rem
iframe
position: absolute
top: 0
left: 0
margin-top: 0
width: 100%
height: 100%
margin-top: 0
.layout_page,
.layout_post,
@@ -255,60 +260,63 @@ canvas,
animation: to_show 4s
.card-announcement-animation
animation: announ_animation .8s linear infinite
color: #FF0000
animation: announ_animation .8s linear infinite
.scroll-down-effects
animation: scroll-down-effect 1.5s infinite
if hexo-config("avatar_effect") == true
.avatar_img
if hexo-config('avatar_effect') == true
.avatar-img
animation: avatar_turn_around 2s linear infinite
.reward-main
animation: donate_effcet .3s .1s ease both
#rightside-config-hide
animation: rightside_in_animate .3s
@keyframes scroll-down-effect
0%
opacity: 0.4
top: 0
opacity: .4
50%
opacity: 1
top: -16px
opacity: 1
100%
opacity: 0.4
top: 0
@keyframes header
0%
opacity: .4
@keyframes header
0%
opacity: 0
transform: translateY(-50px)
100%
100%
opacity: 1
transform: translateY(0)
@keyframes headerNoOpacity
0%
0%
transform: translateY(-50px)
100%
100%
transform: translateY(0)
@keyframes main
0%
0%
opacity: 0
transform: translateY(50px)
100%
100%
opacity: 1
transform: translateY(0)
@keyframes titlescale
0%
opacity: 0
transform: scale(0.7)
100%
transform: scale(.7)
100%
opacity: 1
transform: scale(1)
@@ -316,19 +324,22 @@ if hexo-config("avatar_effect") == true
0%
opacity: 1
transform: scale(1)
100%
100%
opacity: 0
transform: scale(0.7)
transform: scale(.7)
@keyframes to_show
0%
opacity: 0
100%
opacity: 1
@keyframes avatar_turn_around
from
transform: rotate(0deg)
transform: rotate(0)
to
transform: rotate(360deg)
@@ -336,6 +347,7 @@ if hexo-config("avatar_effect") == true
0%
opacity: 0
transform: translateY(10px)
100%
opacity: 1
transform: translateY(0)
@@ -344,31 +356,23 @@ if hexo-config("avatar_effect") == true
0%
opacity: 0
transform: translateY(-20px)
100%
opacity: 1
transform: translateY(0)
@keyframes announ_animation
0%,to
0%,
to
transform: scale(1)
50%
transform: scale(1.2)
@keyframes rightside_in_animate
0%
transform: translateX(28px)
100%
transform: translateX(0)
@media screen and (max-width: $bg)
i#toggle-sidebar,
#sidebar
display: none
@keyframes rightside_out_animate
0%
transform: translateX(0)
100%
transform: translateX(28px)
@keyframes right_to_left
0%
transform: translateX(100px)
100%
transform: translateX(0)
body
padding-left: 0 !important