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

1. Feature: 可關閉圖片懶加載

Browse Source 
2. Feature: 增加頁面排版，可選擇把右邊欄放在左邊
3. Feature: 增加 Note (Bootstrap Callout) (移植於next主題)
4. Feature: 手機上能夠查看TOC
5. Feature: 增加直達評論按鈕
6. Fix: 修復post頁在寬度1024px下的顯示bug
7. Fix: 修復代碼框部分語言沒有顯示正確的代碼語言
8. Fix: 修復設置裏把Disqus註釋掉無法運行的bug
This commit is contained in:
hwy0127@gmail.com
2019-08-11 19:57:09 +08:00
Unverified
parent 49a9995a3d
commit 6cdd19e07f
28 changed files with 631 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,6 @@
transition: all .3s
background: #fff
margin-top: 20px
margin-left: 15px
overflow: hidden
&:hover
@@ -303,6 +302,14 @@
width: 100% !important
.card_widget
margin-left: 0 !important
margin-left: 0
margin-right: 0
@media screen and (min-width: 900px)
#aside_content
.card_widget
if hexo-config("aside.position") == "right"
margin-left: 15px
else
margin-right: 15px

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

@@ -134,9 +134,6 @@
display: block
a
color: $light-grey
text-decoration: none

16
source/css/_layout/nightshift.styl
View File

@@ -108,7 +108,6 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
background: rgb(27, 38, 59)
.post-cards,.md-links-item
// background: #2d3035
a
color: #99a9bf
@@ -202,7 +201,20 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
.more
background-color: #616a6b
#post_bottom
background: #2d3035
box-shadow: 0 -5px 6px -5px rgba(133,133,133,0)
i
color: #99a9bf !important
#toc_mobile
background: #2d3035
a
color: #99a9bf !important
@media screen and (max-width: 768px)
.night-mode
color: #99a9bf

256
source/css/_layout/note.styl Normal file
View File

@@ -0,0 +1,256 @@
.note
$note-icons = hexo-config('note.icons')
$note-style = hexo-config('note.style')
margin: 10px 0
padding: 15px
position: relative
if ($note-style == 'simple')
border: 1px solid $light-grey
border-left-width: 5px
if ($note-style == 'modern')
background-color: $whitesmoke
border: 1px solid transparent
if ($note-style == 'flat')
background-color: lighten($light-grey, 65%)
border: initial
border-left: 5px solid $light-grey
if (hexo-config('note.border_radius') is a 'unit')
border-radius: unit(hexo-config('note.border_radius'), px)
h2, h3, h4, h5, h6
if ($note-icons)
margin-top: 3px
else
margin-top: 0
border-bottom: initial
margin-bottom: 0
padding-top: 0 !important
p, ul, ol, table, pre, blockquote, img
&:first-child
margin-top: 0
&:last-child
margin-bottom: 0
if ($note-icons)
&:not(.no-icon)
padding-left: 45px
&::before
font-family: 'FontAwesome'
font-size: larger
left: 15px
position: absolute
top: 13px
&.default
if ($note-style == 'flat')
background-color: $note-default-bg
if ($note-style == 'modern')
background-color: $note-modern-default-bg
border-color: $note-modern-default-border
color: $note-modern-default-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-default-text
color: $note-modern-default-text
&:hover
border-bottom: 1px solid $note-modern-default-hover
color: $note-modern-default-hover
if ($note-style != 'modern')
border-left-color: $note-default-border
h2, h3, h4, h5, h6
color: $note-default-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-default-icon
if ($note-style != 'modern')
color: $note-default-text
&.primary
if ($note-style == 'flat')
background-color: $note-primary-bg
if ($note-style == 'modern')
background-color: $note-modern-primary-bg
border-color: $note-modern-primary-border
color: $note-modern-primary-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-primary-text
color: $note-modern-primary-text
&:hover
border-bottom: 1px solid $note-modern-primary-hover
color: $note-modern-primary-hover
if ($note-style != 'modern')
border-left-color: $note-primary-border
h2, h3, h4, h5, h6
color: $note-primary-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-primary-icon
if ($note-style != 'modern')
color: $note-primary-text
&.info
if ($note-style == 'flat')
background-color: $note-info-bg
if ($note-style == 'modern')
background-color: $note-modern-info-bg
border-color: $note-modern-info-border
color: $note-modern-info-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-info-text
color: $note-modern-info-text
&:hover
border-bottom: 1px solid $note-modern-info-hover
color: $note-modern-info-hover
if ($note-style != 'modern')
border-left-color: $note-info-border
h2, h3, h4, h5, h6
color: $note-info-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-info-icon
if ($note-style != 'modern')
color: $note-info-text
&.success
if ($note-style == 'flat')
background-color: $note-success-bg
if ($note-style == 'modern')
background-color: $note-modern-success-bg
border-color: $note-modern-success-border
color: $note-modern-success-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-success-text
color: $note-modern-success-text
&:hover
border-bottom: 1px solid $note-modern-success-hover
color: $note-modern-success-hover
if ($note-style != 'modern')
border-left-color: $note-success-border
h2, h3, h4, h5, h6
color: $note-success-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-success-icon
if ($note-style != 'modern')
color: $note-success-text
&.warning
if ($note-style == 'flat')
background-color: $note-warning-bg
if ($note-style == 'modern')
background-color: $note-modern-warning-bg
border-color: $note-modern-warning-border
color: $note-modern-warning-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-warning-text
color: $note-modern-warning-text
&:hover
border-bottom: 1px solid $note-modern-warning-hover
color: $note-modern-warning-hover
if ($note-style != 'modern')
border-left-color: $note-warning-border
h2, h3, h4, h5, h6
color: $note-warning-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-warning-icon
if ($note-style != 'modern')
color: $note-warning-text
&.danger
if ($note-style == 'flat')
background-color: $note-danger-bg
if ($note-style == 'modern')
background-color: $note-modern-danger-bg
border-color: $note-modern-danger-border
color: $note-modern-danger-text
a, span.exturl
&:not(.btn)
border-bottom: 1px solid $note-modern-danger-text
color: $note-modern-danger-text
&:hover
border-bottom: 1px solid $note-modern-danger-hover
color: $note-modern-danger-hover
if ($note-style != 'modern')
border-left-color: $note-danger-border
h2, h3, h4, h5, h6
color: $note-danger-text
if ($note-icons)
&:not(.no-icon)
&::before
content: $note-danger-icon
if ($note-style != 'modern')
color: $note-danger-text

1
source/css/_layout/pagination.styl
View File

@@ -25,7 +25,6 @@
img.prev_cover, img.next_cover
position: absolute
padding: 0
z-index: 50
top: 0
left: 0
width: 100%

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

@@ -249,7 +249,7 @@ img
@media screen and (max-width: 900px)
@media screen and (max-width: 1024px)
.layout
margin: 0 15px
width: auto

57
source/css/_layout/post_bottom.styl Normal file
View File

@@ -0,0 +1,57 @@
#post_bottom
position: fixed
bottom: -50px
background: alpha($white, 0.8)
width: 100%
border: none
box-shadow: 0 -5px 6px -5px alpha($grey, 0.6)
display: none
transition: all .2s
cursor: pointer
&.toc_mobile_show
bottom: 0
#to_comment,#mobile_toc
width: 50%
text-align: center
font-size: 18px
padding: 7px 0
display: inline-block
color: $light-black
a
text-decoration: none
color: $light-black
#toc_mobile
box-shadow: 0 0 4px alpha($grey, 0.6)
background: $white
width: 50%
height: 70%
position: fixed
bottom: 65px
right: 10px
overflow: scroll
padding: 15px 10px
font-size: 15px
border-radius: 10px
display: none
ol,li
list-style: none
padding: 0 0 0 5px
margin: 0
a
&:hover
color: $light-blue
.toc_mobile_headline
text-align: center
font-size: 18px
font-weight: bold
@media screen and (max-width:768px)
#post_bottom
display: block

40
source/css/_layout/z-other.styl
View File

@@ -1,12 +1,10 @@
#recent-posts
width: 75%
.recent-post-item
padding: 0
box-shadow: 0 4px 8px 6px rgba(7,17,27,0.06)
border-radius: 8px
-webkit-transition: all 0.3s
-moz-transition: all 0.3s
-o-transition: all 0.3s
-ms-transition: all 0.3s
transition: all 0.3s
background: #fff
margin-top: 20px
@@ -34,9 +32,6 @@
height: 280px
overflow: hidden
img.post_bg
border: 0
transition: all .6s
@@ -130,8 +125,6 @@ a.article-meta__categories
align-items: flex-start
padding: 0 15px
#recent-posts
width: 75%
#page,.category-content,.flink
padding: 40px 44px 44px
@@ -155,12 +148,18 @@ a.article-meta__categories
#site-title
font-family: PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
@media screen and (max-width: 900px)
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
width: 100% !important
@media screen and (min-width: 900px)
if hexo-config("aside.position") == "left"
#recent-posts
order: 2
// .recent-post-info
// padding: 40px 30px 20px
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
order: 2
@media screen and (max-width: 900px)
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
width: 100% !important
@media screen and (max-width:768px)
@@ -209,15 +208,7 @@ a.article-meta__categories
#aside_content
display: none !important
// .card_widget
// box-shadow: none
// border-radius: 0
// border-top: 1px dashed #a4d8fa
// &:hover
// box-shadow: none
.category-lists
padding: 0
@@ -282,14 +273,9 @@ footer
@keyframes pulse{
0%,to{
// -ms-filter:"alpha(opacity=40)"
// filter:alpha(opacity=40)
opacity:.4
top:0}
50%{
// -ms-filter:none
// -webkit-filter:none
// filter:none
opacity:1
top:-16px}
}