hexo-theme-solitude 1.2.1 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_config.yml +18 -2
- package/layout/includes/head/config.pug +1 -1
- package/layout/includes/inject/body.pug +2 -3
- package/layout/includes/inject/head.pug +3 -1
- package/layout/includes/page/equipment.pug +1 -1
- package/layout/includes/page/moments.pug +1 -1
- package/layout/includes/page/says.pug +1 -1
- package/layout/includes/page/tlink.pug +1 -1
- package/layout/includes/widgets/aside/asideTag.pug +1 -1
- package/layout/includes/widgets/home/categoryBar.pug +1 -1
- package/layout/includes/widgets/home/postList.pug +20 -21
- package/layout/includes/widgets/third-party/search/algolia-search.pug +2 -4
- package/layout/includes/widgets/third-party/search/local-search.pug +2 -4
- package/layout/index.pug +2 -1
- package/package.json +1 -1
- package/scripts/filter/default.js +27 -21
- package/source/css/_global/index.styl +1 -45
- package/source/css/_global/var.styl +10 -1
- package/source/css/_mode/index.styl +49 -5
- package/source/css/_page/about.styl +0 -109
- package/source/css/_page/equipment.styl +0 -7
- package/source/css/_page/index.styl +110 -1
- package/source/css/_page/moment.styl +0 -7
- package/source/css/_page/says.styl +0 -6
- package/source/css/_search/algolia-search.styl +56 -108
- package/source/css/_search/local-search.styl +131 -112
- package/source/js/extend/{console/comment.js → comment/twikoo.js} +0 -1
- package/source/js/extend/search/algolia-search.js +146 -122
- package/source/js/extend/search/local-search.js +137 -162
- package/source/js/utils.js +30 -1
package/_config.yml
CHANGED
@@ -259,12 +259,14 @@ page:
|
|
259
259
|
tags: true # 标签页
|
260
260
|
categories: true # 分类页
|
261
261
|
default: # 默认值
|
262
|
-
cover:
|
262
|
+
cover:
|
263
|
+
- /img/default.png # 默认图片
|
263
264
|
|
264
265
|
# 文章页默认设置
|
265
266
|
post:
|
266
267
|
default:
|
267
|
-
cover:
|
268
|
+
cover:
|
269
|
+
- /img/default.png # 默认图片
|
268
270
|
locate: 衡阳
|
269
271
|
copyright:
|
270
272
|
enable: true
|
@@ -334,6 +336,19 @@ loading:
|
|
334
336
|
fullpage: false # 全局加载动画
|
335
337
|
pace: false # 顶部加载动画
|
336
338
|
|
339
|
+
# 用于自定义的主题颜色
|
340
|
+
# 注意:颜色值必须使用引号,如“#000”,否则可能会导致错误!
|
341
|
+
# --------------------------------------
|
342
|
+
theme_color:
|
343
|
+
dark: "#f2b94b" # 暗色模式
|
344
|
+
dark_op: '#f2b94b23' # 暗色模式透明
|
345
|
+
dark_op_deep: '#f2b94b4d' # 暗色模式透明深色
|
346
|
+
dark_none: '#f2b94b00' # 暗色模式透明无色
|
347
|
+
light: "#bdbdf0" # 亮色模式
|
348
|
+
light_op: '#4259ef23' # 亮色模式透明
|
349
|
+
light_op_deep: '#eccec5' # 亮色模式透明深色
|
350
|
+
light_none: '#4259ef01' # 亮色模式透明无色
|
351
|
+
|
337
352
|
# 第三方设置
|
338
353
|
thirdparty:
|
339
354
|
wordcount: false # 字数统计
|
@@ -486,6 +501,7 @@ cdn:
|
|
486
501
|
algoliajs: https://cdn.bootcdn.net/ajax/libs/algoliasearch/4.9.3/algoliasearch-lite.umd.min.js
|
487
502
|
pacejs: https://cdn.bootcdn.net/ajax/libs/pace/1.2.4/pace.min.js
|
488
503
|
echartsjs: https://cdn.bootcdn.net/ajax/libs/echarts/5.4.2/echarts.min.js
|
504
|
+
lunrjs: https://cdn.bootcdn.net/ajax/libs/lunr.js/2.3.9/lunr.min.js
|
489
505
|
body:
|
490
506
|
viewimagejs: /lib/view-image.min.js
|
491
507
|
waterfalljs: /lib/waterfall.min.js
|
@@ -54,9 +54,8 @@ if theme.aside.welcome.enable
|
|
54
54
|
script(src='/js/txmap.js')
|
55
55
|
|
56
56
|
if theme.comment.enable
|
57
|
-
script(src='/js/extend/console/comment.js')
|
58
|
-
|
59
57
|
if theme.comment.type === 'twikoo'
|
58
|
+
script(src='/js/extend/comment/twikoo.js')
|
60
59
|
script(src='/js/commentBarrage.js')
|
61
60
|
|
62
61
|
// pjax
|
@@ -65,4 +64,4 @@ include ../widgets/third-party/pjax.pug
|
|
65
64
|
// inject custom body
|
66
65
|
if theme.extends.body
|
67
66
|
each item in theme.extends.body
|
68
|
-
|
67
|
+
!= item
|
@@ -26,6 +26,8 @@ if theme.thirdparty.search.enable
|
|
26
26
|
if theme.thirdparty.search.type === 'algolia'
|
27
27
|
script(src=url_for(cdn.instantsearch))
|
28
28
|
script(src=url_for(cdn.algoliajs))
|
29
|
+
else if theme.thirdparty.search.type === 'local'
|
30
|
+
script(src=url_for(cdn.lunrjs))
|
29
31
|
|
30
32
|
// aplayer
|
31
33
|
if theme.thirdparty.aplayer.enable
|
@@ -38,7 +40,7 @@ if theme.says.home_mini || theme.aside.history.enable
|
|
38
40
|
// custom inject
|
39
41
|
if theme.extends.head
|
40
42
|
each item in theme.extends.head
|
41
|
-
item
|
43
|
+
!= item
|
42
44
|
|
43
45
|
// post-ai
|
44
46
|
if theme.thirdparty.ai.enable
|
@@ -1,7 +1,7 @@
|
|
1
1
|
.category-bar-items#category-bar-items
|
2
2
|
.category-bar-item(class=is_home() ? 'select' : '', id="category-bar-home")
|
3
3
|
a(href="/") 首页
|
4
|
-
each item in site.
|
4
|
+
each item in site.categories.find({ parent: { $exists: false } }).data
|
5
5
|
.category-bar-item(class=select ? (select === item.name ? 'select' : '') : '', id=item.name)
|
6
6
|
a(href=url_for(item.path))= item.name
|
7
7
|
if site.categories.length > 10
|
@@ -1,26 +1,25 @@
|
|
1
|
-
|
2
|
-
div
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
div.recent-post-info
|
7
|
-
div.recent-post-info-top
|
8
|
-
|
9
|
-
|
10
|
-
span(class="original")= category.name
|
1
|
+
div(class="recent-post-item" onclick="pjax.loadUrl('/" + post.path + "')")
|
2
|
+
div.post_cover.left_radius
|
3
|
+
a(href=url_for(post.path), title=post.title)
|
4
|
+
img(src=url_for(post.cover), alt=post.title, class="post_bg")
|
5
|
+
div.recent-post-info
|
6
|
+
div.recent-post-info-top
|
7
|
+
div.recent-post-info-top-tips
|
8
|
+
each category in post.categories.data
|
9
|
+
span(class="original")= category.name
|
11
10
|
|
12
|
-
|
13
|
-
|
11
|
+
if post.prev == null && is_home()
|
12
|
+
span(class="original")="最新"
|
14
13
|
|
15
|
-
|
14
|
+
a(class="unvisited-post" href=url_for(post.path), data-pjax-state)= "未读"
|
16
15
|
|
17
|
-
|
16
|
+
a(class="article-title" href=url_for(post.path), data-pjax-state, title=post.title)= post.title
|
18
17
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
18
|
+
div.article-meta-wrap
|
19
|
+
span.article-meta.tags
|
20
|
+
each tag in post.tags.data
|
21
|
+
a(class="article-meta__tags" href=url_for(tag.path), data-pjax-state, onclick="window.event.cancelable=true")
|
22
|
+
span.tags-punctuation=tag.name
|
24
23
|
|
25
|
-
|
26
|
-
|
24
|
+
span.post-meta-date
|
25
|
+
time(datetime=moment(post.date))
|
@@ -5,12 +5,10 @@ div#algolia-search
|
|
5
5
|
div#algolia-search-input
|
6
6
|
div#search-results
|
7
7
|
div#algolia-hits
|
8
|
+
div#algolia-tips
|
8
9
|
div#algolia-pagination
|
9
10
|
div#algolia-stats
|
10
|
-
|
11
|
-
div#algolia-tips
|
12
|
-
i.scoicon.sco-algolia-fill
|
13
|
-
span.algolia-tips-text= "Algolia 提供搜索服务"
|
11
|
+
#algolia-poweredBy
|
14
12
|
span.search-close-button
|
15
13
|
i.scoicon.sco-close-fill
|
16
14
|
div#search-mask
|
@@ -4,12 +4,10 @@ div#local-search
|
|
4
4
|
span.search-dialog-title 搜索
|
5
5
|
button.search-close-button
|
6
6
|
i.scoicon.sco-close-fill
|
7
|
-
div#loading-database
|
8
|
-
i.scoicon.sco-loading-line
|
9
|
-
span 加载中
|
10
7
|
div.search-wrap
|
11
8
|
div.search-box
|
12
9
|
input.search-box-input(type="text", id="search-input", autocomplete="off", spellcheck="false", autocorrect="off", autocapitalize="off", placeholder=__('search.placeholder'))
|
13
|
-
div#loading-status
|
14
10
|
div#search-results
|
11
|
+
div#search-pagination
|
12
|
+
div#search-tips
|
15
13
|
div#search-mask
|
package/layout/index.pug
CHANGED
@@ -11,7 +11,8 @@ block content
|
|
11
11
|
div#category-bar
|
12
12
|
include ./includes/widgets/home/categoryBar.pug
|
13
13
|
|
14
|
-
|
14
|
+
for post in page.posts.sort('-date').data
|
15
|
+
include ./includes/widgets/home/postList.pug
|
15
16
|
|
16
17
|
// pageination
|
17
18
|
include ./includes/mixins/pagination.pug
|
package/package.json
CHANGED
@@ -1,23 +1,29 @@
|
|
1
1
|
'use strict';
|
2
2
|
|
3
|
-
hexo.extend.filter.register('after_post_render', function(data){
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
});
|
3
|
+
hexo.extend.filter.register('after_post_render', function (data) {
|
4
|
+
const config = hexo.theme.config
|
5
|
+
data.title = data.title || '无标题';
|
6
|
+
if (data.layout === 'post') {
|
7
|
+
data.locate = data.locate || config.post.default.locate
|
8
|
+
data.cc = data.cc || config.post.default.copyright
|
9
|
+
data.cover = data.cover || config.post.default.cover[getRandomInt(0, config.post.default.cover.length)]
|
10
|
+
data.excerpt = data.description || data.excerpt
|
11
|
+
if (config.aside.toc.post && data.toc !== false) data.toc = true
|
12
|
+
else data.toc = false
|
13
|
+
}
|
14
|
+
if (data.layout === 'page') {
|
15
|
+
data.cover = data.cover || config.page.default.cover[getRandomInt(0, config.post.default.cover.length)]
|
16
|
+
data.excerpt = data.title
|
17
|
+
if (config.aside.toc.page && data.toc !== false && data.aside) data.toc = true
|
18
|
+
else data.toc = false
|
19
|
+
}
|
20
|
+
if (config.comment.enable && data.comment !== false) data.comment = true
|
21
|
+
else data.comment = false
|
22
|
+
return data;
|
23
|
+
});
|
24
|
+
|
25
|
+
function getRandomInt(min, max) {
|
26
|
+
min = Math.ceil(min);
|
27
|
+
max = Math.floor(max);
|
28
|
+
return Math.floor(Math.random() * (max - min)) + min;
|
29
|
+
}
|
@@ -73,48 +73,4 @@
|
|
73
73
|
|
74
74
|
+maxWidth768()
|
75
75
|
--style-border 0px solid var(--sco-none) !important
|
76
|
-
--style-border-hover 0px solid var(--sco-main) !important
|
77
|
-
|
78
|
-
[data-theme=light]
|
79
|
-
--sco-theme #bdbdf0
|
80
|
-
--sco-theme-op #4259ef23
|
81
|
-
--sco-theme-op-deep #eccec5
|
82
|
-
--sco-theme-op-light #4259ef0d
|
83
|
-
--sco-theme-none #4259ef01
|
84
|
-
--sco-blue #425aef
|
85
|
-
--sco-red #f04a63
|
86
|
-
--sco-pink #ff7c7c
|
87
|
-
--sco-green #57bd6a
|
88
|
-
--sco-yellow #c28b00
|
89
|
-
--sco-yellow-op #d99c001a
|
90
|
-
--sco-orange #e38100
|
91
|
-
--sco-purple #7a60d2
|
92
|
-
--sco-fontcolor #363636
|
93
|
-
--sco-background #f7f9fe
|
94
|
-
--sco-reverse #000
|
95
|
-
--sco-maskbg rgba(255, 255, 255, 0.6)
|
96
|
-
--sco-maskbgdeep rgba(255, 255, 255, 0.85)
|
97
|
-
--sco-hovertext var(--sco-main)
|
98
|
-
--sco-ahoverbg #f7f7fa
|
99
|
-
--sco-lighttext var(--sco-main)
|
100
|
-
--sco-secondtext rgba(60, 60, 67, 0.8)
|
101
|
-
--sco-scrollbar rgba(60, 60, 67, 0.4)
|
102
|
-
--sco-card-btn-bg #edf0f7
|
103
|
-
--sco-post-blockquote-bg #fafcff
|
104
|
-
--sco-post-tabs-bg #f2f5f8
|
105
|
-
--sco-secondbg #f7f7f9
|
106
|
-
--sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
|
107
|
-
--sco-card-bg #fff
|
108
|
-
--sco-card-bg-op var(--sco-black-op)
|
109
|
-
--sco-card-bg-none rgba(255, 255, 255, 0)
|
110
|
-
--sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
|
111
|
-
--sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
|
112
|
-
--sco-card-border #e3e8f7
|
113
|
-
--sco-shadow-border 0 8px 16px -4px #2c2d300c
|
114
|
-
--style-border 1px solid var(--sco-card-border)
|
115
|
-
--style-border-always 1px solid var(--sco-card-border)
|
116
|
-
--style-border-hover 1px solid var(--sco-main)
|
117
|
-
--style-border-hover-always 1px solid var(--sco-main)
|
118
|
-
--style-border-dashed 1px dashed var(--sco-theme-op)
|
119
|
-
--style-border-forever 2px solid var(--sco-main)
|
120
|
-
--sco-navbg var(--sco-theme-op)
|
76
|
+
--style-border-hover 0px solid var(--sco-main) !important
|
@@ -1 +1,10 @@
|
|
1
|
-
error_img = hexo-config('errorpage.img')
|
1
|
+
error_img = hexo-config('errorpage.img')
|
2
|
+
|
3
|
+
$dark_theme = convert(hexo-config('theme_color.dark'))
|
4
|
+
$dark_theme_op = convert(hexo-config('theme_color.dark_op'))
|
5
|
+
$dark_theme_op_deep = convert(hexo-config('theme_color.dark_op_deep'))
|
6
|
+
$dark_theme_none = hexo-config('theme_color.dark_none')
|
7
|
+
$light_theme = convert(hexo-config('theme_color.light'))
|
8
|
+
$light_theme_op = convert(hexo-config('theme_color.light_op'))
|
9
|
+
$light_theme_op_deep = convert(hexo-config('theme_color.light_op_deep'))
|
10
|
+
$light_theme_none = hexo-config('theme_color.light_none')
|
@@ -1,8 +1,8 @@
|
|
1
1
|
[data-theme=dark]
|
2
|
-
--sco-theme
|
3
|
-
--sco-theme-op
|
4
|
-
--sco-theme-op-deep
|
5
|
-
--sco-theme-none
|
2
|
+
--sco-theme $dark_theme
|
3
|
+
--sco-theme-op $dark_theme_op
|
4
|
+
--sco-theme-op-deep $dark_theme_op_deep
|
5
|
+
--sco-theme-none $dark_theme_none
|
6
6
|
--sco-blue #0084ff
|
7
7
|
--sco-red #ff3842
|
8
8
|
--sco-pink #d44040
|
@@ -49,4 +49,48 @@
|
|
49
49
|
a
|
50
50
|
&.darkmode_switchbutton
|
51
51
|
background var(--sco-orange) !important
|
52
|
-
color var(--sco-white) !important
|
52
|
+
color var(--sco-white) !important
|
53
|
+
|
54
|
+
[data-theme=light]
|
55
|
+
--sco-theme $light_theme
|
56
|
+
--sco-theme-op $light_theme_op
|
57
|
+
--sco-theme-op-deep $light_theme_op_deep
|
58
|
+
--sco-theme-op-light #4259ef0d
|
59
|
+
--sco-theme-none $light_theme_none
|
60
|
+
--sco-blue #425aef
|
61
|
+
--sco-red #f04a63
|
62
|
+
--sco-pink #ff7c7c
|
63
|
+
--sco-green #57bd6a
|
64
|
+
--sco-yellow #c28b00
|
65
|
+
--sco-yellow-op #d99c001a
|
66
|
+
--sco-orange #e38100
|
67
|
+
--sco-purple #7a60d2
|
68
|
+
--sco-fontcolor #363636
|
69
|
+
--sco-background #f7f9fe
|
70
|
+
--sco-reverse #000
|
71
|
+
--sco-maskbg rgba(255, 255, 255, 0.6)
|
72
|
+
--sco-maskbgdeep rgba(255, 255, 255, 0.85)
|
73
|
+
--sco-hovertext var(--sco-main)
|
74
|
+
--sco-ahoverbg #f7f7fa
|
75
|
+
--sco-lighttext var(--sco-main)
|
76
|
+
--sco-secondtext rgba(60, 60, 67, 0.8)
|
77
|
+
--sco-scrollbar rgba(60, 60, 67, 0.4)
|
78
|
+
--sco-card-btn-bg #edf0f7
|
79
|
+
--sco-post-blockquote-bg #fafcff
|
80
|
+
--sco-post-tabs-bg #f2f5f8
|
81
|
+
--sco-secondbg #f7f7f9
|
82
|
+
--sco-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
|
83
|
+
--sco-card-bg #fff
|
84
|
+
--sco-card-bg-op var(--sco-black-op)
|
85
|
+
--sco-card-bg-none rgba(255, 255, 255, 0)
|
86
|
+
--sco-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
|
87
|
+
--sco-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
|
88
|
+
--sco-card-border #e3e8f7
|
89
|
+
--sco-shadow-border 0 8px 16px -4px #2c2d300c
|
90
|
+
--style-border 1px solid var(--sco-card-border)
|
91
|
+
--style-border-always 1px solid var(--sco-card-border)
|
92
|
+
--style-border-hover 1px solid var(--sco-main)
|
93
|
+
--style-border-hover-always 1px solid var(--sco-main)
|
94
|
+
--style-border-dashed 1px dashed var(--sco-theme-op)
|
95
|
+
--style-border-forever 2px solid var(--sco-main)
|
96
|
+
--sco-navbg var(--sco-theme-op)
|
@@ -703,28 +703,6 @@
|
|
703
703
|
.author-content-item
|
704
704
|
animation slide-in .6s 0s backwards
|
705
705
|
|
706
|
-
.author-content-item
|
707
|
-
.content-bottom
|
708
|
-
margin-top auto
|
709
|
-
display flex
|
710
|
-
align-items center
|
711
|
-
justify-content space-between
|
712
|
-
|
713
|
-
.icon-group
|
714
|
-
display flex
|
715
|
-
|
716
|
-
i
|
717
|
-
display inline-block
|
718
|
-
width 22px
|
719
|
-
height 18px
|
720
|
-
margin-right .5rem
|
721
|
-
|
722
|
-
.icon-pos-sup
|
723
|
-
background url(https://bu.dusays.com/2023/03/12/640dc913ee26b.webp)
|
724
|
-
|
725
|
-
.icon-pos-mid
|
726
|
-
background url(https://bu.dusays.com/2023/03/12/640dc931a2cd4.webp)
|
727
|
-
|
728
706
|
.author-content-item
|
729
707
|
&.game-jl
|
730
708
|
width 39%
|
@@ -770,70 +748,6 @@
|
|
770
748
|
top 0
|
771
749
|
left 0
|
772
750
|
|
773
|
-
.card-content
|
774
|
-
position absolute
|
775
|
-
width 100%
|
776
|
-
height 100%
|
777
|
-
top 0
|
778
|
-
left 0
|
779
|
-
z-index 2
|
780
|
-
display flex
|
781
|
-
flex-direction column
|
782
|
-
padding 1rem 2rem
|
783
|
-
|
784
|
-
.author-content-item-title
|
785
|
-
margin-bottom .5rem
|
786
|
-
|
787
|
-
.banner-button-group
|
788
|
-
position absolute
|
789
|
-
bottom 1.5rem
|
790
|
-
right 2rem
|
791
|
-
|
792
|
-
.banner-button
|
793
|
-
height 40px
|
794
|
-
width 118px
|
795
|
-
border-radius 20px
|
796
|
-
justify-content center
|
797
|
-
background var(--sco-black-op)
|
798
|
-
color var(--sco-white)
|
799
|
-
display flex
|
800
|
-
align-items center
|
801
|
-
z-index 1
|
802
|
-
transition .3s
|
803
|
-
cursor pointer
|
804
|
-
backdrop-filter saturate(180%) blur(20px)
|
805
|
-
-webkit-backdrop-filter blur(20px)
|
806
|
-
transform translateZ(0)
|
807
|
-
|
808
|
-
&:hover
|
809
|
-
background var(--sco-main)
|
810
|
-
color var(--sco-white)
|
811
|
-
|
812
|
-
i
|
813
|
-
margin-right 8px
|
814
|
-
font-size 22px
|
815
|
-
|
816
|
-
@media screen and (max-width: 768px)
|
817
|
-
.author-content-item
|
818
|
-
.card-content
|
819
|
-
.banner-button-group
|
820
|
-
right 1rem
|
821
|
-
bottom 1rem
|
822
|
-
|
823
|
-
.banner-button-group
|
824
|
-
.banner-button
|
825
|
-
background 0 0 !important
|
826
|
-
color var(--sco-white)
|
827
|
-
padding 0
|
828
|
-
width fit-content
|
829
|
-
|
830
|
-
i
|
831
|
-
margin-right 0
|
832
|
-
font-size 1.5rem
|
833
|
-
|
834
|
-
.banner-button-text
|
835
|
-
display none
|
836
|
-
|
837
751
|
.author-content-item
|
838
752
|
&.single.like-movie
|
839
753
|
height 19rem
|
@@ -877,29 +791,6 @@ video.author-content-video
|
|
877
791
|
width 49%
|
878
792
|
justify-content space-between
|
879
793
|
|
880
|
-
.author-content-item
|
881
|
-
width 49%
|
882
|
-
border-radius 12px
|
883
|
-
background var(--sco-card-bg)
|
884
|
-
border var(--style-border-always)
|
885
|
-
box-shadow var(--sco-shadow-border)
|
886
|
-
position relative
|
887
|
-
padding 1rem 2rem
|
888
|
-
overflow hidden
|
889
|
-
|
890
|
-
&.single
|
891
|
-
width 100%
|
892
|
-
|
893
|
-
.author-content-item-title
|
894
|
-
font-size 36px
|
895
|
-
font-weight 700
|
896
|
-
line-height 1
|
897
|
-
|
898
|
-
.author-content-item-tips
|
899
|
-
opacity .8
|
900
|
-
font-size .6rem
|
901
|
-
margin-bottom .5rem
|
902
|
-
|
903
794
|
@media screen and (max-width: 768px)
|
904
795
|
.author-content-item
|
905
796
|
width 100% !important
|
@@ -19,4 +19,113 @@ if hexo-config('says.enable')
|
|
19
19
|
@import "tag.styl"
|
20
20
|
|
21
21
|
if hexo-config('about.enable')
|
22
|
-
@import "about.styl"
|
22
|
+
@import "about.styl"
|
23
|
+
|
24
|
+
.author-content.author-content-item.sharePage
|
25
|
+
height 19rem
|
26
|
+
background-size cover
|
27
|
+
color var(--sco-white)
|
28
|
+
overflow hidden
|
29
|
+
margin-top 0
|
30
|
+
|
31
|
+
.author-content-item
|
32
|
+
width 49%
|
33
|
+
border-radius 12px
|
34
|
+
background var(--sco-card-bg)
|
35
|
+
border var(--style-border-always)
|
36
|
+
box-shadow var(--sco-shadow-border)
|
37
|
+
position relative
|
38
|
+
padding 1rem 2rem
|
39
|
+
overflow hidden
|
40
|
+
|
41
|
+
&.single
|
42
|
+
width 100%
|
43
|
+
|
44
|
+
.author-content-item-title
|
45
|
+
font-size 36px
|
46
|
+
font-weight 700
|
47
|
+
line-height 1
|
48
|
+
|
49
|
+
.author-content-item-tips
|
50
|
+
opacity .8
|
51
|
+
font-size .6rem
|
52
|
+
margin-bottom .5rem
|
53
|
+
|
54
|
+
.content-bottom
|
55
|
+
margin-top auto
|
56
|
+
display flex
|
57
|
+
align-items center
|
58
|
+
justify-content space-between
|
59
|
+
|
60
|
+
.icon-group
|
61
|
+
display flex
|
62
|
+
|
63
|
+
i
|
64
|
+
display inline-block
|
65
|
+
width 22px
|
66
|
+
height 18px
|
67
|
+
margin-right .5rem
|
68
|
+
|
69
|
+
.card-content
|
70
|
+
position absolute
|
71
|
+
width 100%
|
72
|
+
height 100%
|
73
|
+
top 0
|
74
|
+
left 0
|
75
|
+
z-index 2
|
76
|
+
display flex
|
77
|
+
flex-direction column
|
78
|
+
padding 1rem 2rem
|
79
|
+
|
80
|
+
.author-content-item-title
|
81
|
+
margin-bottom .5rem
|
82
|
+
|
83
|
+
.banner-button-group
|
84
|
+
position absolute
|
85
|
+
bottom 1.5rem
|
86
|
+
right 2rem
|
87
|
+
|
88
|
+
.banner-button
|
89
|
+
height 40px
|
90
|
+
width 118px
|
91
|
+
border-radius 20px
|
92
|
+
justify-content center
|
93
|
+
background var(--sco-black-op)
|
94
|
+
color var(--sco-white)
|
95
|
+
display flex
|
96
|
+
align-items center
|
97
|
+
z-index 1
|
98
|
+
transition .3s
|
99
|
+
cursor pointer
|
100
|
+
backdrop-filter saturate(180%) blur(20px)
|
101
|
+
-webkit-backdrop-filter blur(20px)
|
102
|
+
transform translateZ(0)
|
103
|
+
|
104
|
+
&:hover
|
105
|
+
background var(--sco-main)
|
106
|
+
color var(--sco-white)
|
107
|
+
|
108
|
+
i
|
109
|
+
margin-right 8px
|
110
|
+
font-size 22px
|
111
|
+
|
112
|
+
@media screen and (max-width: 768px)
|
113
|
+
.author-content-item
|
114
|
+
.card-content
|
115
|
+
.banner-button-group
|
116
|
+
right 1rem
|
117
|
+
bottom 1rem
|
118
|
+
|
119
|
+
.banner-button-group
|
120
|
+
.banner-button
|
121
|
+
background 0 0 !important
|
122
|
+
color var(--sco-white)
|
123
|
+
padding 0
|
124
|
+
width fit-content
|
125
|
+
|
126
|
+
i
|
127
|
+
margin-right 0
|
128
|
+
font-size 1.5rem
|
129
|
+
|
130
|
+
.banner-button-text
|
131
|
+
display none
|