feat: 只支持 hexo 5.0.0 及以上版本

feat: toc改為aside顯示,去掉sidebar
feat: 手機toc ui 修改
feat: 去掉 toc auto_open 配置
feat: 文章標題改為居中
improvement: 完善note標籤在readmode上的顯示
improvement: 精簡css 和 js
improvement: pjax 優化
fix: 修復當文章頁top_img設為false時,閲讀模式下文章內容不顯示的bugs
This commit is contained in:
Jerry
2020-10-11 18:25:58 +08:00
parent b078ebef14
commit 83b7232841
31 changed files with 291 additions and 506 deletions

View File

@@ -27,6 +27,7 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
--blockquote-bg: lighten(#121212, 10)
--reward-pop: lighten(#121212, 10)
--sidebar-icon-color: alpha(#FFFFFF, .7)
--toc-link-color: alpha(#FFFFFF, .6)
#web_bg:before,
#footer:before,

View File

@@ -12,18 +12,21 @@ if hexo-config('readmode')
[data-theme='dark']
.read-mode
--font-color: rgba(255, 255, 255, .6)
--font-color: rgba(255, 255, 255, .7)
--readmode-light-color: #0d0d0d
--white: rgba(255, 255, 255, .8)
--light-grey: rgba(255, 255, 255, .6)
--gray: rgba(255, 255, 255, .6)
--hr-border: rgba(255, 255, 255, .3)
--hr-before-color: rgba(255, 255, 255, .6)
--white: rgba(255, 255, 255, .9)
--light-grey: rgba(255, 255, 255, .7)
--gray: rgba(255, 255, 255, .7)
--hr-border: rgba(255, 255, 255, .5)
--hr-before-color: rgba(255, 255, 255, .7)
-highlight-bg: #171717
.read-mode
background: var(--readmode-light-color)
#aside_content
display: none
#body-wrap
padding-left: 0 !important
@@ -38,23 +41,21 @@ if hexo-config('readmode')
padding: 0
text-align: center
.layout_post
> #post
background: transparent
box-shadow: none
#post
margin: 0 auto
background: transparent
box-shadow: none
&:hover
box-shadow: none
&:hover
box-shadow: none
& > canvas
display: none !important
.highlight-tools,
#footer,
#post > *:not(:first-child),
#post > *:not(#post-info):not(.post-content),
#to_comment,
#sidebar,
#toggle-sidebar,
#mobile-toc-button,
#nav,
.post-outdate-notice,
@@ -179,6 +180,7 @@ if hexo-config('readmode')
.note
border: 2px solid var(--gray)
border-left-color: var(--gray) !important
filter: none
background-color: var(--readmode-light-color)
background-color: var(--readmode-light-color) !important
color: var(--font-color)