mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-10-04 06:22:00 +08:00
v2.1.0
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 committed
1 parent
90726f1a59
commit
eae694806c
104 files changed
+3220
-3956
No files matched your search
+109
-105
@@ -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
|
||||
@@ -1,14 +1,13 @@
|
||||
// https://github.com/equinusocio/vsc-material-theme
|
||||
@require "theme"
|
||||
@require "diff"
|
||||
@require 'theme'
|
||||
@require 'diff'
|
||||
|
||||
wordWrap = !hexo-config("rootConfig.highlight.line_number") && hexo-config("code_word_wrap")
|
||||
wordWrap = !hexo-config('rootConfig.highlight.line_number') && hexo-config('code_word_wrap')
|
||||
|
||||
$code-block
|
||||
overflow: auto
|
||||
margin: 1rem 0
|
||||
margin: 0 0 1rem
|
||||
padding: 0
|
||||
padding-top: 1.4rem
|
||||
background: $highlight-background
|
||||
color: $highlight-foreground
|
||||
font-size: $code-font-size
|
||||
@@ -18,26 +17,34 @@ $code-block
|
||||
counter-reset: line
|
||||
white-space: pre-wrap
|
||||
|
||||
.code-area-wrap
|
||||
position: relative
|
||||
margin: 0 0 1rem
|
||||
|
||||
figure.highlight
|
||||
position: relative
|
||||
|
||||
blockquote
|
||||
margin: 0
|
||||
padding: 0.1rem 0.8rem
|
||||
border-left: 0.2rem solid $blockquote-padding-color
|
||||
margin: 0 0 1rem
|
||||
padding: .1rem .8rem
|
||||
border-left: .2rem solid $blockquote-padding-color
|
||||
background-color: lighten($blockquote-padding-color, 33)
|
||||
color: $blockquote-color
|
||||
background-color: lighten($blockquote-padding-color,33)
|
||||
|
||||
a
|
||||
word-break: break-all
|
||||
|
||||
p
|
||||
margin: 0 !important
|
||||
padding: 0.5rem 0
|
||||
padding: .5rem 0
|
||||
|
||||
footer
|
||||
padding: 0 0 0.5rem 0
|
||||
cite
|
||||
padding: 0 0 .5rem
|
||||
|
||||
cite
|
||||
&:before
|
||||
content: "—"
|
||||
padding: 0 .3em
|
||||
content: '—'
|
||||
|
||||
.article-container
|
||||
pre,
|
||||
@@ -45,7 +52,7 @@ blockquote
|
||||
font-family: $code-font !important
|
||||
|
||||
code
|
||||
padding: 0.1rem 0.2rem
|
||||
padding: .1rem .2rem
|
||||
background: $code-background
|
||||
color: $code-foreground
|
||||
word-wrap: break-word
|
||||
@@ -53,6 +60,7 @@ blockquote
|
||||
|
||||
pre
|
||||
@extend $code-block
|
||||
padding: 10px 20px
|
||||
|
||||
code
|
||||
padding: 0
|
||||
@@ -60,21 +68,14 @@ blockquote
|
||||
color: $highlight-foreground
|
||||
text-shadow: none
|
||||
|
||||
figure.highlight
|
||||
&:after
|
||||
position: absolute
|
||||
top: 0
|
||||
z-index: 0
|
||||
min-width: 100%
|
||||
height: 1.4rem
|
||||
background: darken($highlight-background, 5)
|
||||
content: ""
|
||||
|
||||
.highlight
|
||||
@extend $code-block
|
||||
position: relative
|
||||
border-radius: 1px
|
||||
|
||||
if hexo-config('highlight_shrink') == true
|
||||
display: none
|
||||
|
||||
pre
|
||||
margin: 0
|
||||
padding: 8px 0
|
||||
@@ -88,31 +89,22 @@ blockquote
|
||||
if wordWrap
|
||||
&:before
|
||||
display: inline-block
|
||||
padding: 0 0.3rem 0 0
|
||||
padding: 0 .3rem 0 0
|
||||
min-width: 1.6rem
|
||||
color: $highlight-gutter.color
|
||||
content: counter(line)
|
||||
counter-increment: line
|
||||
text-align: left
|
||||
|
||||
&.marked
|
||||
background-color: $highlight-selection
|
||||
|
||||
table
|
||||
position: relative
|
||||
margin: 0
|
||||
width: auto
|
||||
border: none
|
||||
|
||||
if hexo-config('highlight_shrink') == true
|
||||
display: none
|
||||
|
||||
&:after
|
||||
position: absolute
|
||||
top: -1.4rem
|
||||
z-index: 0
|
||||
width: 100%
|
||||
height: 1.4rem
|
||||
background: darken($highlight-background, 5)
|
||||
content: ""
|
||||
|
||||
td
|
||||
padding: 0
|
||||
border: none
|
||||
@@ -122,7 +114,7 @@ blockquote
|
||||
position: absolute
|
||||
z-index: 1
|
||||
margin-bottom: 1em
|
||||
padding: 0.2em 0 0.2em 0.7rem
|
||||
padding: .2rem 0 .2rem .7rem
|
||||
width: 100%
|
||||
height: 1.4em
|
||||
color: $highlight-foreground
|
||||
@@ -145,7 +137,7 @@ blockquote
|
||||
border-bottom-color: $highlight-foreground
|
||||
|
||||
&+table
|
||||
margin-top: 1em
|
||||
margin-top: 1.1rem
|
||||
|
||||
&:before
|
||||
margin-top: -2.1rem
|
||||
@@ -154,15 +146,15 @@ blockquote
|
||||
top: -2.1rem
|
||||
|
||||
.gutter pre
|
||||
padding-right: 0.5rem
|
||||
padding-left: 0.5rem
|
||||
padding-right: .5rem
|
||||
padding-left: .5rem
|
||||
background-color: $highlight-gutter.bg-color
|
||||
color: $highlight-gutter.color
|
||||
text-align: right
|
||||
|
||||
.code pre
|
||||
padding-right: 0.5rem
|
||||
padding-left: 0.5rem
|
||||
padding-right: .5rem
|
||||
padding-left: .5rem
|
||||
width: 100%
|
||||
background-color: $highlight-background
|
||||
|
||||
@@ -289,4 +281,18 @@ blockquote
|
||||
|
||||
&::selection
|
||||
background: $highlight-selection
|
||||
color: $highlight-foreground
|
||||
color: $highlight-foreground
|
||||
|
||||
.highlight-tools
|
||||
position: relative
|
||||
width: 100%
|
||||
height: 1.4rem
|
||||
background: darken($highlight-background, 5)
|
||||
color: $highlight-foreground
|
||||
font-size: 14px
|
||||
|
||||
& + figure
|
||||
margin: 0 !important
|
||||
|
||||
.highlight-close
|
||||
height: 0 !important
|
||||
@@ -1,6 +1,6 @@
|
||||
$highlight_theme = hexo-config("highlight_theme")
|
||||
$highlight_theme = hexo-config('highlight_theme')
|
||||
|
||||
if $highlight_theme == "default"
|
||||
if $highlight_theme == 'default'
|
||||
$highlight-background = #263238
|
||||
$highlight-current-line = #efefef
|
||||
$highlight-selection = #80CBC420
|
||||
@@ -18,7 +18,7 @@ if $highlight_theme == "default"
|
||||
bg-color: $highlight-background
|
||||
}
|
||||
|
||||
if $highlight_theme == "darker"
|
||||
if $highlight_theme == 'darker'
|
||||
$highlight-background = #212121
|
||||
$highlight-current-line = #282a2e
|
||||
$highlight-selection = #61616150
|
||||
@@ -36,7 +36,7 @@ if $highlight_theme == "darker"
|
||||
bg-color: $highlight-background
|
||||
}
|
||||
|
||||
if $highlight_theme == "pale night"
|
||||
if $highlight_theme == 'pale night'
|
||||
$highlight-background = #292D3E
|
||||
$highlight-current-line = #393939
|
||||
$highlight-selection = #717CB450
|
||||
@@ -54,7 +54,7 @@ if $highlight_theme == "pale night"
|
||||
bg-color: $highlight-background
|
||||
}
|
||||
|
||||
if $highlight_theme == "ocean"
|
||||
if $highlight_theme == 'ocean'
|
||||
$highlight-background = #0F111A
|
||||
$highlight-current-line = #000000
|
||||
$highlight-selection = #717CB450
|
||||
@@ -72,7 +72,7 @@ if $highlight_theme == "ocean"
|
||||
bg-color: $highlight-background
|
||||
}
|
||||
|
||||
if $highlight_theme == "light"
|
||||
if $highlight_theme == 'light'
|
||||
$highlight-background = #F6F8FA
|
||||
$highlight-current-line = #00346e
|
||||
$highlight-selection = #80CBC440
|
||||
|
||||
Loaded 3 of 104 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user