hexo-theme-solitude 1.12.0 → 1.12.2

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.
Files changed (50) hide show
  1. package/.github/logo.svg +18 -42
  2. package/README.md +7 -16
  3. package/README_en-US.md +7 -17
  4. package/README_zh-Hant.md +13 -23
  5. package/_config.yml +27 -23
  6. package/languages/default.yml +14 -0
  7. package/languages/en.yml +14 -1
  8. package/languages/zh-CN.yml +13 -0
  9. package/languages/zh-TW.yml +13 -0
  10. package/layout/includes/body/mode.pug +3 -3
  11. package/layout/includes/inject/body.pug +2 -0
  12. package/layout/includes/inject/head.pug +2 -1
  13. package/layout/includes/widgets/home/carousel.pug +18 -1
  14. package/layout/includes/widgets/home/postList.pug +4 -3
  15. package/layout/includes/widgets/page/about/other.pug +71 -70
  16. package/layout/includes/widgets/post/copyright.pug +46 -0
  17. package/layout/includes/widgets/post/postMeta.pug +1 -1
  18. package/layout/includes/widgets/post/postNav.pug +4 -4
  19. package/layout/includes/widgets/third-party/news-comment/twikoo.pug +1 -0
  20. package/layout/includes/widgets/third-party/news-comment/valine.pug +1 -0
  21. package/layout/includes/widgets/third-party/news-comment/waline.pug +1 -0
  22. package/layout/post.pug +0 -22
  23. package/package.json +1 -1
  24. package/plugins.yml +6 -1
  25. package/scripts/event/merge_config.js +1 -0
  26. package/scripts/filter/post_image.js +13 -0
  27. package/scripts/helper/page.js +6 -2
  28. package/scripts/tags/btns.js +35 -0
  29. package/source/css/_global/index.styl +1 -0
  30. package/source/css/_highlight/color.styl +69 -131
  31. package/source/css/_highlight/highlight/diff.styl +34 -62
  32. package/source/css/_highlight/prismjs/diff.styl +60 -59
  33. package/source/css/_layout/article-container.styl +1 -5
  34. package/source/css/_layout/recent-post.styl +19 -7
  35. package/source/css/_page/_home/carousel.styl +2 -0
  36. package/source/css/_page/music.styl +8 -1
  37. package/source/css/_page/other.styl +1 -0
  38. package/source/css/_post/commentBarrage.styl +2 -11
  39. package/source/css/_post/copyright.styl +129 -2
  40. package/source/css/_post/meta.styl +1 -31
  41. package/source/css/_post/pagination.styl +13 -0
  42. package/source/css/_post/postAI.styl +2 -3
  43. package/source/css/_post/relatedPost.styl +115 -129
  44. package/source/css/_post/tools.styl +166 -274
  45. package/source/css/_tags/btns.styl +212 -0
  46. package/source/css/third_party/snackbar.min.css +1 -1
  47. package/source/css/third_party/tianli_talk.styl +16 -1
  48. package/source/js/main.js +97 -277
  49. package/source/js/music.js +1 -0
  50. package/source/js/right_menu.js +163 -136
package/source/css/_post/tools.styl CHANGED
@@ -1,44 +1,44 @@
1
1
  #post
2
2
  .post-tools
3
- display flex
4
- width 100%
5
- justify-content center
6
- margin-top 8px
7
- flex-wrap wrap
8
- user-select none
3
+ display: flex
4
+ width: 100%
5
+ justify-content: center
6
+ margin-top: 8px
7
+ flex-wrap: wrap
8
+ user-select: none
9
9
 
10
10
  .post-tools-left
11
- white-space nowrap
12
- display flex
13
- text-overflow ellipsis
14
- justify-content center
15
- flex-wrap wrap
11
+ white-space: nowrap
12
+ display: flex
13
+ text-overflow: ellipsis
14
+ justify-content: center
15
+ flex-wrap: wrap
16
16
 
17
17
  #quit-box
18
- position fixed
19
- width 100vw
20
- height 100vh
21
- background rgba(0, 0, 0, .2)
22
- top 0
23
- left 0
24
- opacity .01
25
- display none
26
- z-index 101
27
- margin 0
18
+ position: fixed
19
+ width: 100vw
20
+ height: 100vh
21
+ background: rgba(0, 0, 0, .2)
22
+ top: 0
23
+ left: 0
24
+ opacity: .01
25
+ display: none
26
+ z-index: 101
27
+ margin: 0
28
28
 
29
29
  +maxWidth768()
30
- height calc(100vh - 380px)
30
+ height: calc(100vh - 380px)
31
31
 
32
32
  // reward
33
33
  /.post-reward
34
- position relative
35
- text-align center
36
- display flex
37
- justify-content center
34
+ position: relative
35
+ text-align: center
36
+ display: flex
37
+ justify-content: center
38
38
 
39
39
  &:hover
40
40
  > .reward-main
41
- display block
41
+ display: block
42
42
 
43
43
  +minWidth768()
44
44
  > .reward-main
@@ -46,48 +46,48 @@
46
46
  justify-content: left
47
47
 
48
48
  .reward-button
49
- color var(--efu-white)
50
- background var(--efu-theme)
51
- box-shadow none
49
+ color: var(--efu-white)
50
+ background: var(--efu-theme)
51
+ box-shadow: none
52
52
 
53
53
  .reward-button
54
- background var(--efu-red)
55
- color var(--efu-white)
56
- padding 0 16px
57
- height 40px
58
- border-radius 8px
59
- line-height 39px
60
- box-shadow var(--efu-shadow-red)
61
- display inline-block
62
- cursor pointer
63
- transition all .4s ease 0s
54
+ background: var(--efu-red)
55
+ color: var(--efu-white)
56
+ padding: 0 16px
57
+ height: 40px
58
+ border-radius: 8px
59
+ line-height: 39px
60
+ box-shadow: var(--efu-shadow-red)
61
+ display: inline-block
62
+ cursor: pointer
63
+ transition: all .4s ease 0s
64
64
 
65
65
  i
66
- margin-right 4px
66
+ margin-right: 4px
67
67
 
68
68
  &:hover
69
- background-color var(--efu-theme)
69
+ background-color: var(--efu-theme)
70
70
 
71
71
  .reward-main
72
- animation .3s ease .1s 1 normal both running donate_effcet
73
- position absolute
74
- bottom 40px
75
- left -96px
76
- z-index 100
77
- display none
78
- padding 0 0 15px
79
- width fit-content
72
+ animation: .3s ease .1s 1 normal both running donate_effcet
73
+ position: absolute
74
+ bottom: 40px
75
+ left: -96px
76
+ z-index: 100
77
+ display: none
78
+ padding: 0 0 15px
79
+ width: fit-content
80
80
 
81
81
  +maxWidth768()
82
- justify-content center !important
83
- position fixed
84
- bottom 0
85
- left 0
86
- right 0
87
- z-index 1003
88
- width 100%
89
- margin auto
90
- padding 0
82
+ justify-content: center !important
83
+ position: fixed
84
+ bottom: 0
85
+ left: 0
86
+ right: 0
87
+ z-index: 1003
88
+ width: 100%
89
+ margin: auto
90
+ padding: 0
91
91
 
92
92
  .reward-all
93
93
  margin: 0
@@ -101,268 +101,160 @@
101
101
  align-items: center
102
102
 
103
103
  +maxWidth768()
104
- width 100%
105
- display flex
106
- flex-wrap wrap
107
- justify-content space-around
108
- padding 30px 10px 60px
109
- border-radius 12px 12px 0 0
104
+ width: 100%
105
+ display: flex
106
+ flex-wrap: wrap
107
+ justify-content: space-around
108
+ padding: 30px 10px 60px
109
+ border-radius: 12px 12px 0 0
110
110
 
111
111
  &::before
112
- position absolute
113
- bottom -10px
114
- left 0
115
- width 100%
116
- height 20px
117
- content ""
112
+ position: absolute
113
+ bottom: -10px
114
+ left: 0
115
+ width: 100%
116
+ height: 20px
117
+ content: ""
118
118
 
119
119
  .reward-title
120
- font-weight 700
121
- color var(--efu-red)
122
- text-wrap wrap
120
+ font-weight: 700
121
+ color: var(--efu-red)
122
+ text-wrap: wrap
123
123
 
124
124
  .reward-group
125
- display flex
126
- margin-top .5rem
125
+ display: flex
126
+ margin-top: .5rem
127
127
 
128
128
  .reward-item
129
- display inline-block
130
- padding 0 8px
131
- list-style-type none
132
- vertical-align top
129
+ display: inline-block
130
+ padding: 0 8px
131
+ list-style-type: none
132
+ vertical-align: top
133
133
 
134
134
  img
135
- width 130px
136
- height 130px
135
+ width: 130px
136
+ height: 130px
137
137
 
138
138
  .post-qr-code-desc
139
- padding-top .4rem
140
- width 130px
141
- color var(--efu-gray)
142
- margin-top -8px
143
- margin-bottom 8px
139
+ padding-top: .4rem
140
+ width: 130px
141
+ color: var(--efu-gray)
142
+ margin-top: -8px
143
+ margin-bottom: 8px
144
144
 
145
145
  .post-qr-code-img
146
- box-shadow var(--efu-shadow-lightblack)
147
- border-radius 12px
148
- border var(--style-border-always)
146
+ box-shadow: var(--efu-shadow-lightblack)
147
+ border-radius: 12px
148
+ border: var(--style-border-always)
149
149
 
150
150
  .reward-main-btn
151
- background var(--efu-secondbg)
152
- color var(--efu-fontcolor)
153
- display flex
154
- flex-direction column
155
- border-radius 12px
156
- padding 4px 0
157
- border var(--style-border-always)
158
- width 100%
151
+ background: var(--efu-secondbg)
152
+ color: var(--efu-fontcolor)
153
+ display: flex
154
+ flex-direction: column
155
+ border-radius: 12px
156
+ padding: 4px 0
157
+ border: var(--style-border-always)
158
+ width: 100%
159
159
 
160
160
  &:hover
161
- color var(--efu-white)
162
- background var(--efu-red)
163
- background-image url(/img/flower.gif)
164
- box-shadow var(--efu-shadow-red)
161
+ color: var(--efu-white)
162
+ background: var(--efu-red)
163
+ background-image: url(/img/flower.gif)
164
+ box-shadow: var(--efu-shadow-red)
165
165
 
166
166
  .reward-text
167
- margin-bottom 0
168
- font-weight 700
167
+ margin-bottom: 0
168
+ font-weight: 700
169
169
 
170
170
  .reward-dec
171
- font-size .6rem
172
- text-wrap wrap
171
+ font-size: .6rem
172
+ text-wrap: wrap
173
173
 
174
174
  // rss
175
175
 
176
176
  .reward-link.mode
177
- background var(--efu-green)
178
- color var(--efu-white)
179
- padding 0 16px
180
- height 40px
181
- line-height 39px
182
- box-shadow var(--efu-shadow-green)
183
- border-radius 8px
184
- margin-left .5rem
185
- cursor pointer
186
- text-align center
187
- transition .3s
177
+ background: var(--efu-green)
178
+ color: var(--efu-white)
179
+ padding: 0 16px
180
+ height: 40px
181
+ line-height: 39px
182
+ box-shadow: var(--efu-shadow-green)
183
+ border-radius: 8px
184
+ margin-left: .5rem
185
+ cursor: pointer
186
+ text-align: center
187
+ transition: .3s
188
188
 
189
189
  a
190
- color var(--efu-white)
190
+ color: var(--efu-white)
191
191
 
192
192
  i
193
- margin-right 4px
193
+ margin-right: 4px
194
194
 
195
195
  &:hover
196
- background var(--efu-theme)
197
- box-shadow none
196
+ background: var(--efu-theme)
197
+ box-shadow: none
198
198
 
199
199
 
200
200
  .post-tools-right
201
- padding-right 0
202
- display flex
203
- align-items center
204
- flex-direction row
205
- justify-content space-between
206
- flex-wrap wrap
201
+ padding-right: 0
202
+ display: flex
203
+ align-items: center
204
+ flex-direction: row
205
+ justify-content: space-between
206
+ flex-wrap: wrap
207
207
 
208
208
  .tag_share
209
209
  .post-meta__tag-list
210
- display flex
211
- padding 0
212
- width 100%
213
- flex-wrap wrap
214
- flex-direction row
210
+ display: flex
211
+ padding: 0
212
+ width: 100%
213
+ flex-wrap: wrap
214
+ flex-direction: row
215
215
 
216
216
  a
217
- margin-bottom 8px
218
- margin-right 8px
217
+ margin-bottom: 8px
218
+ margin-right: 8px
219
219
 
220
220
  .post-meta__tags
221
- background var(--efu-card-bg)
222
- border var(--style-border-always)
223
- color var(--efu-fontcolor)
224
- border-radius 8px
225
- display flex
226
- align-items center
227
- white-space nowrap
228
- height 40px
229
- padding 0 .6rem
230
- width fit-content
231
- font-size .85em
232
- transition all .2s ease-in-out 0s
221
+ background: var(--efu-card-bg)
222
+ border: var(--style-border-always)
223
+ color: var(--efu-fontcolor)
224
+ border-radius: 8px
225
+ display: flex
226
+ align-items: center
227
+ white-space: nowrap
228
+ height: 40px
229
+ padding: 0 .6rem
230
+ width: fit-content
231
+ font-size: .85em
232
+ transition: all .2s ease-in-out 0s
233
233
 
234
234
  &:hover
235
- background var(--efu-lighttext)
236
- box-shadow var(--efu-shadow-main)
237
- color var(--efu-white)
235
+ background: var(--efu-lighttext)
236
+ box-shadow: var(--efu-shadow-main)
237
+ color: var(--efu-white)
238
238
 
239
239
  span.tagsPageCount
240
- color var(--efu-lighttext)
241
- background var(--efu-maskbgdeep)
242
- transition all .2s ease-in-out 0s
240
+ color: var(--efu-lighttext)
241
+ background: var(--efu-maskbgdeep)
242
+ transition: all .2s ease-in-out 0s
243
243
 
244
244
  span.tags-punctuation
245
- font-size 12px
246
- margin-right 1px
247
- display flex
248
- align-items center
245
+ font-size: 12px
246
+ margin-right: 1px
247
+ display: flex
248
+ align-items: center
249
249
 
250
250
  .tagsPageCount, / #tag-page-tags .tagsPageCount
251
- padding 2px
252
- background var(--efu-fontcolor)
253
- border var(--style-border-always)
254
- min-width 22.5px
255
- display inline-block
256
- border-radius 4px
257
- text-align center
258
- font-size .6rem
259
- color var(--efu-card-bg)
260
- margin-left 4px
261
- if hexo-config('post.share.enable')
262
- /.social-share *
263
- font-family solitude
264
- /.social-share
265
- display: flex;
266
- justify-content: center;
267
- margin 10px 0
268
-
269
- +maxWidth768()
270
- flex-wrap wrap
271
-
272
- .social-share-ico
273
- margin: 0 4px
274
- width: 1.85em
275
- height: 1.85em
276
- font-size: 1.2em
277
- line-height: 1.85em
278
- border 1px solid
279
- position: relative
280
- display: inline-block;
281
- border-radius 50%
282
- text-align: center;
283
- vertical-align: middle;
284
- transition: background 0.6s ease-out 0s;
285
- cursor pointer
286
-
287
- &:hover
288
- transition all .3s
289
- color var(--efu-white)
290
-
291
- .icon-qq
292
- color #56b6e7
293
- border-color #56b6e7
294
-
295
- &:hover
296
- background-color #56b6e7
297
-
298
- &::before
299
- content "\e0d0"
300
-
301
- .icon-wechat
302
- color #57bd6a
303
- border-color #57bd6a
304
-
305
- &::before
306
- content "\e0d2"
307
-
308
- &:hover
309
- background-color #57bd6a
310
-
311
- .icon-weibo
312
- color #d44040
313
- border-color #d44040
314
-
315
- &::before
316
- content "\e0e3"
317
-
318
- &:hover
319
- background-color #d44040
320
-
321
- .icon-facebook
322
- color #415dc9
323
- border-color #415dc9
324
-
325
- &::before
326
- content "\e0e6"
327
-
328
- &:hover
329
- background-color #415dc9
330
-
331
- .icon-twitter
332
- color #56b6e7
333
- border-color #56b6e7
334
-
335
- &::before
336
- content "\e0c1"
337
-
338
- &:hover
339
- background-color #56b6e7
340
-
341
- .icon-telegram
342
- color #56b6e7
343
- border-color #56b6e7
344
-
345
- &::before
346
- content "\e062"
347
-
348
- &:hover
349
- background-color #56b6e7
350
-
351
- .icon-linkedin
352
- color #0077b5
353
- border-color #0077b5
354
-
355
- &::before
356
- content "\e0ed"
357
-
358
- &:hover
359
- background-color #0077b5
360
- .icon-whatsapp
361
- color #25d366
362
- border-color #25d366
363
-
364
- &::before
365
- content "\e0f0"
366
-
367
- &:hover
368
- background-color #25d366
251
+ padding: 2px
252
+ background: var(--efu-fontcolor)
253
+ border: var(--style-border-always)
254
+ min-width: 22.5px
255
+ display: inline-block
256
+ border-radius: 4px
257
+ text-align: center
258
+ font-size: .6rem
259
+ color: var(--efu-card-bg)
260
+ margin-left: 4px