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

feat: 可設置首頁文章不顯示內容/description

Browse Source 
feat: 主頁文章時間和文章頁文章時間可以配置顯示日期還是相對時間
feat: top_img 可配置 [留空（默認色）/顏色/漸變色/圖片鏈接/ false（不顯示top_img）]
feat: footer可配置背景 [留空/false(默認色)/顏色/漸變色/圖片鏈接/true(跟top_img一樣)]
improvement: preloader 在 pjax 下 每個頁面都會加載
improvement: 修改判斷，避免用户設置2個lightbox 而導致報錯（只能設置一個）
improvement: 精確時間顯示 （剛剛/幾分鐘前/幾小時前/幾天前/幾個月前）
improvement: 刪除不必要的語言文件和css
chore: update hexo-renderer-stylus to 2.0.1
This commit is contained in:
Jerry
2020-09-05 17:01:21 +08:00
Unverified
parent 8603db0545
commit 25b0c733dc
27 changed files with 361 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -150,6 +150,7 @@
& > time,
& > .name
display: block
color: $theme-meta-color
font-size: 85%
@@ -164,13 +165,8 @@
&:hover
color: $text-hover
.card-recent-post
.thumbnail
border-radius: 0 !important
.no-aside-cover
title
height: auto
&.no-cover
min-height: 4.4em
.card-archives ul.card-archive-list,
.card-categories ul.card-category-list

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

@@ -102,66 +102,101 @@
background-color: alpha($dark-black, .5)
content: ''
&.no-top-img
margin-bottom: .5rem
height: 60px
background: 0
#nav
background: rgba(255, 255, 255, .8)
box-shadow: 0 5px 6px -5px rgba(133, 133, 133, .6)
a
color: var(--font-color)
text-shadow: none
#post-info
position: absolute
bottom: 1.5rem
padding: 0 8%
width: 100%
text-align: left
+maxWidth768()
bottom: 1.1rem
padding: 0 1.1rem
#post-info
#post-title
margin-bottom: .4rem
font-size: 2.15em
+maxWidth768()
font-size: 1.72em
.posttitle
@extend .limit-more-line
color: var(--white)
line-height: 1.5
-webkit-line-clamp: 3
#post-meta
color: var(--light-grey)
font-size: 95%
+minWidth768()
> .meta-secondline
> span:first-child
display: none
+maxWidth768()
font-size: 90%
> .meta-firstline,
> .meta-secondline
display: inline
.post-meta
&-separator
margin: 0 .25rem
&-icon
margin-right: .2rem
&-label
if hexo-config('post_meta.post.label')
margin-right: .2rem
else
display: none
a
color: var(--light-grey)
transition: all .3s ease-out
&:hover
color: $text-hover
text-decoration: underline
if hexo-config('post_meta.post.date_format') == 'relative'
time
display: none
// for not top_img
#post
& > #post-info
margin-bottom: 1.5rem
.posttitle
padding-bottom: .2rem
border-bottom: 1px solid var(--light-grey)
color: var(--text-highlight-color)
[data-theme='light']
#post
#post-info
position: absolute
bottom: 1.5rem
padding: 0 8%
width: 100%
text-align: left
+maxWidth768()
bottom: 1.1rem
padding: 0 1.1rem
#post-title
margin-bottom: .4rem
font-size: 2.15em
+maxWidth768()
font-size: 1.72em
.posttitle
@extend .limit-more-line
color: var(--white)
line-height: 1.5
-webkit-line-clamp: 3
#post-meta
color: var(--light-grey)
font-size: 95%
+minWidth768()
> .meta-secondline
> span:first-child
display: none
+maxWidth768()
font-size: 90%
> .meta-firstline,
> .meta-secondline
display: inline
.post-meta
&-separator
margin: 0 .25rem
&-icon
margin-right: .2rem
&-label
if hexo-config('post_meta.post.label')
margin-right: .2rem
else
display: none
a
color: var(--light-grey)
transition: all .3s ease-out
&:hover
color: $text-hover
text-decoration: underline
#post-meta,
#post-meta a
color: #78818a
// css hack
// all browser in ios and safari in all apple device
@@ -210,7 +245,7 @@ _:future,
&.fixed
position: fixed
top: -62px
top: -60px
z-index: 91
background: rgba(255, 255, 255, .8)
box-shadow: 0 5px 6px -5px alpha($grey, .6)

3
source/css/_layout/loading.styl
View File

@@ -5,7 +5,6 @@ if hexo-config('preloader')
width: 50%
height: 100%
background-color: var(--preloader-bg)
transition: all .5s
#loading-box
.loading-left-bg
@@ -53,9 +52,11 @@ if hexo-config('preloader')
&.loaded
.loading-left-bg
transition: all .5s
transform: translate(-100%, 0)
.loading-right-bg
transition: all .5s
transform: translate(100%, 0)
.spinner-box

3
source/css/_layout/post.styl
View File

@@ -291,6 +291,9 @@ img
iframe
margin: 0 0 1rem
& > .page-title
margin-top: .4rem
.post-outdate-notice
position: relative
margin: 0 0 1rem

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

@@ -29,20 +29,19 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
--sidebar-icon-color: alpha(#FFFFFF, .6)
// 網站背景，footer背景
#web_bg[data-type=color],
#footer[data-type=color]
#web_bg[data-type=color]
background: darken(#121212, 2)
#web_bg[data-type=photo]:before,
#footer[data-type=photo]:before
#web_bg[data-type=photo]:before
position: absolute
width: 100%
height: 100%
background-color: alpha($dark-black, .7)
content: ''
#page-header
background-color: #121212
#footer
&:before
background-color: alpha($dark-black, .7)
#article-container
code
@@ -67,10 +66,10 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
background-color: alpha($dark-black, .7)
content: ''
& > #nav
&.fixed
background: alpha(#121212, .8)
box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0)
& > #nav.fixed,
&.no-top-img #nav
background: alpha(#121212, .8)
box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0)
// 代碼框
#article-container

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

@@ -107,6 +107,10 @@
.fa-angle-right
margin: 0 .2rem
if hexo-config('post_meta.page.date_format') == 'relative'
time
display: none
a
color: $theme-meta-color