hexo-theme-solitude 1.8.9 → 1.8.11

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 (42) hide show
  1. package/_config.yml +2 -25
  2. package/languages/default.yml +7 -0
  3. package/languages/en.yml +7 -0
  4. package/languages/zh-CN.yml +7 -0
  5. package/languages/zh-TW.yml +7 -0
  6. package/layout/includes/footer.pug +1 -1
  7. package/layout/includes/head/page_config.pug +1 -1
  8. package/layout/includes/inject/body.pug +5 -5
  9. package/layout/includes/inject/head.pug +3 -3
  10. package/layout/includes/page/links.pug +0 -2
  11. package/layout/includes/page/music.pug +6 -1
  12. package/layout/includes/widgets/aside/asideInfoCard.pug +54 -20
  13. package/layout/includes/widgets/aside/asideWebInfo.pug +12 -4
  14. package/layout/includes/widgets/home/carousel.pug +27 -21
  15. package/layout/includes/widgets/post/post-ai.pug +2 -2
  16. package/layout/includes/widgets/post/postMeta.pug +6 -2
  17. package/layout/includes/widgets/third-party/comments/artalk.pug +3 -3
  18. package/layout/includes/widgets/third-party/comments/twikoo.pug +4 -2
  19. package/layout/includes/widgets/third-party/comments/valine.pug +5 -3
  20. package/layout/includes/widgets/third-party/comments/waline.pug +4 -2
  21. package/layout/page.pug +4 -6
  22. package/package.json +1 -1
  23. package/plugins.yml +5 -1
  24. package/scripts/event/merge_config.js +1 -13
  25. package/source/css/_layout/aside.styl +363 -225
  26. package/source/css/_layout/header.styl +7 -6
  27. package/source/css/_layout/sidebar.styl +2 -2
  28. package/source/css/_page/_home/carousel.styl +73 -89
  29. package/source/css/_page/index.styl +0 -3
  30. package/source/css/_page/links.styl +1 -1
  31. package/source/js/barrage_comment.js +63 -70
  32. package/source/js/covercolor/api.js +35 -52
  33. package/source/js/covercolor/local.js +22 -27
  34. package/source/js/main.js +472 -567
  35. package/source/js/music.js +15 -5
  36. package/source/js/right_menu.js +38 -47
  37. package/source/js/search/local.js +16 -11
  38. package/source/js/utils.js +109 -136
  39. package/.github/workflows/github-publish.yml +0 -20
  40. package/layout/includes/page/moment.pug +0 -28
  41. package/layout/includes/widgets/page/moments/angle.pug +0 -19
  42. package/source/css/_page/moment.styl +0 -180
@@ -1,13 +1,6 @@
1
1
  #aside-content
2
2
  width 300px
3
3
 
4
- > .card-widget:first-child
5
- transition: .3s
6
- border: none
7
- box-shadow: none
8
- background: var(--efu-main)
9
- margin-top: 0
10
-
11
4
  +minWidth900()
12
5
  if hexo-config('aside.position') == 0
13
6
  padding-right 15px
@@ -68,6 +61,74 @@
68
61
  position sticky
69
62
  transition: top .3s ease 0s
70
63
 
64
+ #author-info__sayhi
65
+ text-align center
66
+ width fit-content
67
+ color var(--efu-white)
68
+ background var(--efu-white-op)
69
+ font-size 12px
70
+ padding 2px 8px
71
+ border-radius 12px
72
+ cursor pointer
73
+ user-select none
74
+ transition .3s
75
+ margin auto
76
+ min-width 100px
77
+
78
+ / [data-theme=dark] &
79
+ background #00000015
80
+ color var(--efu-black)
81
+
82
+ &:hover
83
+ color var(--efu-white)
84
+
85
+ &:hover
86
+ background var(--efu-card-bg)
87
+ color var(--efu-main)
88
+ transform scale(1.1)
89
+
90
+ .card-info-social-icons
91
+ margin 0
92
+ display flex
93
+ justify-content flex-start
94
+ flex-direction row
95
+ flex-wrap nowrap
96
+ cursor pointer
97
+
98
+ .social-icon
99
+ margin 0
100
+ margin-left 8px
101
+ color var(--efu-fontcolor)
102
+ font-size 1.4em
103
+ cursor pointer
104
+ display flex
105
+
106
+ i
107
+ transition all .3s ease 0s
108
+ padding 8px
109
+ border-radius 32px
110
+ cursor pointer
111
+ background var(--efu-white-op)
112
+ color var(--efu-card-bg)
113
+ width 40px
114
+ height 40px
115
+ display flex
116
+ align-items center
117
+ justify-content center
118
+
119
+ &:hover
120
+ background var(--efu-white)
121
+ transform scale(1.1)
122
+ color var(--efu-main)
123
+ box-shadow none
124
+
125
+ / [data-theme=dark] &
126
+ background var(--efu-black-op)
127
+
128
+ &:hover
129
+ background-color var(--efu-black)
130
+ color var(--efu-white)
131
+
71
132
  +minWidth900()
72
133
  html.hide-aside .layout
73
134
  -webkit-box-pack: center
@@ -188,269 +249,346 @@
188
249
  .toc-item.active .toc-link .toc-text
189
250
  color: var(--efu-white)
190
251
 
191
- #aside-content
192
- .card-widget
193
- if hexo-config('aside.card.author.sticker')
194
- &:hover
195
- .avatar-sticker
196
- opacity 0
197
- transform scale(0)
198
-
199
- &.card-recent-post
200
- padding .4rem .6rem !important
201
-
202
- &.card-info
203
- padding 0 !important
204
- box-shadow var(--efu-shadow-black)
252
+ if hexo-config('aside.card.style') == 0
253
+ #aside-content
254
+ > .card-widget:first-child
255
+ transition: .3s
256
+ border: none
257
+ box-shadow: none
258
+ background: var(--efu-main)
259
+ margin-top: 0
260
+
261
+ .card-widget
262
+ if hexo-config('aside.card.author.sticker')
263
+ &:hover
264
+ .avatar-sticker
265
+ opacity 0
266
+ transform scale(0)
267
+
268
+ &.card-recent-post
269
+ padding .4rem .6rem !important
270
+
271
+ &.card-info
272
+ padding 0 !important
273
+ box-shadow var(--efu-shadow-black)
274
+
275
+ > div.card-content
276
+ padding 1rem 1.2rem
277
+ min-height 320px
278
+ position relative
279
+
280
+ > .card-widget.card-info
281
+ &:before
282
+ background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
283
+ background-size 400%
284
+ position absolute
285
+ width 100%
286
+ height 100%
287
+ left 0
288
+ top 0
289
+ content ''
290
+ animation gradient 15s ease infinite
205
291
 
206
292
  > div.card-content
207
293
  padding 1rem 1.2rem
208
294
  min-height 320px
209
295
  position relative
210
296
 
211
- > .card-widget.card-info
212
- &:before
213
- background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
214
- background-size 400%
215
- position absolute
216
- width 100%
217
- height 100%
218
- left 0
219
- top 0
220
- content ''
221
- animation gradient 15s ease infinite
297
+ > div.card-info-avatarimg
298
+ overflow hidden
299
+ background var(--efu-yellow)
300
+ transition 1.5s
301
+ min-height 160px
302
+ position relative
303
+ box-shadow var(--efu-shadow-yellow)
222
304
 
223
- > div.card-content
224
- padding 1rem 1.2rem
225
- min-height 320px
226
- position relative
305
+ &:hover img
306
+ transform scale(1.03)
227
307
 
228
- > div.card-info-avatarimg
229
- overflow hidden
230
- background var(--efu-yellow)
231
- transition 1.5s
232
- min-height 160px
233
- position relative
234
- box-shadow var(--efu-shadow-yellow)
308
+ .card-info
309
+ if hexo-config('aside.card.author.sticker')
310
+ .avatar-sticker
311
+ position absolute
312
+ bottom -2px
313
+ right -2px
314
+ width 33px
315
+ height 33px
316
+ line-height 34px
317
+ z-index 0
318
+ display flex
319
+ align-items center
320
+ justify-content center
321
+ transition .3s .2s
322
+ transform scale(1)
323
+ background var(--efu-card-bg)
324
+ border-radius 50%
235
325
 
236
- &:hover img
237
- transform scale(1.03)
326
+ img
327
+ width 26px
328
+ height 26px
238
329
 
239
- .card-info
240
- if hexo-config('aside.card.author.sticker')
241
- .avatar-sticker
242
- position absolute
243
- bottom -2px
244
- right -2px
245
- width 33px
246
- height 33px
247
- line-height 34px
248
- z-index 0
330
+ ../ :hover .avatar-sticker
331
+ opacity 0
332
+ transform scale(0)
333
+
334
+ .author-info__desc
335
+ font-size 12px
336
+ color var(--efu-card-bg)
337
+ opacity .6
338
+ line-height 1
339
+
340
+ .card-info-avatar.is-center
341
+ flex-direction column
249
342
  display flex
250
- align-items center
251
- justify-content center
252
- transition .3s .2s
253
- transform scale(1)
254
- background var(--efu-card-bg)
255
- border-radius 50%
343
+ align-items flex-start
256
344
 
257
- img
258
- width 26px
259
- height 26px
345
+ .avatar-img-group
346
+ width 118px
347
+ height 118px
348
+ right calc(50% - 59px)
349
+ top 90px
350
+ border-radius 500px
351
+ position absolute
352
+ transition cubic-bezier(.69, .39, 0, 1.21) .3s
353
+ transform-origin bottom
354
+ border 5px solid var(--efu-card-bg)
260
355
 
261
- ../ :hover .avatar-sticker
356
+ ../ :hover .avatar-img-group
262
357
  opacity 0
263
358
  transform scale(0)
264
359
 
265
- .author-info__desc
266
- font-size 12px
267
- color var(--efu-card-bg)
268
- opacity .6
269
- line-height 1
270
-
271
- #author-info__sayhi
272
- text-align center
273
- width fit-content
274
- color var(--efu-white)
275
- background var(--efu-white-op)
276
- font-size 12px
277
- padding 2px 8px
278
- border-radius 12px
279
- cursor pointer
280
- user-select none
281
- transition .3s
282
- margin auto
283
- min-width 100px
284
-
285
- / [data-theme=dark] &
286
- background #00000015
287
- color var(--efu-black)
288
-
289
- &:hover
290
- color var(--efu-white)
291
-
292
- &:hover
293
- background var(--efu-card-bg)
294
- color var(--efu-main)
295
- transform scale(1.1)
360
+ .author-info__name
361
+ text-align left
362
+ font-weight 700
363
+ color var(--efu-card-bg)
364
+ font-size 20px
365
+ line-height 1
366
+ margin-bottom 5px
296
367
 
297
- .card-info-avatar.is-center
298
- flex-direction column
299
- display flex
300
- align-items flex-start
301
-
302
- .avatar-img-group
303
- width 118px
304
- height 118px
305
- right calc(50% - 59px)
306
- top 90px
307
- border-radius 500px
308
- position absolute
309
- transition cubic-bezier(.69, .39, 0, 1.21) .3s
310
- transform-origin bottom
311
- border 5px solid var(--efu-card-bg)
368
+ .author-info__top-group
369
+ display flex
370
+ height 28px
371
+ width 100%
312
372
 
313
- ../ :hover .avatar-img-group
373
+ .author-info__description_group
374
+ position absolute
375
+ top 50px
376
+ width 100%
377
+ left 0
378
+ padding 1.2rem
314
379
  opacity 0
315
- transform scale(0)
380
+ transition .3s
316
381
 
317
- .author-info__name
318
- text-align left
319
- font-weight 700
320
- color var(--efu-card-bg)
321
- font-size 20px
322
- line-height 1
323
- margin-bottom 5px
382
+ ../ :hover .author-info__description_group
383
+ opacity 1
324
384
 
325
- .author-info__top-group
326
- display flex
327
- height 28px
328
- width 100%
385
+ .author-info__description
386
+ line-height 1.38
387
+ margin .3rem 0
388
+ text-align left
389
+ color var(--efu-card-bg)
329
390
 
330
- .author-info__description_group
331
- position absolute
332
- top 50px
333
- width 100%
334
- left 0
335
- padding 1.2rem
336
- opacity 0
337
- transition .3s
391
+ b
392
+ color var(--efu-card-bg)
338
393
 
339
- ../ :hover .author-info__description_group
340
- opacity 1
394
+ .author-info__description2
395
+ line-height 1.38
396
+ margin .3rem 0
397
+ text-align left
398
+ width 100%
399
+ z-index 2
400
+ color var(--efu-card-bg)
341
401
 
342
- .author-info__description
343
- line-height 1.38
344
- margin .3rem 0
345
- text-align left
346
- color var(--efu-card-bg)
402
+ b
403
+ color var(--efu-card-bg)
347
404
 
348
- b
349
- color var(--efu-card-bg)
405
+ .author-info__bottom-group
406
+ display flex
407
+ justify-content space-between
408
+ position absolute
409
+ padding 1.2rem
410
+ width 100%
411
+ left 0
412
+ bottom 0
413
+ align-items center
350
414
 
351
- .author-info__description2
352
- line-height 1.38
353
- margin .3rem 0
354
- text-align left
415
+ a.author-info__bottom-group-left:hover
416
+ opacity .8
417
+
418
+ .card-info-data
419
+ display table
420
+ margin .7rem 0 .2rem
355
421
  width 100%
356
- z-index 2
357
- color var(--efu-card-bg)
422
+ table-layout fixed
358
423
 
359
- b
360
- color var(--efu-card-bg)
424
+ > div:nth-child(0) > a > div.headline
425
+ font-weight 700
361
426
 
362
- .author-info__bottom-group
363
- display flex
364
- justify-content space-between
365
- position absolute
366
- padding 1.2rem
367
- width 100%
368
- left 0
369
- bottom 0
370
- align-items center
427
+ > .card-info-data-item
428
+ display table-cell
429
+ transition .3s
371
430
 
372
- a.author-info__bottom-group-left:hover
373
- opacity .8
431
+ a
432
+ .headline
433
+ color var(--efu-fontcolor)
434
+ font-size 1em
374
435
 
375
- .card-info-data
376
- display table
377
- margin .7rem 0 .2rem
378
- width 100%
379
- table-layout fixed
436
+ .length-num
437
+ margin-top -.3rem
438
+ color var(--efu-fontcolor)
439
+ font-size 1.4em
380
440
 
381
- > div:nth-child(0) > a > div.headline
382
- font-weight 700
441
+ &:hover
442
+ background #000
443
+ border-radius 5px
383
444
 
384
- > .card-info-data-item
385
- display table-cell
445
+ img.avatar-img
446
+ width 108px
447
+ height 108px
448
+ object-fit cover
449
+ right 0
450
+ top 0
451
+ border-radius 500px
452
+ position absolute
453
+ opacity 1
386
454
  transition .3s
387
455
 
388
- a
389
- .headline
390
- color var(--efu-fontcolor)
391
- font-size 1em
456
+ if hexo-config('aside.card.style') == 1
457
+ #aside-content
458
+ .card-widget.card-info
459
+ min-height 340px
460
+ padding 0
461
+ margin-top 0
392
462
 
393
- .length-num
394
- margin-top -.3rem
395
- color var(--text-highlight-color)
396
- font-size 1.4em
463
+ .author-info__top-group
464
+ margin-top 20px
465
+ display flex
466
+ height 28px
467
+ width 100%
397
468
 
398
- &:hover
399
- background #000
400
- border-radius 5px
469
+ .card-info-bg-top
470
+ min-height 140px
471
+ background: linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep), var(--efu-main), var(--efu-main-op-deep))
472
+ background-size: 400%
473
+
474
+ .card-info-avatar
475
+ width 114px
476
+ height 114px
477
+ right calc(50% - 57px)
478
+ top 75px
479
+ border-radius 500px
480
+ position absolute
481
+ transition cubic-bezier(.69, .39, 0, 1.21) .3s
482
+ transform-origin bottom
483
+ border 7px solid var(--efu-card-bg)
401
484
 
402
- .card-info-social-icons
403
- margin 0
404
- display flex
405
- justify-content flex-start
406
- flex-direction row
407
- flex-wrap nowrap
408
- cursor pointer
485
+ .avatar-img
486
+ overflow hidden
487
+ border-radius 500px
488
+ width 100px
489
+ cursor pointer
490
+ height 100px
409
491
 
410
- .social-icon
411
- margin 0
412
- margin-left 8px
413
- color var(--efu-fontcolor)
414
- font-size 1.4em
415
- cursor pointer
416
- display flex
492
+ img
493
+ object-fit cover
494
+ width 100%
495
+ height 100%
496
+ transition .3s
497
+
498
+ &:hover
499
+ transform: scale(1.3)
500
+
501
+ if hexo-config('aside.card.author.sticker')
502
+ .avatar-sticker
503
+ position absolute
504
+ bottom -2px
505
+ right -2px
506
+ width 33px
507
+ height 33px
508
+ line-height 34px
509
+ z-index 0
510
+ display flex
511
+ align-items center
512
+ justify-content center
513
+ transition .3s .2s
514
+ transform scale(1)
515
+ background var(--efu-card-bg)
516
+ border-radius 50%
517
+
518
+ img
519
+ width 26px
520
+ height 26px
521
+
522
+ .card-info-social-icons
523
+ width 100%
524
+ justify-content center
525
+ padding 10px 20px
417
526
 
418
- i
419
- transition all .3s ease 0s
420
- padding 8px
421
- border-radius 32px
422
- cursor pointer
423
- background var(--efu-white-op)
424
- color var(--efu-card-bg)
425
- width 40px
426
- height 40px
527
+ i
528
+ background 0 0
529
+ color var(--efu-fontcolor)
530
+
531
+ &:hover
532
+ color var(--efu-theme)
533
+
534
+ .card-info__desc_group
427
535
  display flex
428
536
  align-items center
429
- justify-content center
430
-
431
- &:hover
432
- background var(--efu-white)
433
- transform scale(1.1)
434
- color var(--efu-main)
435
- box-shadow none
537
+ flex-direction column
436
538
 
437
- / [data-theme=dark] &
438
- background var(--efu-black-op)
539
+ .author-info__name
540
+ margin-top 60px
541
+ text-align center
542
+ font-weight 700
543
+ color var(--efu-font-color)
544
+ font-size 20px
545
+ line-height 1
546
+ margin-bottom 5px
439
547
 
440
- &:hover
441
- background-color var(--efu-black)
442
- color var(--efu-white)
548
+ .author-info__desc
549
+ font-size 14px
550
+ color var(--efu-font-color)
551
+ line-height 2
443
552
 
444
- img.avatar-img
445
- width 108px
446
- height 108px
447
- object-fit cover
448
- right 0
449
- top 0
450
- border-radius 500px
451
- position absolute
452
- opacity 1
453
- transition .3s
553
+ .card-info__data
554
+ display table
555
+ width 100%
556
+ table-layout fixed
557
+ margin 12px 0 4px
558
+ padding 0 20px
559
+
560
+ a
561
+ position relative
562
+ display table-cell
563
+
564
+ &:hover
565
+ transition all .3s
566
+ color var(--efu-theme)
567
+
568
+ div
569
+ transition all .3s
570
+ color var(--efu-theme)
571
+
572
+ &:not(:last-child):after
573
+ opacity: .3
574
+ position: absolute
575
+ top: 6px
576
+ right: 0
577
+ content: ""
578
+ width: 1px
579
+ height: 40px
580
+ background: var(--efu-fontcolor)
581
+
582
+ .length-num
583
+ margin-top: -.32em
584
+ color: var(--efu-fontcolor)
585
+ font-size: 1.4em
586
+ line-height: 1.5
587
+
588
+ .headline
589
+ color: var(--efu-font-color)
590
+ font-size: 1em
591
+ line-height: 1.5
454
592
 
455
593
  [data-theme=dark] #aside-content
456
594
  > .card-widget.card-info
@@ -20,10 +20,6 @@
20
20
  &:hover
21
21
  color var(--efu-card-bg)
22
22
 
23
- +maxWidth768()
24
- align-items flex-end
25
- color var(--efu-fontcolor)
26
-
27
23
  &:not(.nav-fixed)
28
24
  #nav
29
25
  background var(--efu-none)
@@ -338,8 +334,13 @@
338
334
  cursor pointer
339
335
 
340
336
  &:hover
341
- i, span, img
342
- +minWidth900()
337
+ @media (hover: hover)
338
+ i, span, img
339
+ color var(--efu-card-bg)
340
+ transition .3s
341
+
342
+ +minWidth900()
343
+ i, span, img
343
344
  opacity 0
344
345
 
345
346
  &:after
@@ -41,13 +41,13 @@
41
41
  font-weight 400
42
42
 
43
43
  .site-page:hover
44
- background var(--efu-main)!important
44
+ background var(--efu-main) !important
45
45
  color var(--efu-white)
46
46
 
47
47
  .site-page span:hover
48
48
  color var(--efu-white)
49
49
 
50
- .site-data
50
+ / .site-data
51
51
  display flex
52
52
  width 100%
53
53
  justify-content flex-start