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

feat: 替換 Justified Gallery 為 flickr-justified-gallery

Browse Source 
feat: 完全移除 jquery
feat: 清除配置文件的CDN, 默認 CDN 不再顯示在 config
feat: 切換夜間模式後, mermaid 也會切換夜間主題
feat: 移除騰訊分析
feat: 移除右下角字體調整按鈕
feat: 本地搜索可處理 json
feat: 右下角按鈕自定義順序
feat: 右小角按鈕 UI 微調
improvement: 手機端更改閲讀模式退出按鈕到右下角
improvement: photofigcaption 和 fancybox 的 figcaption 優先顯示 圖片的title屬性，然後是 alt 屬性
improvement: 首頁ui微調
improvement: 禁止一些瀏覽器會出現點擊左下角按鈕出現放大網頁的行為
improvement: js 優化
fix: 修復窗口大小改變時，導航欄的ui 可能會錯亂的 bug
fix: 修復 pjax 下, twikoo 評論獲取是上一篇評論的 bug
fix: 壓縮 html 代碼後, mermaid 顯示正常
This commit is contained in:
Jerry
2021-10-12 23:27:56 +08:00
Unverified
parent 7e729cff79
commit cb82bfb7b6
34 changed files with 611 additions and 570 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
source/css/_global/function.styl
View File

@@ -240,4 +240,4 @@ if hexo-config('avatar.effect') == true
transform: translateX(200px)
100%
transform: translateX(0)
transform: translateX(0)

5
source/css/_layout/aside.styl
View File

@@ -246,8 +246,8 @@
max-height: calc(100% - 60px)
width: $toc-mobile-width
opacity: 0
transition: initial
transform-origin: right bottom
transition: none
.toc-percentage
float: right
@@ -317,8 +317,9 @@
border-radius: 70px
img
width: 100%
height: 100%
transition: filter 375ms ease-in 0.2s, transform .3s
transition: filter 375ms ease-in .2s, transform .3s
object-fit: cover
&:hover

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

@@ -239,7 +239,6 @@
top: 0
z-index: 90
display: flex
flex-wrap: wrap
align-items: center
padding: 0 36px
width: 100%
@@ -335,13 +334,10 @@
font-size: inherit
.menus_items
position: absolute
left: 0
visibility: hidden
opacity: 0
display: none
#search-button span
display: none !important
display: none
#search-button
display: inline

18
source/css/_layout/rightside.styl
View File

@@ -1,6 +1,6 @@
#rightside
position: fixed
right: -38px
right: -48px
bottom: $rightside-bottom
z-index: 100
opacity: 0
@@ -8,7 +8,7 @@
#rightside-config-hide
transition: transform .4s
transform: translate(35px, 0)
transform: translate(48px, 0)
&.show
transform: translate(0, 0) !important
@@ -17,17 +17,25 @@
& > button,
& > a
display: block
margin-bottom: 2px
width: 30px
height: 30px
margin-bottom: 5px
width: w = 38px
height: w
border-radius: 5px
background-color: var(--btn-bg)
color: var(--btn-color)
text-align: center
font-size: 16px
line-height: w
touch-action: manipulation
&:hover
background-color: var(--btn-hover-color)
+maxWidth768()
width: w = 34px
height: w
line-height: w
#mobile-toc-button
display: none

9
source/css/_layout/third-party.styl
View File

@@ -61,16 +61,9 @@ if hexo-config('waline.bg')
.medium-zoom-overlay
z-index: 99999 !important
.mermaid
overflow: auto
.mermaid-wrap
margin: 0 0 20px
background: $white
text-align: center
opacity: 0
transition: all .3s
&[data-processed]
opacity: 1
.utterances,
.fb-comments iframe

1
source/css/_mode/darkmode.styl
View File

@@ -91,7 +91,6 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
// hide-tags
.hide-button,
.btn-beautify,
.mermaid,
.hl-label,
.post-outdate-notice,
.error-img,

5
source/css/_mode/readmode.styl
View File

@@ -36,6 +36,7 @@ if hexo-config('readmode')
position: fixed
top: 30px
right: 30px
z-index: 100
width: 40px
height: 40px
border-radius: 8px
@@ -44,6 +45,10 @@ if hexo-config('readmode')
font-size: 16px
transition: background .3s
+maxWidth768()
top: initial
bottom: 30px
&:hover
background: var(--exit-btn-hover)

4
source/css/_page/common.styl
View File

@@ -54,5 +54,7 @@
#page-header.full_page
background-attachment: scroll !important
.recent-post-item
.recent-post-item,
.avatar-img,
.flink-item-icon
transform: translateZ(0)

15
source/css/_page/homepage.styl
View File

@@ -8,7 +8,7 @@
flex-direction: row
align-items: center
overflow: hidden
height: 20em
height: 18em
+maxWidth768()
flex-direction: column
@@ -24,7 +24,7 @@
.post_cover
overflow: hidden
width: 45%
width: 44%
height: 100%
+maxWidth768()
@@ -42,7 +42,7 @@
& >.recent-post-info
padding: 0 40px
width: 55%
width: 57%
+maxWidth768()
padding: 20px 20px 30px
@@ -88,13 +88,10 @@
else
display: none
.article-meta__separator
.article-meta-separator
margin: 0 6px
.article-meta__link
margin: 0 4px
.fa-angle-right
.article-meta-link
margin: 0 4px
if hexo-config('post_meta.page.date_format') == 'relative'
@@ -110,4 +107,4 @@
& > .content
@extend .limit-more-line
-webkit-line-clamp: 3
-webkit-line-clamp: 2

183
source/css/_tags/gallery.styl
View File

@@ -1,107 +1,102 @@
figure.gallery-group
position: relative
float: left
overflow: hidden
margin: 6px 4px
width: calc(50% - 8px)
height: 250px
border-radius: 8px
background: $dark-black
-webkit-transform: translate3d(0, 0, 0)
+maxWidth600()
width: calc(100% - 8px)
&:hover
img
opacity: .4
transform: translate3d(0, 0, 0)
.gallery-group-name::after
transform: translate3d(0, 0, 0)
p
opacity: 1
transform: translate3d(0, 0, 0)
img
#article-container
figure.gallery-group
position: relative
margin: 0 !important
max-width: none !important
width: calc(100% + 20px)
float: left
overflow: hidden
margin: 6px 4px
width: calc(50% - 8px)
height: 250px
backface-visibility: hidden
opacity: .8
transition: all .3s, filter 375ms ease-in 0.2s !important
transform: translate3d(-10px, 0, 0)
object-fit: cover
border-radius: 8px
background: $dark-black
-webkit-transform: translate3d(0, 0, 0)
figcaption
position: absolute
top: 0
left: 0
padding: 30px
width: 100%
height: 100%
color: $gallery-color
text-transform: uppercase
backface-visibility: hidden
+maxWidth600()
width: calc(100% - 8px)
& > a
&:hover
img
opacity: .4
transform: translate3d(0, 0, 0)
.gallery-group-name::after
transform: translate3d(0, 0, 0)
p
opacity: 1
transform: translate3d(0, 0, 0)
img
position: relative
margin: 0
max-width: none
width: calc(100% + 20px)
height: 250px
backface-visibility: hidden
opacity: .8
transition: all .3s, filter 375ms ease-in .2s
transform: translate3d(-10px, 0, 0)
object-fit: cover
figcaption
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: 1000
opacity: 0
p
@extend .limit-more-line
margin: 0
padding: 8px 0 0
letter-spacing: 1px
font-size: 1.1em
line-height: 1.5
opacity: 0
transition: opacity .35s, transform .35s
transform: translate3d(100%, 0, 0)
-webkit-line-clamp: 4
.gallery-group-name
@extend .limit-more-line
position: relative
margin: 0
padding: 8px 0
font-weight: bold
font-size: 1.65em
line-height: 1.5
-webkit-line-clamp: 2
&:after
position: absolute
bottom: 0
left: 0
padding: 30px
width: 100%
height: 2px
background: $gallery-color
content: ''
transition: transform .35s
transform: translate3d(-100%, 0, 0)
height: 100%
color: $gallery-color
text-transform: uppercase
backface-visibility: hidden
.gallery-group-main
overflow: auto
padding: 0 0 16px
& > a
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: 1000
opacity: 0
.justified-gallery
margin: 0 0 16px
p
@extend .limit-more-line
margin: 0
padding: 8px 0 0
letter-spacing: 1px
font-size: 1.1em
line-height: 1.5
opacity: 0
transition: opacity .35s, transform .35s
transform: translate3d(100%, 0, 0)
-webkit-line-clamp: 4
img
.gallery-group-name
@extend .limit-more-line
position: relative
margin: 0
padding: 8px 0
font-weight: bold
font-size: 1.65em
line-height: 1.5
-webkit-line-clamp: 2
&:after
position: absolute
bottom: 0
left: 0
width: 100%
height: 2px
background: $gallery-color
content: ''
transition: transform .35s
transform: translate3d(-100%, 0, 0)
.gallery-group-main
overflow: auto
padding: 0 0 16px
.fj-gallery
margin: 0 0 16px
opacity: 0
.img-alt
display: none
.fancybox
width: auto
text-align: inherit
.img-alt
display: none