sinzmise-cetastories 2.0.0-1731114112124 → 2.0.0-1731116663626

Sign up to get free protection for your applications and to get access to all the features.
Files changed (201) hide show
  1. package/404/index.html +1 -4033
  2. package/about/index.html +1 -4041
  3. package/album/index.html +1 -4050
  4. package/archives/2021/12/index.html +1 -3917
  5. package/archives/2021/index.html +1 -3917
  6. package/archives/2022/12/index.html +1 -3917
  7. package/archives/2022/index.html +1 -3917
  8. package/archives/2023/01/index.html +1 -4072
  9. package/archives/2023/02/index.html +1 -3917
  10. package/archives/2023/03/index.html +1 -4063
  11. package/archives/2023/04/index.html +1 -3992
  12. package/archives/2023/07/index.html +1 -4217
  13. package/archives/2023/08/index.html +1 -4067
  14. package/archives/2023/09/index.html +1 -3917
  15. package/archives/2023/10/index.html +1 -3917
  16. package/archives/2023/11/index.html +1 -3917
  17. package/archives/2023/12/index.html +1 -3918
  18. package/archives/2023/index.html +1 -4591
  19. package/archives/2023/page/2/index.html +1 -4572
  20. package/archives/2023/page/3/index.html +1 -3930
  21. package/archives/2024/01/index.html +1 -4142
  22. package/archives/2024/02/index.html +1 -3922
  23. package/archives/2024/03/index.html +1 -3916
  24. package/archives/2024/04/index.html +1 -3997
  25. package/archives/2024/05/index.html +1 -4065
  26. package/archives/2024/06/index.html +1 -3917
  27. package/archives/2024/07/index.html +1 -3917
  28. package/archives/2024/08/index.html +1 -3992
  29. package/archives/2024/09/index.html +1 -3917
  30. package/archives/2024/10/index.html +1 -3984
  31. package/archives/2024/index.html +1 -4576
  32. package/archives/2024/page/2/index.html +1 -4433
  33. package/archives/index.html +1 -4560
  34. package/archives/page/2/index.html +1 -4560
  35. package/archives/page/3/index.html +1 -4560
  36. package/archives/page/4/index.html +1 -4560
  37. package/archives/page/5/index.html +1 -4560
  38. package/assets/algolia/algoliasearch.js +3 -7182
  39. package/assets/algolia/algoliasearchLite.js +3 -4445
  40. package/atom.xml +31 -31
  41. package/bbs/bbs.html +1 -4012
  42. package/bbs/bbs.js +2 -12
  43. package/bbs/index.html +1 -4031
  44. package/categories/index.html +1 -4050
  45. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -4570
  46. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -4485
  47. package/categories//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -3920
  48. package/categories//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -4148
  49. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -4610
  50. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -4148
  51. package/categories//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -4072
  52. package/charts/index.html +1 -4039
  53. package/comments/index.html +1 -4052
  54. package/css/custom2.css +2 -3
  55. package/css/first.css +2 -1868
  56. package/css/pace/big-counter.css +2 -39
  57. package/css/pace/corner-indicator.css +2 -72
  58. package/css/pace/flash.css +2 -76
  59. package/css/pace/mac-osx.css +2 -86
  60. package/css/pace/pace.css +2 -50
  61. package/css/plane.css +2 -59
  62. package/css/style.css +2 -8585
  63. package/css/tags.css +2 -3516
  64. package/essay/index.html +1 -4050
  65. package/fcircle/index.html +1 -4075
  66. package/games +2 -2
  67. package/index.html +1 -4717
  68. package/js/app.js +2 -1341
  69. package/js/autoload.js +2 -62
  70. package/js/ceta/fancybox.css +2 -2
  71. package/js/ceta/fancybox.umd.js +2 -2
  72. package/js/ceta/iconfontInkss.js +2 -1
  73. package/js/ceta/message.css +2 -6
  74. package/js/ceta/message.js +2 -6
  75. package/js/clock.js +2 -1
  76. package/js/kslink.js +2 -38
  77. package/js/newyear.js +2 -76
  78. package/js/plane.js +2 -2200
  79. package/js/plugins/aplayer.js +2 -186
  80. package/js/plugins/parallax.js +2 -191
  81. package/js/plugins/rightMenus.js +2 -623
  82. package/js/plugins/tags/contributors.js +2 -92
  83. package/js/plugins/tags/friends.js +2 -93
  84. package/js/plugins/tags/sites.js +2 -96
  85. package/js/search/algolia.js +2 -239
  86. package/js/search/hexo.js +2 -195
  87. package/js/search/meilisearch.js +2 -220
  88. package/js/txmap.js +2 -248
  89. package/link/index.html +1 -6180
  90. package/load.html +1 -294
  91. package/maps/assets/algolia/algoliasearch.js.map +1 -0
  92. package/maps/assets/algolia/algoliasearchLite.js.map +1 -0
  93. package/maps/bbs/bbs.js.map +1 -0
  94. package/maps/css/custom2.css.map +1 -0
  95. package/maps/css/first.css.map +1 -0
  96. package/maps/css/pace/big-counter.css.map +1 -0
  97. package/maps/css/pace/corner-indicator.css.map +1 -0
  98. package/maps/css/pace/flash.css.map +1 -0
  99. package/maps/css/pace/mac-osx.css.map +1 -0
  100. package/maps/css/pace/pace.css.map +1 -0
  101. package/maps/css/plane.css.map +1 -0
  102. package/maps/css/style.css.map +1 -0
  103. package/maps/css/tags.css.map +1 -0
  104. package/maps/js/app.js.map +1 -0
  105. package/maps/js/autoload.js.map +1 -0
  106. package/maps/js/ceta/fancybox.css.map +1 -0
  107. package/maps/js/ceta/fancybox.umd.js.map +1 -0
  108. package/maps/js/ceta/iconfontInkss.js.map +1 -0
  109. package/maps/js/ceta/message.css.map +1 -0
  110. package/maps/js/ceta/message.js.map +1 -0
  111. package/maps/js/clock.js.map +1 -0
  112. package/maps/js/kslink.js.map +1 -0
  113. package/maps/js/newyear.js.map +1 -0
  114. package/maps/js/plane.js.map +1 -0
  115. package/maps/js/plugins/aplayer.js.map +1 -0
  116. package/maps/js/plugins/parallax.js.map +1 -0
  117. package/maps/js/plugins/rightMenus.js.map +1 -0
  118. package/maps/js/plugins/tags/contributors.js.map +1 -0
  119. package/maps/js/plugins/tags/friends.js.map +1 -0
  120. package/maps/js/plugins/tags/sites.js.map +1 -0
  121. package/maps/js/search/algolia.js.map +1 -0
  122. package/maps/js/search/hexo.js.map +1 -0
  123. package/maps/js/search/meilisearch.js.map +1 -0
  124. package/maps/js/txmap.js.map +1 -0
  125. package/maps/sw.js.map +1 -0
  126. package/maps/weichuncai/css/style.css.map +1 -0
  127. package/maps/weichuncai/js/common.js.map +1 -0
  128. package/maps/weichuncai/js/jquery.js.map +1 -0
  129. package/maps/weichuncai/wcc-config.js.map +1 -0
  130. package/music/index.html +1 -4033
  131. package/package.json +1 -1
  132. package/page/2/index.html +1 -4578
  133. package/page/3/index.html +1 -4575
  134. package/page/4/index.html +1 -4572
  135. package/page/5/index.html +1 -3924
  136. package/posts/10021/index.html +5 -4130
  137. package/posts/10045/index.html +1 -4224
  138. package/posts/10733/index.html +1 -4125
  139. package/posts/10996/index.html +5 -4127
  140. package/posts/12779/index.html +1 -4134
  141. package/posts/13624/index.html +1 -4179
  142. package/posts/15688/index.html +1 -4133
  143. package/posts/15748/index.html +5 -4121
  144. package/posts/15799/index.html +1 -4130
  145. package/posts/15842/index.html +5 -4121
  146. package/posts/16107/index.html +1 -4111
  147. package/posts/18063/index.html +1 -4124
  148. package/posts/20412/index.html +1 -4134
  149. package/posts/21375/index.html +1 -4124
  150. package/posts/22945/index.html +4 -4169
  151. package/posts/23021/index.html +1 -4104
  152. package/posts/27531/index.html +5 -4121
  153. package/posts/28536/index.html +1 -4116
  154. package/posts/28733/index.html +1 -4168
  155. package/posts/29196/index.html +1 -4106
  156. package/posts/38917/index.html +1 -4144
  157. package/posts/38964/index.html +1 -4208
  158. package/posts/42487/index.html +1 -4135
  159. package/posts/42580/index.html +1 -4128
  160. package/posts/45875/index.html +1 -4118
  161. package/posts/46640/index.html +1 -4147
  162. package/posts/48762/index.html +1 -4109
  163. package/posts/50710/index.html +1 -4114
  164. package/posts/52677/index.html +1 -4125
  165. package/posts/53662/index.html +1 -4123
  166. package/posts/54386/index.html +1 -4116
  167. package/posts/54481/index.html +1 -4133
  168. package/posts/54787/index.html +5 -4124
  169. package/posts/56467/index.html +1 -4121
  170. package/posts/57692/index.html +1 -4143
  171. package/posts/58203/index.html +1 -4116
  172. package/posts/61417/index.html +1 -4117
  173. package/posts/61712/index.html +1 -4113
  174. package/posts/646/index.html +1 -4106
  175. package/posts/64856/index.html +1 -4120
  176. package/posts/64935/index.html +1 -4120
  177. package/search.xml +70 -70
  178. package/seas/index.html +1 -4050
  179. package/sw.js +2 -798
  180. package/tags/Flash/347/233/270/345/205/263/index.html +1 -3924
  181. package/tags/Steam/346/270/270/346/210/217/index.html +1 -3924
  182. package/tags/Windows/350/275/257/344/273/266/index.html +1 -3997
  183. package/tags/index.html +1 -4033
  184. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -4570
  185. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -4485
  186. package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +1 -4073
  187. package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +1 -3924
  188. package/tags//346/202/254/346/265/256/345/256/240/347/211/251-/347/234/213/346/235/277/345/250/230/index.html +1 -3925
  189. package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -3920
  190. package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -4148
  191. package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +1 -3924
  192. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -4610
  193. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -4148
  194. package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +1 -4224
  195. package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +1 -4075
  196. package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -4072
  197. package/update/index.html +1 -4112
  198. package/weichuncai/css/style.css +2 -25
  199. package/weichuncai/js/common.js +2 -449
  200. package/weichuncai/js/jquery.js +2 -139
  201. package/weichuncai/wcc-config.js +2 -17
package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html CHANGED
@@ -1,4075 +1 @@
1
- <!DOCTYPE html>
2
- <html lang="zh-CN">
3
- <head hexo-theme='https://github.com/volantis-x/hexo-theme-volantis/#6.0.0-alpha.0'>
4
- <meta name="generator" content="Hexo 7.3.0">
5
- <meta charset="utf-8">
6
-
7
- <!-- SEO相关 -->
8
- <meta name="robots" content="noindex,follow">
9
- <link rel="canonical" href="https://blog.sinzmise.top/tags/页面魔改/"/>
10
-
11
-
12
- <!-- 渲染优化 -->
13
- <meta name="renderer" content="webkit">
14
- <meta name="force-rendering" content="webkit">
15
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
16
- <meta name="HandheldFriendly" content="True" >
17
- <meta name="apple-mobile-web-app-capable" content="yes">
18
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
19
- <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
20
- <meta content="telephone=no" name="format-detection">
21
- <!-- import head_begin begin -->
22
- <!-- import head_begin end -->
23
- <!-- Custom Files headBegin begin-->
24
- <script>
25
- /////////////////////////////// serviceWorker ///////////////////////////////////////////
26
- function registerServiceWorker(path) {
27
- if (window.location.hostname != "localhost") {
28
- "serviceWorker" in navigator && navigator.serviceWorker.register(`${path}?time=${new Date().getTime()}`).then(function (n) {
29
- n.onupdatefound = function () {
30
- var e = n.installing;
31
- e.onstatechange = function () {
32
- switch (e.state) {
33
- case "installed":
34
- navigator.serviceWorker.controller ?
35
- console.log("Updated Service Worker.") :
36
- console.log("Service Worker Sucess!");
37
- break;
38
- case "redundant":
39
- console.log("The installing service worker became redundant.")
40
- }
41
- }
42
- }
43
- }).catch(function (e) {
44
- console.error("Error during service worker registration:", e)
45
- if (typeof swinstallretry === 'undefined') {
46
- swinstallretry = 1;
47
- registerServiceWorker(`/sw.js`)
48
- }
49
- });
50
- }
51
- }
52
- registerServiceWorker(`/sw.js`)
53
- //////////////////////////////////////////////////////////////////////////
54
- //// unregister serviceWorker
55
- //if ('serviceWorker' in navigator) {
56
- // navigator.serviceWorker.ready.then(registration => {
57
- // registration.unregister();
58
- // });
59
- //}
60
- //////////////////////////////////////////////////////////////////////////
61
- </script>
62
- <!-- Custom Files headBegin end-->
63
- <link rel="preload" href="/css/style.css" as="style">
64
- <link rel="preload" href="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/VarelaRound/VarelaRound-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
65
- <link rel="preload" href="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/UbuntuMono/UbuntuMono-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
66
-
67
- <!-- feed -->
68
- <link rel="alternate" href="/atom.xml" title="汐塔魔法屋" type="application/atom+xml">
69
- <!-- 页面元数据 -->
70
- <title>标签：页面魔改 - 汐塔魔法屋</title>
71
- <meta name="keywords" content="null">
72
- <meta desc name="description" content="The Story,The Dream. - 王九弦SZ·Ninty - 汐塔魔法屋">
73
-
74
- <meta property="og:type" content="website">
75
- <meta property="og:title" content="汐塔魔法屋">
76
- <meta property="og:url" content="https://blog.sinzmise.top/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">
77
- <meta property="og:site_name" content="汐塔魔法屋">
78
- <meta property="og:description" content="The Story,The Dream.">
79
- <meta property="og:locale" content="zh_CN">
80
- <meta property="og:image" content="https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png">
81
- <meta property="article:author" content="王九弦SZ·Ninty">
82
- <meta name="twitter:card" content="summary">
83
- <meta name="twitter:image" content="https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png">
84
- <style>
85
- /* 首屏样式 */
86
- #safearea {
87
- display: none;
88
- }
89
- .fa.red,
90
- .fas.red,
91
- .far.red,
92
- .fad.red,
93
- .fal.red,
94
- .fa-solid.red,
95
- .fa-regular.red,
96
- .fa-duotone.red,
97
- .fa-light.red,
98
- .fa-thin.red,
99
- .iziToast>.iziToast-body .iziToast-icon.red {
100
- color: #f44336;
101
- }
102
- .fa.pink,
103
- .fas.pink,
104
- .far.pink,
105
- .fad.pink,
106
- .fal.pink,
107
- .fa-solid.pink,
108
- .fa-regular.pink,
109
- .fa-duotone.pink,
110
- .fa-light.pink,
111
- .fa-thin.pink,
112
- .iziToast>.iziToast-body .iziToast-icon.pink {
113
- color: #e91e63;
114
- }
115
- .fa.purple,
116
- .fas.purple,
117
- .far.purple,
118
- .fad.purple,
119
- .fal.purple,
120
- .fa-solid.purple,
121
- .fa-regular.purple,
122
- .fa-duotone.purple,
123
- .fa-light.purple,
124
- .fa-thin.purple,
125
- .iziToast>.iziToast-body .iziToast-icon.purple {
126
- color: #9c27b0;
127
- }
128
- .fa.indigo,
129
- .fas.indigo,
130
- .far.indigo,
131
- .fad.indigo,
132
- .fal.indigo,
133
- .fa-solid.indigo,
134
- .fa-regular.indigo,
135
- .fa-duotone.indigo,
136
- .fa-light.indigo,
137
- .fa-thin.indigo,
138
- .iziToast>.iziToast-body .iziToast-icon.indigo {
139
- color: #3f51b5;
140
- }
141
- .fa.light-blue,
142
- .fas.light-blue,
143
- .far.light-blue,
144
- .fad.light-blue,
145
- .fal.light-blue,
146
- .fa-solid.light-blue,
147
- .fa-regular.light-blue,
148
- .fa-duotone.light-blue,
149
- .fa-light.light-blue,
150
- .fa-thin.light-blue,
151
- .iziToast>.iziToast-body .iziToast-icon.light-blue {
152
- color: #4ba7ee;
153
- }
154
- .fa.deep-blue,
155
- .fas.deep-blue,
156
- .far.deep-blue,
157
- .fad.deep-blue,
158
- .fal.deep-blue,
159
- .fa-solid.deep-blue,
160
- .fa-regular.deep-blue,
161
- .fa-duotone.deep-blue,
162
- .fa-light.deep-blue,
163
- .fa-thin.deep-blue,
164
- .iziToast>.iziToast-body .iziToast-icon.deep-blue {
165
- color: #3367d6;
166
- }
167
- .fa.teal,
168
- .fas.teal,
169
- .far.teal,
170
- .fad.teal,
171
- .fal.teal,
172
- .fa-solid.teal,
173
- .fa-regular.teal,
174
- .fa-duotone.teal,
175
- .fa-light.teal,
176
- .fa-thin.teal,
177
- .iziToast>.iziToast-body .iziToast-icon.teal {
178
- color: #009688;
179
- }
180
- .fa.light-green,
181
- .fas.light-green,
182
- .far.light-green,
183
- .fad.light-green,
184
- .fal.light-green,
185
- .fa-solid.light-green,
186
- .fa-regular.light-green,
187
- .fa-duotone.light-green,
188
- .fa-light.light-green,
189
- .fa-thin.light-green,
190
- .iziToast>.iziToast-body .iziToast-icon.light-green {
191
- color: #8bc34a;
192
- }
193
- .fa.orange,
194
- .fas.orange,
195
- .far.orange,
196
- .fad.orange,
197
- .fal.orange,
198
- .fa-solid.orange,
199
- .fa-regular.orange,
200
- .fa-duotone.orange,
201
- .fa-light.orange,
202
- .fa-thin.orange,
203
- .iziToast>.iziToast-body .iziToast-icon.orange {
204
- color: #ff9800;
205
- }
206
- .fa.deep-orange,
207
- .fas.deep-orange,
208
- .far.deep-orange,
209
- .fad.deep-orange,
210
- .fal.deep-orange,
211
- .fa-solid.deep-orange,
212
- .fa-regular.deep-orange,
213
- .fa-duotone.deep-orange,
214
- .fa-light.deep-orange,
215
- .fa-thin.deep-orange,
216
- .iziToast>.iziToast-body .iziToast-icon.deep-orange {
217
- color: #ff5722;
218
- }
219
- .fa.brown,
220
- .fas.brown,
221
- .far.brown,
222
- .fad.brown,
223
- .fal.brown,
224
- .fa-solid.brown,
225
- .fa-regular.brown,
226
- .fa-duotone.brown,
227
- .fa-light.brown,
228
- .fa-thin.brown,
229
- .iziToast>.iziToast-body .iziToast-icon.brown {
230
- color: #795548;
231
- }
232
- .fa.blue-grey,
233
- .fas.blue-grey,
234
- .far.blue-grey,
235
- .fad.blue-grey,
236
- .fal.blue-grey,
237
- .fa-solid.blue-grey,
238
- .fa-regular.blue-grey,
239
- .fa-duotone.blue-grey,
240
- .fa-light.blue-grey,
241
- .fa-thin.blue-grey,
242
- .iziToast>.iziToast-body .iziToast-icon.blue-grey {
243
- color: #607d8b;
244
- }
245
- .fa.yellow,
246
- .fas.yellow,
247
- .far.yellow,
248
- .fad.yellow,
249
- .fal.yellow,
250
- .fa-solid.yellow,
251
- .fa-regular.yellow,
252
- .fa-duotone.yellow,
253
- .fa-light.yellow,
254
- .fa-thin.yellow,
255
- .iziToast>.iziToast-body .iziToast-icon.yellow {
256
- color: #fcec60;
257
- }
258
- .fa.TURQUOISE,
259
- .fas.TURQUOISE,
260
- .far.TURQUOISE,
261
- .fad.TURQUOISE,
262
- .fal.TURQUOISE,
263
- .fa-solid.TURQUOISE,
264
- .fa-regular.TURQUOISE,
265
- .fa-duotone.TURQUOISE,
266
- .fa-light.TURQUOISE,
267
- .fa-thin.TURQUOISE,
268
- .iziToast>.iziToast-body .iziToast-icon.TURQUOISE {
269
- color: #1abc9c;
270
- }
271
- .fa.EMERALD,
272
- .fas.EMERALD,
273
- .far.EMERALD,
274
- .fad.EMERALD,
275
- .fal.EMERALD,
276
- .fa-solid.EMERALD,
277
- .fa-regular.EMERALD,
278
- .fa-duotone.EMERALD,
279
- .fa-light.EMERALD,
280
- .fa-thin.EMERALD,
281
- .iziToast>.iziToast-body .iziToast-icon.EMERALD {
282
- color: #2ecc71;
283
- }
284
- .fa.PETERRIVE,
285
- .fas.PETERRIVE,
286
- .far.PETERRIVE,
287
- .fad.PETERRIVE,
288
- .fal.PETERRIVE,
289
- .fa-solid.PETERRIVE,
290
- .fa-regular.PETERRIVE,
291
- .fa-duotone.PETERRIVE,
292
- .fa-light.PETERRIVE,
293
- .fa-thin.PETERRIVE,
294
- .iziToast>.iziToast-body .iziToast-icon.PETERRIVE {
295
- color: #3498db;
296
- }
297
- .fa.AMETHYST,
298
- .fas.AMETHYST,
299
- .far.AMETHYST,
300
- .fad.AMETHYST,
301
- .fal.AMETHYST,
302
- .fa-solid.AMETHYST,
303
- .fa-regular.AMETHYST,
304
- .fa-duotone.AMETHYST,
305
- .fa-light.AMETHYST,
306
- .fa-thin.AMETHYST,
307
- .iziToast>.iziToast-body .iziToast-icon.AMETHYST {
308
- color: #9b59b6;
309
- }
310
- .fa.WETASPHALT,
311
- .fas.WETASPHALT,
312
- .far.WETASPHALT,
313
- .fad.WETASPHALT,
314
- .fal.WETASPHALT,
315
- .fa-solid.WETASPHALT,
316
- .fa-regular.WETASPHALT,
317
- .fa-duotone.WETASPHALT,
318
- .fa-light.WETASPHALT,
319
- .fa-thin.WETASPHALT,
320
- .iziToast>.iziToast-body .iziToast-icon.WETASPHALT {
321
- color: #34495e;
322
- }
323
- .fa.GREENSEA,
324
- .fas.GREENSEA,
325
- .far.GREENSEA,
326
- .fad.GREENSEA,
327
- .fal.GREENSEA,
328
- .fa-solid.GREENSEA,
329
- .fa-regular.GREENSEA,
330
- .fa-duotone.GREENSEA,
331
- .fa-light.GREENSEA,
332
- .fa-thin.GREENSEA,
333
- .iziToast>.iziToast-body .iziToast-icon.GREENSEA {
334
- color: #16a085;
335
- }
336
- .fa.NEPHRITIS,
337
- .fas.NEPHRITIS,
338
- .far.NEPHRITIS,
339
- .fad.NEPHRITIS,
340
- .fal.NEPHRITIS,
341
- .fa-solid.NEPHRITIS,
342
- .fa-regular.NEPHRITIS,
343
- .fa-duotone.NEPHRITIS,
344
- .fa-light.NEPHRITIS,
345
- .fa-thin.NEPHRITIS,
346
- .iziToast>.iziToast-body .iziToast-icon.NEPHRITIS {
347
- color: #27ae60;
348
- }
349
- .fa.BELIZEHOLE,
350
- .fas.BELIZEHOLE,
351
- .far.BELIZEHOLE,
352
- .fad.BELIZEHOLE,
353
- .fal.BELIZEHOLE,
354
- .fa-solid.BELIZEHOLE,
355
- .fa-regular.BELIZEHOLE,
356
- .fa-duotone.BELIZEHOLE,
357
- .fa-light.BELIZEHOLE,
358
- .fa-thin.BELIZEHOLE,
359
- .iziToast>.iziToast-body .iziToast-icon.BELIZEHOLE {
360
- color: #2980b9;
361
- }
362
- .fa.WISTERIA,
363
- .fas.WISTERIA,
364
- .far.WISTERIA,
365
- .fad.WISTERIA,
366
- .fal.WISTERIA,
367
- .fa-solid.WISTERIA,
368
- .fa-regular.WISTERIA,
369
- .fa-duotone.WISTERIA,
370
- .fa-light.WISTERIA,
371
- .fa-thin.WISTERIA,
372
- .iziToast>.iziToast-body .iziToast-icon.WISTERIA {
373
- color: #8e44ad;
374
- }
375
- .fa.MIDNIGHTBLUE,
376
- .fas.MIDNIGHTBLUE,
377
- .far.MIDNIGHTBLUE,
378
- .fad.MIDNIGHTBLUE,
379
- .fal.MIDNIGHTBLUE,
380
- .fa-solid.MIDNIGHTBLUE,
381
- .fa-regular.MIDNIGHTBLUE,
382
- .fa-duotone.MIDNIGHTBLUE,
383
- .fa-light.MIDNIGHTBLUE,
384
- .fa-thin.MIDNIGHTBLUE,
385
- .iziToast>.iziToast-body .iziToast-icon.MIDNIGHTBLUE {
386
- color: #2c3e50;
387
- }
388
- .fa.SUNFLOWER,
389
- .fas.SUNFLOWER,
390
- .far.SUNFLOWER,
391
- .fad.SUNFLOWER,
392
- .fal.SUNFLOWER,
393
- .fa-solid.SUNFLOWER,
394
- .fa-regular.SUNFLOWER,
395
- .fa-duotone.SUNFLOWER,
396
- .fa-light.SUNFLOWER,
397
- .fa-thin.SUNFLOWER,
398
- .iziToast>.iziToast-body .iziToast-icon.SUNFLOWER {
399
- color: #f1c40f;
400
- }
401
- .fa.CARROT,
402
- .fas.CARROT,
403
- .far.CARROT,
404
- .fad.CARROT,
405
- .fal.CARROT,
406
- .fa-solid.CARROT,
407
- .fa-regular.CARROT,
408
- .fa-duotone.CARROT,
409
- .fa-light.CARROT,
410
- .fa-thin.CARROT,
411
- .iziToast>.iziToast-body .iziToast-icon.CARROT {
412
- color: #e67e22;
413
- }
414
- .fa.ALIZARIN,
415
- .fas.ALIZARIN,
416
- .far.ALIZARIN,
417
- .fad.ALIZARIN,
418
- .fal.ALIZARIN,
419
- .fa-solid.ALIZARIN,
420
- .fa-regular.ALIZARIN,
421
- .fa-duotone.ALIZARIN,
422
- .fa-light.ALIZARIN,
423
- .fa-thin.ALIZARIN,
424
- .iziToast>.iziToast-body .iziToast-icon.ALIZARIN {
425
- color: #e74c3c;
426
- }
427
- .fa.CLOUDS,
428
- .fas.CLOUDS,
429
- .far.CLOUDS,
430
- .fad.CLOUDS,
431
- .fal.CLOUDS,
432
- .fa-solid.CLOUDS,
433
- .fa-regular.CLOUDS,
434
- .fa-duotone.CLOUDS,
435
- .fa-light.CLOUDS,
436
- .fa-thin.CLOUDS,
437
- .iziToast>.iziToast-body .iziToast-icon.CLOUDS {
438
- color: #ecf0f1;
439
- }
440
- .fa.CONCRETE,
441
- .fas.CONCRETE,
442
- .far.CONCRETE,
443
- .fad.CONCRETE,
444
- .fal.CONCRETE,
445
- .fa-solid.CONCRETE,
446
- .fa-regular.CONCRETE,
447
- .fa-duotone.CONCRETE,
448
- .fa-light.CONCRETE,
449
- .fa-thin.CONCRETE,
450
- .iziToast>.iziToast-body .iziToast-icon.CONCRETE {
451
- color: #95a5a6;
452
- }
453
- .fa.ORANGE,
454
- .fas.ORANGE,
455
- .far.ORANGE,
456
- .fad.ORANGE,
457
- .fal.ORANGE,
458
- .fa-solid.ORANGE,
459
- .fa-regular.ORANGE,
460
- .fa-duotone.ORANGE,
461
- .fa-light.ORANGE,
462
- .fa-thin.ORANGE,
463
- .iziToast>.iziToast-body .iziToast-icon.ORANGE {
464
- color: #f39c12;
465
- }
466
- .fa.PUMPKIN,
467
- .fas.PUMPKIN,
468
- .far.PUMPKIN,
469
- .fad.PUMPKIN,
470
- .fal.PUMPKIN,
471
- .fa-solid.PUMPKIN,
472
- .fa-regular.PUMPKIN,
473
- .fa-duotone.PUMPKIN,
474
- .fa-light.PUMPKIN,
475
- .fa-thin.PUMPKIN,
476
- .iziToast>.iziToast-body .iziToast-icon.PUMPKIN {
477
- color: #d35400;
478
- }
479
- .fa.POMEGRANATE,
480
- .fas.POMEGRANATE,
481
- .far.POMEGRANATE,
482
- .fad.POMEGRANATE,
483
- .fal.POMEGRANATE,
484
- .fa-solid.POMEGRANATE,
485
- .fa-regular.POMEGRANATE,
486
- .fa-duotone.POMEGRANATE,
487
- .fa-light.POMEGRANATE,
488
- .fa-thin.POMEGRANATE,
489
- .iziToast>.iziToast-body .iziToast-icon.POMEGRANATE {
490
- color: #c0392b;
491
- }
492
- .fa.SILVER,
493
- .fas.SILVER,
494
- .far.SILVER,
495
- .fad.SILVER,
496
- .fal.SILVER,
497
- .fa-solid.SILVER,
498
- .fa-regular.SILVER,
499
- .fa-duotone.SILVER,
500
- .fa-light.SILVER,
501
- .fa-thin.SILVER,
502
- .iziToast>.iziToast-body .iziToast-icon.SILVER {
503
- color: #bdc3c7;
504
- }
505
- .fa.ASBESTOS,
506
- .fas.ASBESTOS,
507
- .far.ASBESTOS,
508
- .fad.ASBESTOS,
509
- .fal.ASBESTOS,
510
- .fa-solid.ASBESTOS,
511
- .fa-regular.ASBESTOS,
512
- .fa-duotone.ASBESTOS,
513
- .fa-light.ASBESTOS,
514
- .fa-thin.ASBESTOS,
515
- .iziToast>.iziToast-body .iziToast-icon.ASBESTOS {
516
- color: #7f8c8d;
517
- }
518
- .new-meta-box,
519
- .article-title,
520
- .prev-next,
521
- .meta-v3,
522
- .md .footer .header,
523
- .widget header,
524
- details summary {
525
- font-family: "Varela Round", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Helvetica, monospace;
526
- }
527
- :root {
528
- --color-site-body: #f4f4f4;
529
- --color-site-bg: #f4f4f4;
530
- --color-site-inner: #fff;
531
- --color-site-footer: #666;
532
- --color-card: #fff;
533
- --color-text: #444;
534
- --color-block: #f4f4f4;
535
- --color-inlinecode: #444;
536
- --color-codeblock: #f4f4f4;
537
- --color-h1: #3a3a3a;
538
- --color-h2: #3a3a3a;
539
- --color-h3: #333;
540
- --color-h4: #444;
541
- --color-h5: #555;
542
- --color-h6: #666;
543
- --color-p: #444;
544
- --color-list: #666;
545
- --color-list-hl: #30ad91;
546
- --color-meta: #888;
547
- --color-read-bkg: #e0d8c8;
548
- --color-read-post: #f8f1e2;
549
- --color-copyright-bkg: #f5f5f5;
550
- --color-white-png: #fff;
551
- --color-img-error: #f5f5f5;
552
- }
553
- * {
554
- box-sizing: border-box;
555
- -webkit-box-sizing: border-box;
556
- -moz-box-sizing: border-box;
557
- outline: none;
558
- margin: 0;
559
- padding: 0;
560
- }
561
- *::-webkit-scrollbar {
562
- height: 4px;
563
- width: 4px;
564
- }
565
- *::-webkit-scrollbar-track-piece {
566
- background: transparent;
567
- }
568
- *::-webkit-scrollbar-thumb {
569
- background: #3dd9b6;
570
- cursor: pointer;
571
- border-radius: 2px;
572
- -webkit-border-radius: 2px;
573
- }
574
- *::-webkit-scrollbar-thumb:hover {
575
- background: #ff5722;
576
- }
577
- html {
578
- color: var(--color-text);
579
- width: 100%;
580
- height: 100%;
581
- font-family: UbuntuMono, "Varela Round", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, sans-serif;
582
- font-size: 16px;
583
- }
584
- html >::-webkit-scrollbar {
585
- height: 4px;
586
- width: 4px;
587
- }
588
- html >::-webkit-scrollbar-track-piece {
589
- background: transparent;
590
- }
591
- html >::-webkit-scrollbar-thumb {
592
- background: #3dd9b6;
593
- cursor: pointer;
594
- border-radius: 2px;
595
- -webkit-border-radius: 2px;
596
- }
597
- html >::-webkit-scrollbar-thumb:hover {
598
- background: #ff5722;
599
- }
600
- body {
601
- background-color: var(--color-site-body);
602
- text-rendering: optimizelegibility;
603
- -webkit-tap-highlight-color: rgba(0,0,0,0);
604
- line-height: 1.6;
605
- -webkit-text-size-adjust: 100%;
606
- -ms-text-size-adjust: 100%;
607
- }
608
- body.modal-active {
609
- overflow: hidden;
610
- }
611
- @media screen and (max-width: 680px) {
612
- body.modal-active {
613
- position: fixed;
614
- top: 0;
615
- right: 0;
616
- bottom: 0;
617
- left: 0;
618
- }
619
- }
620
- a {
621
- color: #2092ec;
622
- cursor: pointer;
623
- text-decoration: none;
624
- transition: all 0.28s ease;
625
- -webkit-transition: all 0.28s ease;
626
- -khtml-transition: all 0.28s ease;
627
- -moz-transition: all 0.28s ease;
628
- -o-transition: all 0.28s ease;
629
- -ms-transition: all 0.28s ease;
630
- }
631
- a:active,
632
- a:hover {
633
- outline: 0;
634
- }
635
- ul,
636
- ol {
637
- padding-left: 0;
638
- }
639
- ul li,
640
- ol li {
641
- list-style: none;
642
- }
643
- header {
644
- display: block;
645
- }
646
- img {
647
- border: 0;
648
- background: none;
649
- max-width: 100%;
650
- }
651
- svg:not(:root) {
652
- overflow: hidden;
653
- }
654
- hr {
655
- -moz-box-sizing: content-box;
656
- box-sizing: content-box;
657
- -webkit-box-sizing: content-box;
658
- -moz-box-sizing: content-box;
659
- height: 0;
660
- border: 0;
661
- border-radius: 1px;
662
- -webkit-border-radius: 1px;
663
- border-bottom: 1px solid rgba(68,68,68,0.1);
664
- }
665
- article hr {
666
- background-image: none;
667
- height: 2em;
668
- border: none;
669
- margin: 1em 0 1em;
670
- text-align: center;
671
- }
672
- article hr:after {
673
- content: "···";
674
- letter-spacing: 2em;
675
- padding-left: 2em;
676
- font-weight: 700;
677
- }
678
- button,
679
- input {
680
- color: inherit;
681
- font: inherit;
682
- margin: 0;
683
- }
684
- button {
685
- overflow: visible;
686
- text-transform: none;
687
- -webkit-appearance: button;
688
- cursor: pointer;
689
- }
690
- @supports (backdrop-filter: blur(20px)) {
691
- .blur {
692
- background: rgba(255,255,255,0.9) !important;
693
- backdrop-filter: saturate(200%) blur(20px);
694
- }
695
- }
696
- @supports (backdrop-filter: blur(20px)) {
697
- .blur#comments {
698
- backdrop-filter: unset;
699
- }
700
- }
701
- .shadow {
702
- box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
703
- -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
704
- }
705
- .shadow.floatable {
706
- transition: all 0.28s ease;
707
- -webkit-transition: all 0.28s ease;
708
- -khtml-transition: all 0.28s ease;
709
- -moz-transition: all 0.28s ease;
710
- -o-transition: all 0.28s ease;
711
- -ms-transition: all 0.28s ease;
712
- }
713
- .shadow.floatable:hover {
714
- box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
715
- -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
716
- }
717
- #l_cover {
718
- min-height: 64px;
719
- }
720
- .cover-wrapper {
721
- top: 0;
722
- left: 0;
723
- max-width: 100%;
724
- height: 100vh;
725
- display: flex;
726
- flex-wrap: nowrap;
727
- -webkit-flex-wrap: nowrap;
728
- -khtml-flex-wrap: nowrap;
729
- -moz-flex-wrap: nowrap;
730
- -o-flex-wrap: nowrap;
731
- -ms-flex-wrap: nowrap;
732
- -webkit-box-direction: normal;
733
- -moz-box-direction: normal;
734
- -webkit-box-orient: vertical;
735
- -moz-box-orient: vertical;
736
- -webkit-flex-direction: column;
737
- -ms-flex-direction: column;
738
- flex-direction: column;
739
- align-items: center;
740
- align-self: center;
741
- align-content: center;
742
- color: var(--color-site-inner);
743
- padding: 0 16px;
744
- user-select: none;
745
- -webkit-user-select: none;
746
- -moz-user-select: none;
747
- -ms-user-select: none;
748
- position: relative;
749
- overflow: hidden;
750
- margin-bottom: -100px;
751
- }
752
- .cover-wrapper .cover-bg {
753
- position: absolute;
754
- width: 100%;
755
- height: 100%;
756
- background-position: center;
757
- background-size: cover;
758
- -webkit-background-size: cover;
759
- -moz-background-size: cover;
760
- }
761
- .cover-wrapper .cover-bg.lazyload:not(.loaded) {
762
- opacity: 0;
763
- -webkit-opacity: 0;
764
- -moz-opacity: 0;
765
- }
766
- .cover-wrapper .cover-bg.lazyload.loaded {
767
- animation-delay: 0s;
768
- animation-duration: 0.5s;
769
- animation-fill-mode: forwards;
770
- animation-timing-function: ease-out;
771
- animation-name: fadeIn;
772
- }
773
- @-moz-keyframes fadeIn {
774
- 0% {
775
- opacity: 0;
776
- -webkit-opacity: 0;
777
- -moz-opacity: 0;
778
- filter: blur(12px);
779
- transform: scale(1.02);
780
- -webkit-transform: scale(1.02);
781
- -khtml-transform: scale(1.02);
782
- -moz-transform: scale(1.02);
783
- -o-transform: scale(1.02);
784
- -ms-transform: scale(1.02);
785
- }
786
- 100% {
787
- opacity: 1;
788
- -webkit-opacity: 1;
789
- -moz-opacity: 1;
790
- }
791
- }
792
- @-webkit-keyframes fadeIn {
793
- 0% {
794
- opacity: 0;
795
- -webkit-opacity: 0;
796
- -moz-opacity: 0;
797
- filter: blur(12px);
798
- transform: scale(1.02);
799
- -webkit-transform: scale(1.02);
800
- -khtml-transform: scale(1.02);
801
- -moz-transform: scale(1.02);
802
- -o-transform: scale(1.02);
803
- -ms-transform: scale(1.02);
804
- }
805
- 100% {
806
- opacity: 1;
807
- -webkit-opacity: 1;
808
- -moz-opacity: 1;
809
- }
810
- }
811
- @-o-keyframes fadeIn {
812
- 0% {
813
- opacity: 0;
814
- -webkit-opacity: 0;
815
- -moz-opacity: 0;
816
- filter: blur(12px);
817
- transform: scale(1.02);
818
- -webkit-transform: scale(1.02);
819
- -khtml-transform: scale(1.02);
820
- -moz-transform: scale(1.02);
821
- -o-transform: scale(1.02);
822
- -ms-transform: scale(1.02);
823
- }
824
- 100% {
825
- opacity: 1;
826
- -webkit-opacity: 1;
827
- -moz-opacity: 1;
828
- }
829
- }
830
- @keyframes fadeIn {
831
- 0% {
832
- opacity: 0;
833
- -webkit-opacity: 0;
834
- -moz-opacity: 0;
835
- filter: blur(12px);
836
- transform: scale(1.02);
837
- -webkit-transform: scale(1.02);
838
- -khtml-transform: scale(1.02);
839
- -moz-transform: scale(1.02);
840
- -o-transform: scale(1.02);
841
- -ms-transform: scale(1.02);
842
- }
843
- 100% {
844
- opacity: 1;
845
- -webkit-opacity: 1;
846
- -moz-opacity: 1;
847
- }
848
- }
849
- .cover-wrapper .cover-body {
850
- z-index: 1;
851
- position: relative;
852
- width: 100%;
853
- height: 100%;
854
- }
855
- .cover-wrapper#full {
856
- height: calc(100vh + 100px);
857
- padding-bottom: 100px;
858
- }
859
- .cover-wrapper#half {
860
- max-height: 640px;
861
- min-height: 460px;
862
- height: calc(36vh - 64px + 200px);
863
- }
864
- .cover-wrapper #scroll-down {
865
- width: 100%;
866
- height: 64px;
867
- position: absolute;
868
- bottom: 100px;
869
- text-align: center;
870
- cursor: pointer;
871
- }
872
- .cover-wrapper #scroll-down .scroll-down-effects {
873
- color: #fff;
874
- font-size: 24px;
875
- line-height: 64px;
876
- position: absolute;
877
- width: 24px;
878
- left: calc(50% - 12px);
879
- text-shadow: 0 1px 2px rgba(0,0,0,0.1);
880
- animation: scroll-down-effect 1.5s infinite;
881
- -webkit-animation: scroll-down-effect 1.5s infinite;
882
- -khtml-animation: scroll-down-effect 1.5s infinite;
883
- -moz-animation: scroll-down-effect 1.5s infinite;
884
- -o-animation: scroll-down-effect 1.5s infinite;
885
- -ms-animation: scroll-down-effect 1.5s infinite;
886
- }
887
- @-moz-keyframes scroll-down-effect {
888
- 0% {
889
- top: 0;
890
- opacity: 1;
891
- -webkit-opacity: 1;
892
- -moz-opacity: 1;
893
- }
894
- 50% {
895
- top: -16px;
896
- opacity: 0.4;
897
- -webkit-opacity: 0.4;
898
- -moz-opacity: 0.4;
899
- }
900
- 100% {
901
- top: 0;
902
- opacity: 1;
903
- -webkit-opacity: 1;
904
- -moz-opacity: 1;
905
- }
906
- }
907
- @-webkit-keyframes scroll-down-effect {
908
- 0% {
909
- top: 0;
910
- opacity: 1;
911
- -webkit-opacity: 1;
912
- -moz-opacity: 1;
913
- }
914
- 50% {
915
- top: -16px;
916
- opacity: 0.4;
917
- -webkit-opacity: 0.4;
918
- -moz-opacity: 0.4;
919
- }
920
- 100% {
921
- top: 0;
922
- opacity: 1;
923
- -webkit-opacity: 1;
924
- -moz-opacity: 1;
925
- }
926
- }
927
- @-o-keyframes scroll-down-effect {
928
- 0% {
929
- top: 0;
930
- opacity: 1;
931
- -webkit-opacity: 1;
932
- -moz-opacity: 1;
933
- }
934
- 50% {
935
- top: -16px;
936
- opacity: 0.4;
937
- -webkit-opacity: 0.4;
938
- -moz-opacity: 0.4;
939
- }
940
- 100% {
941
- top: 0;
942
- opacity: 1;
943
- -webkit-opacity: 1;
944
- -moz-opacity: 1;
945
- }
946
- }
947
- @keyframes scroll-down-effect {
948
- 0% {
949
- top: 0;
950
- opacity: 1;
951
- -webkit-opacity: 1;
952
- -moz-opacity: 1;
953
- }
954
- 50% {
955
- top: -16px;
956
- opacity: 0.4;
957
- -webkit-opacity: 0.4;
958
- -moz-opacity: 0.4;
959
- }
960
- 100% {
961
- top: 0;
962
- opacity: 1;
963
- -webkit-opacity: 1;
964
- -moz-opacity: 1;
965
- }
966
- }
967
- .cover-wrapper .cover-body {
968
- margin-top: 64px;
969
- margin-bottom: 120px;
970
- }
971
- .cover-wrapper .cover-body,
972
- .cover-wrapper .cover-body .top,
973
- .cover-wrapper .cover-body .bottom {
974
- display: flex;
975
- -webkit-box-direction: normal;
976
- -moz-box-direction: normal;
977
- -webkit-box-orient: vertical;
978
- -moz-box-orient: vertical;
979
- -webkit-flex-direction: column;
980
- -ms-flex-direction: column;
981
- flex-direction: column;
982
- align-items: center;
983
- justify-content: center;
984
- -webkit-justify-content: center;
985
- -khtml-justify-content: center;
986
- -moz-justify-content: center;
987
- -o-justify-content: center;
988
- -ms-justify-content: center;
989
- max-width: 100%;
990
- }
991
- .cover-wrapper .cover-body .bottom {
992
- margin-top: 32px;
993
- }
994
- .cover-wrapper .cover-body .title {
995
- font-family: "Varela Round", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Helvetica, monospace;
996
- font-size: 3.125rem;
997
- text-shadow: 0 1px 2px rgba(0,0,0,0.1);
998
- text-align: center;
999
- }
1000
- .cover-wrapper .cover-body .subtitle {
1001
- font-size: 16px;
1002
- }
1003
- .cover-wrapper .cover-body .logo {
1004
- max-height: 120px;
1005
- max-width: calc(100% - 4 * 16px);
1006
- }
1007
- @media screen and (min-height: 1024px) {
1008
- .cover-wrapper .cover-body .title {
1009
- font-size: 3rem;
1010
- }
1011
- .cover-wrapper .cover-body .subtitle {
1012
- font-size: 0.875rem;
1013
- }
1014
- .cover-wrapper .cover-body .logo {
1015
- max-height: 150px;
1016
- }
1017
- }
1018
- .cover-wrapper .cover-body .m_search {
1019
- position: relative;
1020
- max-width: calc(100% - 16px);
1021
- width: 320px;
1022
- vertical-align: middle;
1023
- }
1024
- .cover-wrapper .cover-body .m_search .form {
1025
- position: relative;
1026
- display: block;
1027
- width: 100%;
1028
- }
1029
- .cover-wrapper .cover-body .m_search .icon,
1030
- .cover-wrapper .cover-body .m_search .input {
1031
- transition: all 0.28s ease;
1032
- -webkit-transition: all 0.28s ease;
1033
- -khtml-transition: all 0.28s ease;
1034
- -moz-transition: all 0.28s ease;
1035
- -o-transition: all 0.28s ease;
1036
- -ms-transition: all 0.28s ease;
1037
- }
1038
- .cover-wrapper .cover-body .m_search .icon {
1039
- position: absolute;
1040
- display: block;
1041
- line-height: 2.5rem;
1042
- width: 32px;
1043
- top: 0;
1044
- left: 5px;
1045
- color: rgba(68,68,68,0.75);
1046
- }
1047
- .cover-wrapper .cover-body .m_search .input {
1048
- display: block;
1049
- height: 2.5rem;
1050
- width: 100%;
1051
- box-shadow: none;
1052
- -webkit-box-shadow: none;
1053
- box-sizing: border-box;
1054
- -webkit-box-sizing: border-box;
1055
- -moz-box-sizing: border-box;
1056
- font-size: 0.875rem;
1057
- -webkit-appearance: none;
1058
- padding-left: 36px;
1059
- border-radius: 1.4rem;
1060
- -webkit-border-radius: 1.4rem;
1061
- background: rgba(255,255,255,0.6);
1062
- backdrop-filter: blur(10px);
1063
- border: none;
1064
- color: var(--color-text);
1065
- }
1066
- @media screen and (max-width: 500px) {
1067
- .cover-wrapper .cover-body .m_search .input {
1068
- padding-left: 36px;
1069
- }
1070
- }
1071
- .cover-wrapper .cover-body .m_search .input:hover {
1072
- background: rgba(255,255,255,0.8);
1073
- }
1074
- .cover-wrapper .cover-body .m_search .input:focus {
1075
- background: #fff;
1076
- }
1077
- .cover-wrapper .list-h {
1078
- display: flex;
1079
- -webkit-box-direction: normal;
1080
- -moz-box-direction: normal;
1081
- -webkit-box-orient: horizontal;
1082
- -moz-box-orient: horizontal;
1083
- -webkit-flex-direction: row;
1084
- -ms-flex-direction: row;
1085
- flex-direction: row;
1086
- flex-wrap: wrap;
1087
- -webkit-flex-wrap: wrap;
1088
- -khtml-flex-wrap: wrap;
1089
- -moz-flex-wrap: wrap;
1090
- -o-flex-wrap: wrap;
1091
- -ms-flex-wrap: wrap;
1092
- align-items: stretch;
1093
- border-radius: 4px;
1094
- -webkit-border-radius: 4px;
1095
- user-select: none;
1096
- -webkit-user-select: none;
1097
- -moz-user-select: none;
1098
- -ms-user-select: none;
1099
- }
1100
- .cover-wrapper .list-h a {
1101
- -webkit-box-flex: 1;
1102
- -moz-box-flex: 1;
1103
- -webkit-flex: 1 0;
1104
- -ms-flex: 1 0;
1105
- flex: 1 0;
1106
- display: flex;
1107
- font-weight: 600;
1108
- }
1109
- .cover-wrapper .list-h a img {
1110
- display: block;
1111
- border-radius: 2px;
1112
- -webkit-border-radius: 2px;
1113
- margin: 4px;
1114
- min-width: 40px;
1115
- max-width: 44px;
1116
- }
1117
- @media screen and (max-width: 768px) {
1118
- .cover-wrapper .list-h a img {
1119
- min-width: 36px;
1120
- max-width: 40px;
1121
- }
1122
- }
1123
- @media screen and (max-width: 500px) {
1124
- .cover-wrapper .list-h a img {
1125
- margin: 2px 4px;
1126
- min-width: 32px;
1127
- max-width: 36px;
1128
- }
1129
- }
1130
- @media screen and (max-width: 375px) {
1131
- .cover-wrapper .list-h a img {
1132
- min-width: 28px;
1133
- max-width: 32px;
1134
- }
1135
- }
1136
- .cover-wrapper {
1137
- max-width: 100%;
1138
- }
1139
- .cover-wrapper.search .bottom .menu {
1140
- margin-top: 8px;
1141
- }
1142
- .cover-wrapper.search .bottom .menu .list-h a {
1143
- white-space: nowrap;
1144
- -webkit-box-direction: normal;
1145
- -moz-box-direction: normal;
1146
- -webkit-box-orient: horizontal;
1147
- -moz-box-orient: horizontal;
1148
- -webkit-flex-direction: row;
1149
- -ms-flex-direction: row;
1150
- flex-direction: row;
1151
- align-items: baseline;
1152
- padding: 2px;
1153
- margin: 4px;
1154
- color: var(--color-site-inner);
1155
- opacity: 0.75;
1156
- -webkit-opacity: 0.75;
1157
- -moz-opacity: 0.75;
1158
- text-shadow: 0 1px 2px rgba(0,0,0,0.05);
1159
- border-bottom: 2px solid transparent;
1160
- }
1161
- .cover-wrapper.search .bottom .menu .list-h a i {
1162
- margin-right: 4px;
1163
- }
1164
- .cover-wrapper.search .bottom .menu .list-h a p {
1165
- font-size: 0.9375rem;
1166
- }
1167
- .cover-wrapper.search .bottom .menu .list-h a:hover,
1168
- .cover-wrapper.search .bottom .menu .list-h a.active,
1169
- .cover-wrapper.search .bottom .menu .list-h a:active {
1170
- opacity: 1;
1171
- -webkit-opacity: 1;
1172
- -moz-opacity: 1;
1173
- border-bottom: 2px solid var(--color-site-inner);
1174
- }
1175
- @font-face {
1176
- font-family: 'UbuntuMono';
1177
- src: url("https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/UbuntuMono/UbuntuMono-Regular.ttf");
1178
- font-weight: 'normal';
1179
- font-style: 'normal';
1180
- font-display: swap;
1181
- }
1182
- @font-face {
1183
- font-family: 'Varela Round';
1184
- src: url("https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/VarelaRound/VarelaRound-Regular.ttf");
1185
- font-weight: 'normal';
1186
- font-style: 'normal';
1187
- font-display: swap;
1188
- }
1189
- .l_header {
1190
- position: fixed;
1191
- z-index: 1000;
1192
- top: 0;
1193
- width: 100%;
1194
- height: 64px;
1195
- background: var(--color-card);
1196
- box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
1197
- -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
1198
- }
1199
- .l_header.auto {
1200
- transition: opacity 0.4s ease;
1201
- -webkit-transition: opacity 0.4s ease;
1202
- -khtml-transition: opacity 0.4s ease;
1203
- -moz-transition: opacity 0.4s ease;
1204
- -o-transition: opacity 0.4s ease;
1205
- -ms-transition: opacity 0.4s ease;
1206
- visibility: hidden;
1207
- }
1208
- .l_header.auto.showed {
1209
- opacity: 1 !important;
1210
- -webkit-opacity: 1 !important;
1211
- -moz-opacity: 1 !important;
1212
- visibility: visible;
1213
- }
1214
- .l_header .container {
1215
- margin-left: 16px;
1216
- margin-right: 16px;
1217
- }
1218
- .l_header #wrapper {
1219
- height: 100%;
1220
- user-select: none;
1221
- -webkit-user-select: none;
1222
- -moz-user-select: none;
1223
- -ms-user-select: none;
1224
- }
1225
- .l_header #wrapper .nav-main,
1226
- .l_header #wrapper .nav-sub {
1227
- display: flex;
1228
- flex-wrap: nowrap;
1229
- -webkit-flex-wrap: nowrap;
1230
- -khtml-flex-wrap: nowrap;
1231
- -moz-flex-wrap: nowrap;
1232
- -o-flex-wrap: nowrap;
1233
- -ms-flex-wrap: nowrap;
1234
- justify-content: space-between;
1235
- -webkit-justify-content: space-between;
1236
- -khtml-justify-content: space-between;
1237
- -moz-justify-content: space-between;
1238
- -o-justify-content: space-between;
1239
- -ms-justify-content: space-between;
1240
- align-items: center;
1241
- }
1242
- .l_header #wrapper .nav-main {
1243
- transition: all 0.28s ease;
1244
- -webkit-transition: all 0.28s ease;
1245
- -khtml-transition: all 0.28s ease;
1246
- -moz-transition: all 0.28s ease;
1247
- -o-transition: all 0.28s ease;
1248
- -ms-transition: all 0.28s ease;
1249
- }
1250
- .l_header #wrapper.sub .nav-main {
1251
- transform: translateY(-64px);
1252
- -webkit-transform: translateY(-64px);
1253
- -khtml-transform: translateY(-64px);
1254
- -moz-transform: translateY(-64px);
1255
- -o-transform: translateY(-64px);
1256
- -ms-transform: translateY(-64px);
1257
- }
1258
- .l_header #wrapper .nav-sub {
1259
- transition: all 0.28s ease;
1260
- -webkit-transition: all 0.28s ease;
1261
- -khtml-transition: all 0.28s ease;
1262
- -moz-transition: all 0.28s ease;
1263
- -o-transition: all 0.28s ease;
1264
- -ms-transition: all 0.28s ease;
1265
- opacity: 0;
1266
- -webkit-opacity: 0;
1267
- -moz-opacity: 0;
1268
- height: 64px;
1269
- width: calc(100% - 2 * 16px);
1270
- position: absolute;
1271
- }
1272
- .l_header #wrapper .nav-sub ::-webkit-scrollbar {
1273
- display: none;
1274
- }
1275
- @media screen and (min-width: 2048px) {
1276
- .l_header #wrapper .nav-sub {
1277
- max-width: 55vw;
1278
- margin: auto;
1279
- }
1280
- }
1281
- .l_header #wrapper.sub .nav-sub {
1282
- opacity: 1;
1283
- -webkit-opacity: 1;
1284
- -moz-opacity: 1;
1285
- }
1286
- .l_header #wrapper .title {
1287
- position: relative;
1288
- color: var(--color-text);
1289
- padding-left: 24px;
1290
- max-height: 64px;
1291
- }
1292
- .l_header #wrapper .nav-main .title {
1293
- white-space: nowrap;
1294
- overflow: hidden;
1295
- text-overflow: ellipsis;
1296
- flex-shrink: 0;
1297
- line-height: 64px;
1298
- padding: 0 8px;
1299
- font-size: 1.25rem;
1300
- font-family: "Varela Round", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Helvetica, monospace;
1301
- }
1302
- .l_header #wrapper .nav-main .title img {
1303
- height: 64px;
1304
- padding: 8px;
1305
- }
1306
- .l_header .nav-sub {
1307
- max-width: 1080px;
1308
- margin: auto;
1309
- }
1310
- .l_header .nav-sub .title {
1311
- font-weight: bold;
1312
- font-family: UbuntuMono, "Varela Round", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, sans-serif;
1313
- line-height: 1.2;
1314
- max-height: 64px;
1315
- white-space: normal;
1316
- flex-shrink: 1;
1317
- }
1318
- .l_header .switcher {
1319
- display: none;
1320
- line-height: 64px;
1321
- align-items: center;
1322
- }
1323
- .l_header .switcher .s-toc {
1324
- display: none;
1325
- }
1326
- @media screen and (max-width: 768px) {
1327
- .l_header .switcher .s-toc {
1328
- display: flex;
1329
- }
1330
- }
1331
- .l_header .switcher >li {
1332
- height: 48px;
1333
- transition: all 0.28s ease;
1334
- -webkit-transition: all 0.28s ease;
1335
- -khtml-transition: all 0.28s ease;
1336
- -moz-transition: all 0.28s ease;
1337
- -o-transition: all 0.28s ease;
1338
- -ms-transition: all 0.28s ease;
1339
- margin: 2px;
1340
- }
1341
- @media screen and (max-width: 500px) {
1342
- .l_header .switcher >li {
1343
- margin: 0 1px;
1344
- height: 48px;
1345
- }
1346
- }
1347
- .l_header .switcher >li >a {
1348
- display: flex;
1349
- justify-content: center;
1350
- -webkit-justify-content: center;
1351
- -khtml-justify-content: center;
1352
- -moz-justify-content: center;
1353
- -o-justify-content: center;
1354
- -ms-justify-content: center;
1355
- align-items: center;
1356
- width: 48px;
1357
- height: 48px;
1358
- padding: 0.85em 1.1em;
1359
- border-radius: 100px;
1360
- -webkit-border-radius: 100px;
1361
- border: none;
1362
- transition: all 0.28s ease;
1363
- -webkit-transition: all 0.28s ease;
1364
- -khtml-transition: all 0.28s ease;
1365
- -moz-transition: all 0.28s ease;
1366
- -o-transition: all 0.28s ease;
1367
- -ms-transition: all 0.28s ease;
1368
- color: #3dd9b6;
1369
- }
1370
- .l_header .switcher >li >a:hover {
1371
- border: none;
1372
- }
1373
- .l_header .switcher >li >a.active,
1374
- .l_header .switcher >li >a:active {
1375
- border: none;
1376
- background: var(--color-site-bg);
1377
- }
1378
- @media screen and (max-width: 500px) {
1379
- .l_header .switcher >li >a {
1380
- width: 36px;
1381
- height: 48px;
1382
- }
1383
- }
1384
- .l_header .nav-sub .switcher {
1385
- display: flex;
1386
- }
1387
- .l_header .m_search {
1388
- display: flex;
1389
- height: 64px;
1390
- width: 240px;
1391
- transition: all 0.28s ease;
1392
- -webkit-transition: all 0.28s ease;
1393
- -khtml-transition: all 0.28s ease;
1394
- -moz-transition: all 0.28s ease;
1395
- -o-transition: all 0.28s ease;
1396
- -ms-transition: all 0.28s ease;
1397
- }
1398
- @media screen and (max-width: 1024px) {
1399
- .l_header .m_search {
1400
- width: 44px;
1401
- min-width: 44px;
1402
- }
1403
- .l_header .m_search input::placeholder {
1404
- opacity: 0;
1405
- -webkit-opacity: 0;
1406
- -moz-opacity: 0;
1407
- }
1408
- .l_header .m_search:hover {
1409
- width: 240px;
1410
- }
1411
- .l_header .m_search:hover input::placeholder {
1412
- opacity: 1;
1413
- -webkit-opacity: 1;
1414
- -moz-opacity: 1;
1415
- }
1416
- }
1417
- @media screen and (min-width: 500px) {
1418
- .l_header .m_search:hover .input {
1419
- width: 100%;
1420
- }
1421
- .l_header .m_search:hover .input::placeholder {
1422
- opacity: 1;
1423
- -webkit-opacity: 1;
1424
- -moz-opacity: 1;
1425
- }
1426
- }
1427
- @media screen and (max-width: 500px) {
1428
- .l_header .m_search {
1429
- min-width: 0;
1430
- }
1431
- .l_header .m_search input::placeholder {
1432
- opacity: 1;
1433
- -webkit-opacity: 1;
1434
- -moz-opacity: 1;
1435
- }
1436
- }
1437
- .l_header .m_search .form {
1438
- position: relative;
1439
- display: flex;
1440
- width: 100%;
1441
- align-items: center;
1442
- }
1443
- .l_header .m_search .icon {
1444
- position: absolute;
1445
- width: 36px;
1446
- left: 5px;
1447
- color: var(--color-meta);
1448
- }
1449
- @media screen and (max-width: 500px) {
1450
- .l_header .m_search .icon {
1451
- display: none;
1452
- }
1453
- }
1454
- .l_header .m_search .input {
1455
- display: block;
1456
- padding-top: 8px;
1457
- padding-bottom: 8px;
1458
- line-height: 1.3;
1459
- width: 100%;
1460
- color: var(--color-text);
1461
- background: #fafafa;
1462
- box-shadow: none;
1463
- -webkit-box-shadow: none;
1464
- box-sizing: border-box;
1465
- -webkit-box-sizing: border-box;
1466
- -moz-box-sizing: border-box;
1467
- padding-left: 40px;
1468
- font-size: 0.875rem;
1469
- border-radius: 8px;
1470
- -webkit-border-radius: 8px;
1471
- border: none;
1472
- transition: all 0.28s ease;
1473
- -webkit-transition: all 0.28s ease;
1474
- -khtml-transition: all 0.28s ease;
1475
- -moz-transition: all 0.28s ease;
1476
- -o-transition: all 0.28s ease;
1477
- -ms-transition: all 0.28s ease;
1478
- }
1479
- @media screen and (min-width: 500px) {
1480
- .l_header .m_search .input:focus {
1481
- box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1);
1482
- -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1);
1483
- }
1484
- }
1485
- @media screen and (max-width: 500px) {
1486
- .l_header .m_search .input {
1487
- background: var(--color-block);
1488
- padding-left: 8px;
1489
- border: none;
1490
- }
1491
- .l_header .m_search .input:hover,
1492
- .l_header .m_search .input:focus {
1493
- border: none;
1494
- }
1495
- }
1496
- @media (max-width: 500px) {
1497
- .l_header .m_search {
1498
- left: 0;
1499
- width: 0;
1500
- overflow: hidden;
1501
- position: absolute;
1502
- background: #fff;
1503
- transition: all 0.28s ease;
1504
- -webkit-transition: all 0.28s ease;
1505
- -khtml-transition: all 0.28s ease;
1506
- -moz-transition: all 0.28s ease;
1507
- -o-transition: all 0.28s ease;
1508
- -ms-transition: all 0.28s ease;
1509
- }
1510
- .l_header .m_search .input {
1511
- border-radius: 32px;
1512
- -webkit-border-radius: 32px;
1513
- margin-left: 16px;
1514
- padding-left: 16px;
1515
- }
1516
- .l_header.z_search-open .m_search {
1517
- width: 100%;
1518
- }
1519
- .l_header.z_search-open .m_search .input {
1520
- width: calc(100% - 120px);
1521
- }
1522
- }
1523
- ul.m-pc li:hover >ul.list-v,
1524
- ul.list-v li:hover >ul.list-v {
1525
- display: block;
1526
- }
1527
- ul.nav-list-h {
1528
- display: flex;
1529
- align-items: stretch;
1530
- }
1531
- ul.nav-list-h>li {
1532
- position: relative;
1533
- justify-content: center;
1534
- -webkit-justify-content: center;
1535
- -khtml-justify-content: center;
1536
- -moz-justify-content: center;
1537
- -o-justify-content: center;
1538
- -ms-justify-content: center;
1539
- height: 100%;
1540
- line-height: 2.4;
1541
- border-radius: 4px;
1542
- -webkit-border-radius: 4px;
1543
- }
1544
- ul.nav-list-h>li > a {
1545
- -webkit-font-smoothing: antialiased;
1546
- -moz-osx-font-smoothing: grayscale;
1547
- }
1548
- ul.nav-list-h>li > a span {
1549
- font-weight: 600;
1550
- }
1551
- ul.list-v {
1552
- z-index: 1;
1553
- display: none;
1554
- position: absolute;
1555
- background: var(--color-card);
1556
- box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
1557
- -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
1558
- margin-top: -6px;
1559
- border-radius: 4px;
1560
- -webkit-border-radius: 4px;
1561
- padding: 8px 0;
1562
- }
1563
- ul.list-v.show {
1564
- display: block;
1565
- }
1566
- ul.list-v hr {
1567
- margin-top: 8px;
1568
- margin-bottom: 8px;
1569
- }
1570
- ul.list-v >li {
1571
- white-space: nowrap;
1572
- word-break: keep-all;
1573
- }
1574
- ul.list-v >li.header {
1575
- font-size: 0.78125rem;
1576
- font-weight: bold;
1577
- line-height: 2em;
1578
- color: var(--color-meta);
1579
- margin: 8px 16px 4px;
1580
- }
1581
- ul.list-v >li.header i {
1582
- margin-right: 8px;
1583
- }
1584
- ul.list-v >li ul {
1585
- margin-left: 0;
1586
- display: none;
1587
- margin-top: -40px;
1588
- }
1589
- ul.list-v .aplayer-container {
1590
- min-height: 64px;
1591
- padding: 6px 16px;
1592
- }
1593
- ul.list-v >li>a {
1594
- transition: all 0.28s ease;
1595
- -webkit-transition: all 0.28s ease;
1596
- -khtml-transition: all 0.28s ease;
1597
- -moz-transition: all 0.28s ease;
1598
- -o-transition: all 0.28s ease;
1599
- -ms-transition: all 0.28s ease;
1600
- display: block;
1601
- color: var(--color-list);
1602
- font-size: 0.875rem;
1603
- line-height: 36px;
1604
- padding: 0 20px 0 16px;
1605
- text-overflow: ellipsis;
1606
- margin: 0 4px;
1607
- border-radius: 4px;
1608
- -webkit-border-radius: 4px;
1609
- }
1610
- @media screen and (max-width: 1024px) {
1611
- ul.list-v >li>a {
1612
- line-height: 40px;
1613
- }
1614
- }
1615
- ul.list-v >li>a >i {
1616
- margin-right: 8px;
1617
- }
1618
- ul.list-v >li>a:active,
1619
- ul.list-v >li>a.active {
1620
- color: var(--color-list-hl);
1621
- }
1622
- ul.list-v >li>a:hover {
1623
- color: var(--color-list-hl);
1624
- background: var(--color-site-bg);
1625
- }
1626
- .l_header .menu >ul>li>a {
1627
- display: block;
1628
- padding: 0 8px;
1629
- display: flex;
1630
- }
1631
- .l_header .menu >ul>li>a .icon {
1632
- width: 16px;
1633
- margin-right: 6px;
1634
- }
1635
- .l_header .menu >ul>li>a .icon i {
1636
- display: inline-block;
1637
- }
1638
- .l_header .menu >ul>li>ul .icon {
1639
- width: 16px;
1640
- margin-right: 2px;
1641
- }
1642
- .l_header .menu >ul>li>ul .icon i {
1643
- display: inline-block;
1644
- }
1645
- .l_header ul.nav-list-h>li {
1646
- color: var(--color-list);
1647
- line-height: 64px;
1648
- }
1649
- .l_header ul.nav-list-h>li >a {
1650
- max-height: 64px;
1651
- overflow: hidden;
1652
- color: inherit;
1653
- }
1654
- .l_header ul.nav-list-h>li >a:active span,
1655
- .l_header ul.nav-list-h>li >a.active span {
1656
- color: #3dd9b6;
1657
- }
1658
- .l_header ul.nav-list-h>li:hover>a {
1659
- color: var(--color-list-hl);
1660
- }
1661
- .l_header ul.nav-list-h>li i.music {
1662
- animation: rotate-effect 1.5s linear infinite;
1663
- -webkit-animation: rotate-effect 1.5s linear infinite;
1664
- -khtml-animation: rotate-effect 1.5s linear infinite;
1665
- -moz-animation: rotate-effect 1.5s linear infinite;
1666
- -o-animation: rotate-effect 1.5s linear infinite;
1667
- -ms-animation: rotate-effect 1.5s linear infinite;
1668
- }
1669
- @-moz-keyframes rotate-effect {
1670
- 0% {
1671
- transform: rotate(0);
1672
- -webkit-transform: rotate(0);
1673
- -khtml-transform: rotate(0);
1674
- -moz-transform: rotate(0);
1675
- -o-transform: rotate(0);
1676
- -ms-transform: rotate(0);
1677
- }
1678
- 25% {
1679
- transform: rotate(90deg);
1680
- -webkit-transform: rotate(90deg);
1681
- -khtml-transform: rotate(90deg);
1682
- -moz-transform: rotate(90deg);
1683
- -o-transform: rotate(90deg);
1684
- -ms-transform: rotate(90deg);
1685
- }
1686
- 50% {
1687
- transform: rotate(180deg);
1688
- -webkit-transform: rotate(180deg);
1689
- -khtml-transform: rotate(180deg);
1690
- -moz-transform: rotate(180deg);
1691
- -o-transform: rotate(180deg);
1692
- -ms-transform: rotate(180deg);
1693
- }
1694
- 75% {
1695
- transform: rotate(270deg);
1696
- -webkit-transform: rotate(270deg);
1697
- -khtml-transform: rotate(270deg);
1698
- -moz-transform: rotate(270deg);
1699
- -o-transform: rotate(270deg);
1700
- -ms-transform: rotate(270deg);
1701
- }
1702
- 100% {
1703
- transform: rotate(360deg);
1704
- -webkit-transform: rotate(360deg);
1705
- -khtml-transform: rotate(360deg);
1706
- -moz-transform: rotate(360deg);
1707
- -o-transform: rotate(360deg);
1708
- -ms-transform: rotate(360deg);
1709
- }
1710
- }
1711
- @-webkit-keyframes rotate-effect {
1712
- 0% {
1713
- transform: rotate(0);
1714
- -webkit-transform: rotate(0);
1715
- -khtml-transform: rotate(0);
1716
- -moz-transform: rotate(0);
1717
- -o-transform: rotate(0);
1718
- -ms-transform: rotate(0);
1719
- }
1720
- 25% {
1721
- transform: rotate(90deg);
1722
- -webkit-transform: rotate(90deg);
1723
- -khtml-transform: rotate(90deg);
1724
- -moz-transform: rotate(90deg);
1725
- -o-transform: rotate(90deg);
1726
- -ms-transform: rotate(90deg);
1727
- }
1728
- 50% {
1729
- transform: rotate(180deg);
1730
- -webkit-transform: rotate(180deg);
1731
- -khtml-transform: rotate(180deg);
1732
- -moz-transform: rotate(180deg);
1733
- -o-transform: rotate(180deg);
1734
- -ms-transform: rotate(180deg);
1735
- }
1736
- 75% {
1737
- transform: rotate(270deg);
1738
- -webkit-transform: rotate(270deg);
1739
- -khtml-transform: rotate(270deg);
1740
- -moz-transform: rotate(270deg);
1741
- -o-transform: rotate(270deg);
1742
- -ms-transform: rotate(270deg);
1743
- }
1744
- 100% {
1745
- transform: rotate(360deg);
1746
- -webkit-transform: rotate(360deg);
1747
- -khtml-transform: rotate(360deg);
1748
- -moz-transform: rotate(360deg);
1749
- -o-transform: rotate(360deg);
1750
- -ms-transform: rotate(360deg);
1751
- }
1752
- }
1753
- @-o-keyframes rotate-effect {
1754
- 0% {
1755
- transform: rotate(0);
1756
- -webkit-transform: rotate(0);
1757
- -khtml-transform: rotate(0);
1758
- -moz-transform: rotate(0);
1759
- -o-transform: rotate(0);
1760
- -ms-transform: rotate(0);
1761
- }
1762
- 25% {
1763
- transform: rotate(90deg);
1764
- -webkit-transform: rotate(90deg);
1765
- -khtml-transform: rotate(90deg);
1766
- -moz-transform: rotate(90deg);
1767
- -o-transform: rotate(90deg);
1768
- -ms-transform: rotate(90deg);
1769
- }
1770
- 50% {
1771
- transform: rotate(180deg);
1772
- -webkit-transform: rotate(180deg);
1773
- -khtml-transform: rotate(180deg);
1774
- -moz-transform: rotate(180deg);
1775
- -o-transform: rotate(180deg);
1776
- -ms-transform: rotate(180deg);
1777
- }
1778
- 75% {
1779
- transform: rotate(270deg);
1780
- -webkit-transform: rotate(270deg);
1781
- -khtml-transform: rotate(270deg);
1782
- -moz-transform: rotate(270deg);
1783
- -o-transform: rotate(270deg);
1784
- -ms-transform: rotate(270deg);
1785
- }
1786
- 100% {
1787
- transform: rotate(360deg);
1788
- -webkit-transform: rotate(360deg);
1789
- -khtml-transform: rotate(360deg);
1790
- -moz-transform: rotate(360deg);
1791
- -o-transform: rotate(360deg);
1792
- -ms-transform: rotate(360deg);
1793
- }
1794
- }
1795
- @keyframes rotate-effect {
1796
- 0% {
1797
- transform: rotate(0);
1798
- -webkit-transform: rotate(0);
1799
- -khtml-transform: rotate(0);
1800
- -moz-transform: rotate(0);
1801
- -o-transform: rotate(0);
1802
- -ms-transform: rotate(0);
1803
- }
1804
- 25% {
1805
- transform: rotate(90deg);
1806
- -webkit-transform: rotate(90deg);
1807
- -khtml-transform: rotate(90deg);
1808
- -moz-transform: rotate(90deg);
1809
- -o-transform: rotate(90deg);
1810
- -ms-transform: rotate(90deg);
1811
- }
1812
- 50% {
1813
- transform: rotate(180deg);
1814
- -webkit-transform: rotate(180deg);
1815
- -khtml-transform: rotate(180deg);
1816
- -moz-transform: rotate(180deg);
1817
- -o-transform: rotate(180deg);
1818
- -ms-transform: rotate(180deg);
1819
- }
1820
- 75% {
1821
- transform: rotate(270deg);
1822
- -webkit-transform: rotate(270deg);
1823
- -khtml-transform: rotate(270deg);
1824
- -moz-transform: rotate(270deg);
1825
- -o-transform: rotate(270deg);
1826
- -ms-transform: rotate(270deg);
1827
- }
1828
- 100% {
1829
- transform: rotate(360deg);
1830
- -webkit-transform: rotate(360deg);
1831
- -khtml-transform: rotate(360deg);
1832
- -moz-transform: rotate(360deg);
1833
- -o-transform: rotate(360deg);
1834
- -ms-transform: rotate(360deg);
1835
- }
1836
- }
1837
- .menu-phone li ul.list-v {
1838
- right: calc(100% - 0.5 * 16px);
1839
- }
1840
- .menu-phone li ul.list-v ul {
1841
- right: calc(100% - 0.5 * 16px);
1842
- }
1843
- #wrapper {
1844
- max-width: 1080px;
1845
- margin: auto;
1846
- }
1847
- @media screen and (min-width: 2048px) {
1848
- #wrapper {
1849
- max-width: 55vw;
1850
- }
1851
- }
1852
- #wrapper .menu {
1853
- -webkit-box-flex: 1;
1854
- -moz-box-flex: 1;
1855
- -webkit-flex: 1 1;
1856
- -ms-flex: 1 1;
1857
- flex: 1 1;
1858
- margin: 0 16px 0 0;
1859
- }
1860
- #wrapper .menu .list-v ul {
1861
- left: calc(100% - 0.5 * 16px);
1862
- }
1863
- .menu-phone {
1864
- display: none;
1865
- margin-top: 16px;
1866
- right: 8px;
1867
- transition: all 0.28s ease;
1868
- -webkit-transition: all 0.28s ease;
1869
- -khtml-transition: all 0.28s ease;
1870
- -moz-transition: all 0.28s ease;
1871
- -o-transition: all 0.28s ease;
1872
- -ms-transition: all 0.28s ease;
1873
- }
1874
- .menu-phone ul {
1875
- right: calc(100% - 0.5 * 16px);
1876
- }
1877
- @media screen and (max-width: 500px) {
1878
- .menu-phone {
1879
- display: block;
1880
- }
1881
- }
1882
- .l_header {
1883
- max-width: 65vw;
1884
- left: calc((100% - 65vw) * 0.5);
1885
- border-bottom-left-radius: 8px;
1886
- border-bottom-right-radius: 8px;
1887
- }
1888
- @media screen and (max-width: 2048px) {
1889
- .l_header {
1890
- max-width: 1112px;
1891
- left: calc((100% - 1112px) * 0.5);
1892
- }
1893
- }
1894
- @media screen and (max-width: 1112px) {
1895
- .l_header {
1896
- left: 0;
1897
- border-radius: 0;
1898
- -webkit-border-radius: 0;
1899
- max-width: 100%;
1900
- }
1901
- }
1902
- @media screen and (max-width: 500px) {
1903
- .l_header .container {
1904
- margin-left: 0;
1905
- margin-right: 0;
1906
- }
1907
- .l_header #wrapper .nav-main .title {
1908
- padding-left: 16px;
1909
- padding-right: 16px;
1910
- }
1911
- .l_header #wrapper .nav-sub {
1912
- width: 100%;
1913
- }
1914
- .l_header #wrapper .nav-sub .title {
1915
- overflow-y: scroll;
1916
- margin-top: 2px;
1917
- padding: 8px 16px;
1918
- }
1919
- .l_header #wrapper .switcher {
1920
- display: flex;
1921
- margin-right: 8px;
1922
- height: 64px;
1923
- }
1924
- .l_header .menu {
1925
- display: none;
1926
- }
1927
- }
1928
- @media screen and (max-width: 500px) {
1929
- .list-v li {
1930
- max-width: 270px;
1931
- }
1932
- }
1933
- @media screen and (min-width: 768px) {
1934
- #l_header,
1935
- #l_cover {
1936
- display: none;
1937
- }
1938
- }
1939
- #u-search {
1940
- display: none;
1941
- position: fixed;
1942
- top: 0;
1943
- left: 0;
1944
- width: 100%;
1945
- height: 100%;
1946
- padding: 60px 20px;
1947
- z-index: 1001;
1948
- }
1949
- @media screen and (max-width: 680px) {
1950
- #u-search {
1951
- padding: 0px;
1952
- }
1953
- }
1954
-
1955
- </style>
1956
- <link rel="stylesheet" href="/css/style.css" media="print" onload="this.media='all';this.onload=null">
1957
- <noscript><link rel="stylesheet" href="/css/style.css"></noscript>
1958
- <script>
1959
- document.addEventListener("error", function(e) {
1960
- const elem = e.target;
1961
- const parentElem = e.target.parentElement;
1962
- const parentElemClass = parentElem.classList.toString();
1963
- const pParentElemClass = parentElem.parentElement.classList.toString();
1964
- if (elem.tagName.toLowerCase() !== 'img') {
1965
- return;
1966
- }
1967
- elem.classList.add('fix-cursor-default', 'error');
1968
- if(parentElemClass === 'fancybox' && pParentElemClass === 'fancybox') {
1969
- parentElem.parentElement.classList.add('hideFancybox');
1970
- parentElem.parentElement.classList.remove('fancybox');
1971
- parentElem.classList.remove('fancybox');
1972
- } else if(parentElemClass === 'img-bg' && pParentElemClass === 'img-wrap') {
1973
- parentElem.parentElement.classList.add('hideFancybox');
1974
- } else if(parentElemClass === 'author') {
1975
- parentElem.parentElement.classList.add('fix-author-imgError');
1976
- } else if(parentElemClass.indexOf('tk-avatar') != -1 ) {
1977
- parentElem.parentElement.classList.add('fix-avatar-imgError');
1978
- }
1979
- }, true);
1980
- </script>
1981
-
1982
- <script>
1983
- if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode))
1984
- document.write(
1985
- '<style>'+
1986
- 'html{'+
1987
- 'overflow-x: hidden !important;'+
1988
- 'overflow-y: hidden !important;'+
1989
- '}'+
1990
- '.kill-ie{'+
1991
- 'text-align:center;'+
1992
- 'height: 100%;'+
1993
- 'margin-top: 15%;'+
1994
- 'margin-bottom: 5500%;'+
1995
- '}'+
1996
- '.kill-t{'+
1997
- 'font-size: 2rem;'+
1998
- '}'+
1999
- '.kill-c{'+
2000
- 'font-size: 1.2rem;'+
2001
- '}'+
2002
- '#l_header,#l_body{'+
2003
- 'display: none;'+
2004
- '}'+
2005
- '</style>'+
2006
- '<div class="kill-ie">'+
2007
- `<span class="kill-t"><b>抱歉，您的浏览器无法访问本站</b></span><br/>`+
2008
- `<span class="kill-c">微软已经于2016年终止了对 Internet Explorer (IE) 10 及更早版本的支持，<br/>继续使用存在极大的安全隐患，请使用当代主流的浏览器进行访问。</span><br/>`+
2009
- `<a target="_blank" rel="noopener" href="https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/"><strong>了解详情 ></strong></a>`+
2010
- '</div>');
2011
- </script>
2012
-
2013
-
2014
- <noscript>
2015
- <style>
2016
- html{
2017
- overflow-x: hidden !important;
2018
- overflow-y: hidden !important;
2019
- }
2020
- .kill-noscript{
2021
- text-align:center;
2022
- height: 100%;
2023
- margin-top: 15%;
2024
- margin-bottom: 5500%;
2025
- }
2026
- .kill-t{
2027
- font-size: 2rem;
2028
- }
2029
- .kill-c{
2030
- font-size: 1.2rem;
2031
- }
2032
- #l_header,#l_body{
2033
- display: none;
2034
- }
2035
- </style>
2036
- <div class="kill-noscript">
2037
- <span class="kill-t"><b>抱歉，您的浏览器无法访问本站</b></span><br/>
2038
- <span class="kill-c">本页面需要浏览器支持（启用）JavaScript</span><br/>
2039
- <a target="_blank" rel="noopener" href="https://www.baidu.com/s?wd=启用JavaScript"><strong>了解详情 ></strong></a>
2040
- </div>
2041
- </noscript>
2042
-
2043
-
2044
- <script>
2045
- /************这个文件存放不需要重载的全局变量和全局函数*********/
2046
- window.volantis = {}; // volantis 全局变量
2047
- volantis.debug = "env"; // 调试模式
2048
- volantis.dom = {}; // 页面Dom see: /source/js/app.js etc.
2049
- /******************** volantis.EventListener ********************************/
2050
- // 事件监听器 see: /source/js/app.js
2051
- volantis.EventListener = {}
2052
- // 这里存放pjax切换页面时将被移除的事件监听器
2053
- volantis.EventListener.list = []
2054
- //构造方法
2055
- function volantisEventListener(type, f, ele) {
2056
- this.type = type
2057
- this.f = f
2058
- this.ele = ele
2059
- }
2060
- // 移除事件监听器
2061
- volantis.EventListener.remove = () => {
2062
- volantis.EventListener.list.forEach(function (i) {
2063
- i.ele.removeEventListener(i.type, i.f, false)
2064
- })
2065
- volantis.EventListener.list = []
2066
- }
2067
- /******************** volantis.dom.$ ********************************/
2068
- // 注：这里没有选择器，也没有forEach一次只处理一个dom，这里重新封装主题常用的dom方法，返回的是dom对象，对象包含了以下方法，同时保留dom的原生API
2069
- function volantisDom(ele) {
2070
- if (!ele) ele = document.createElement("div")
2071
- this.ele = ele;
2072
- // ==============================================================
2073
- this.ele.find = (c) => {
2074
- let q = this.ele.querySelector(c)
2075
- if (q)
2076
- return new volantisDom(q)
2077
- }
2078
- // ==============================================================
2079
- this.ele.hasClass = (c) => {
2080
- return this.ele.className.match(new RegExp('(\\s|^)' + c + '(\\s|$)'));
2081
- }
2082
- this.ele.addClass = (c) => {
2083
- this.ele.classList.add(c);
2084
- return this.ele
2085
- }
2086
- this.ele.removeClass = (c) => {
2087
- this.ele.classList.remove(c);
2088
- return this.ele
2089
- }
2090
- this.ele.toggleClass = (c) => {
2091
- if (this.ele.hasClass(c)) {
2092
- this.ele.removeClass(c)
2093
- } else {
2094
- this.ele.addClass(c)
2095
- }
2096
- return this.ele
2097
- }
2098
- // ==============================================================
2099
- // 参数 r 为 true 表示pjax切换页面时事件监听器将被移除，false不移除
2100
- this.ele.on = (c, f, r = 1) => {
2101
- this.ele.addEventListener(c, f, false)
2102
- if (r) {
2103
- volantis.EventListener.list.push(new volantisEventListener(c, f, this.ele))
2104
- }
2105
- return this.ele
2106
- }
2107
- this.ele.click = (f, r) => {
2108
- this.ele.on("click", f, r)
2109
- return this.ele
2110
- }
2111
- this.ele.scroll = (f, r) => {
2112
- this.ele.on("scroll", f, r)
2113
- return this.ele
2114
- }
2115
- // ==============================================================
2116
- this.ele.html = (c) => {
2117
- // if(c=== undefined){
2118
- // return this.ele.innerHTML
2119
- // }else{
2120
- this.ele.innerHTML = c
2121
- return this.ele
2122
- // }
2123
- }
2124
- // ==============================================================
2125
- this.ele.hide = (c) => {
2126
- this.ele.style.display = "none"
2127
- return this.ele
2128
- }
2129
- this.ele.show = (c) => {
2130
- this.ele.style.display = "block"
2131
- return this.ele
2132
- }
2133
- // ==============================================================
2134
- return this.ele
2135
- }
2136
- volantis.dom.$ = (ele) => {
2137
- return !!ele ? new volantisDom(ele) : null;
2138
- }
2139
- /******************** RunItem ********************************/
2140
- function RunItem() {
2141
- this.list = []; // 存放回调函数
2142
- this.start = () => {
2143
- for (var i = 0; i < this.list.length; i++) {
2144
- this.list[i].run();
2145
- }
2146
- };
2147
- this.push = (fn, name, setRequestAnimationFrame = true) => {
2148
- let myfn = fn
2149
- if (setRequestAnimationFrame) {
2150
- myfn = () => {
2151
- volantis.requestAnimationFrame(fn)
2152
- }
2153
- }
2154
- var f = new Item(myfn, name);
2155
- this.list.push(f);
2156
- };
2157
- this.remove = (name) => {
2158
- for (let index = 0; index < this.list.length; index++) {
2159
- const e = this.list[index];
2160
- if (e.name == name) {
2161
- this.list.splice(index, 1);
2162
- }
2163
- }
2164
- }
2165
- // 构造一个可以run的对象
2166
- function Item(fn, name) {
2167
- // 函数名称
2168
- this.name = name || fn.name;
2169
- // run方法
2170
- this.run = () => {
2171
- try {
2172
- fn()
2173
- } catch (error) {
2174
- console.log(error);
2175
- }
2176
- };
2177
- }
2178
- }
2179
- /******************** Pjax ********************************/
2180
- // /layout/_plugins/pjax/index.ejs
2181
- // volantis.pjax.send(callBack[,"callBackName"]) 传入pjax:send回调函数
2182
- // volantis.pjax.push(callBack[,"callBackName"]) 传入pjax:complete回调函数
2183
- // volantis.pjax.error(callBack[,"callBackName"]) 传入pjax:error回调函数
2184
- volantis.pjax = {};
2185
- volantis.pjax.method = {
2186
- complete: new RunItem(),
2187
- error: new RunItem(),
2188
- send: new RunItem(),
2189
- };
2190
- volantis.pjax = Object.assign(volantis.pjax, {
2191
- push: volantis.pjax.method.complete.push,
2192
- error: volantis.pjax.method.error.push,
2193
- send: volantis.pjax.method.send.push,
2194
- });
2195
- /******************** RightMenu ********************************/
2196
- // volantis.rightmenu.handle(callBack[,"callBackName"]) 外部菜单项控制
2197
- // 可在 volantis.mouseEvent 处获取右键事件
2198
- volantis.rightmenu = {};
2199
- volantis.rightmenu.method = {
2200
- handle: new RunItem(),
2201
- }
2202
- volantis.rightmenu = Object.assign(volantis.rightmenu, {
2203
- handle: volantis.rightmenu.method.handle.push,
2204
- });
2205
- /******************** Dark Mode ********************************/
2206
- // /layout/_partial/scripts/darkmode.ejs
2207
- // volantis.dark.mode 当前模式 dark or light
2208
- // volantis.dark.toggle() 暗黑模式触发器
2209
- // volantis.dark.push(callBack[,"callBackName"]) 传入触发器回调函数
2210
- volantis.dark = {};
2211
- volantis.dark.method = {
2212
- toggle: new RunItem(),
2213
- };
2214
- volantis.dark = Object.assign(volantis.dark, {
2215
- push: volantis.dark.method.toggle.push,
2216
- });
2217
- /******************** Message ********************************/
2218
- // VolantisApp.message
2219
- /******************** isMobile ********************************/
2220
- // /source/js/app.js
2221
- // volantis.isMobile
2222
- // volantis.isMobileOld
2223
- /********************脚本动态加载函数********************************/
2224
- // volantis.js(src, cb) cb 可以传入onload回调函数 或者 JSON对象 例如: volantis.js("src", ()=>{}) 或 volantis.js("src", {defer:true,onload:()=>{}})
2225
- // volantis.css(src)
2226
-
2227
- // 返回Promise对象，如下方法同步加载资源，这利于处理文件资源之间的依赖关系，例如：APlayer 需要在 MetingJS 之前加载
2228
- // (async () => {
2229
- // await volantis.js("...theme.plugins.aplayer.js.aplayer...")
2230
- // await volantis.js("...theme.plugins.aplayer.js.meting...")
2231
- // })();
2232
-
2233
- // 已经加入了setTimeout
2234
- volantis.js = (src, cb) => {
2235
- return new Promise(resolve => {
2236
- setTimeout(function () {
2237
- var HEAD = document.getElementsByTagName("head")[0] || document.documentElement;
2238
- var script = document.createElement("script");
2239
- script.setAttribute("type", "text/javascript");
2240
- if (cb) {
2241
- if (JSON.stringify(cb)) {
2242
- for (let p in cb) {
2243
- if (p == "onload") {
2244
- script[p] = () => {
2245
- cb[p]()
2246
- resolve()
2247
- }
2248
- } else {
2249
- script[p] = cb[p]
2250
- script.onload = resolve
2251
- }
2252
- }
2253
- } else {
2254
- script.onload = () => {
2255
- cb()
2256
- resolve()
2257
- };
2258
- }
2259
- } else {
2260
- script.onload = resolve
2261
- }
2262
- script.setAttribute("src", src);
2263
- HEAD.appendChild(script);
2264
- });
2265
- });
2266
- }
2267
- volantis.css = (src) => {
2268
- return new Promise(resolve => {
2269
- setTimeout(function () {
2270
- var link = document.createElement('link');
2271
- link.rel = "stylesheet";
2272
- link.href = src;
2273
- link.onload = resolve;
2274
- document.getElementsByTagName("head")[0].appendChild(link);
2275
- });
2276
- });
2277
- }
2278
- /********************按需加载的插件********************************/
2279
- // volantis.import.jQuery().then(()=>{})
2280
- volantis.import = {
2281
- jQuery: () => {
2282
- if (typeof jQuery == "undefined") {
2283
- return volantis.js("https://jsd.cdn.storisinz.site/npm/jquery@3.6.0/dist/jquery.min.js")
2284
- } else {
2285
- return new Promise(resolve => {
2286
- resolve()
2287
- });
2288
- }
2289
- }
2290
- }
2291
- /********************** requestAnimationFrame ********************************/
2292
- // 1、requestAnimationFrame 会把每一帧中的所有 DOM 操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一般来说，这个频率为每秒60帧。
2293
- // 2、在隐藏或不可见的元素中，requestAnimationFrame 将不会进行重绘或回流，这当然就意味着更少的的 cpu，gpu 和内存使用量。
2294
- volantis.requestAnimationFrame = (fn) => {
2295
- if (!window.requestAnimationFrame) {
2296
- window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame;
2297
- }
2298
- window.requestAnimationFrame(fn)
2299
- }
2300
- /************************ layoutHelper *****************************************/
2301
- volantis.layoutHelper = (helper, html, opt) => {
2302
- opt = Object.assign({ clean: false, pjax: true }, opt)
2303
- function myhelper(helper, html, clean) {
2304
- volantis.tempDiv = document.createElement("div");
2305
- volantis.tempDiv.innerHTML = html;
2306
- let layoutHelper = document.querySelector("#layoutHelper-" + helper)
2307
- if (layoutHelper) {
2308
- if (clean) {
2309
- layoutHelper.innerHTML = ""
2310
- }
2311
- layoutHelper.append(volantis.tempDiv);
2312
- }
2313
- }
2314
- myhelper(helper, html, opt.clean)
2315
- if (opt.pjax) {
2316
- volantis.pjax.push(() => {
2317
- myhelper(helper, html, opt.clean)
2318
- }, "layoutHelper-" + helper)
2319
- }
2320
- }
2321
- /****************************** 滚动事件处理 ****************************************/
2322
- volantis.scroll = {
2323
- engine: new RunItem(),
2324
- unengine: new RunItem(),
2325
- };
2326
- volantis.scroll = Object.assign(volantis.scroll, {
2327
- push: volantis.scroll.engine.push,
2328
- });
2329
- // 滚动条距离顶部的距离
2330
- volantis.scroll.getScrollTop = () => {
2331
- let scrollPos;
2332
- if (window.pageYOffset) {
2333
- scrollPos = window.pageYOffset;
2334
- } else if (document.compatMode && document.compatMode != 'BackCompat') {
2335
- scrollPos = document.documentElement.scrollTop;
2336
- } else if (document.body) {
2337
- scrollPos = document.body.scrollTop;
2338
- }
2339
- return scrollPos;
2340
- }
2341
- volantis.scroll.scrollHeight = function () {
2342
- return Math.max(
2343
- document.body.scrollHeight,
2344
- document.documentElement.scrollHeight,
2345
- )
2346
- }
2347
- volantis.scroll.offsetHeight = function () {
2348
- return Math.max(
2349
- document.body.offsetHeight,
2350
- document.documentElement.offsetHeight,
2351
- document.body.clientHeight,
2352
- document.documentElement.clientHeight
2353
- )
2354
- }
2355
- volantis.scroll.progress = function () {
2356
- return volantis.scroll.getScrollTop() / (volantis.scroll.scrollHeight() - volantis.scroll.offsetHeight())
2357
- }
2358
- // 使用 requestAnimationFrame 处理滚动事件
2359
- // `volantis.scroll.del` 中存储了一个数值, 该数值检测一定时间间隔内滚动条滚动的位移, 数值的检测频率是浏览器的刷新频率. 数值为正数时, 表示向下滚动. 数值为负数时, 表示向上滚动.
2360
- volantis.scroll.handleScrollEvents = () => {
2361
- volantis.scroll.lastScrollTop = volantis.scroll.getScrollTop()
2362
- function loop() {
2363
- const scrollTop = volantis.scroll.getScrollTop();
2364
- if (volantis.scroll.lastScrollTop !== scrollTop) {
2365
- volantis.scroll.del = scrollTop - volantis.scroll.lastScrollTop;
2366
- volantis.scroll.lastScrollTop = scrollTop;
2367
- // if (volantis.scroll.del > 0) {
2368
- // console.log("向下滚动");
2369
- // } else {
2370
- // console.log("向上滚动");
2371
- // }
2372
- // 注销过期的unengine未滚动事件
2373
- volantis.scroll.unengine.list = []
2374
- volantis.scroll.engine.start();
2375
- } else {
2376
- volantis.scroll.unengine.start();
2377
- }
2378
- volantis.requestAnimationFrame(loop)
2379
- }
2380
- volantis.requestAnimationFrame(loop)
2381
- }
2382
- volantis.scroll.handleScrollEvents()
2383
- volantis.scroll.ele = null;
2384
- // 触发页面滚动至目标元素位置
2385
- volantis.scroll.to = (ele, option = {}) => {
2386
- if (!ele) return;
2387
- volantis.scroll.ele = ele;
2388
- // 默认配置
2389
- opt = {
2390
- top: ele.getBoundingClientRect().top + document.documentElement.scrollTop,
2391
- behavior: "smooth"
2392
- }
2393
- // 定义配置
2394
- if ("top" in option) {
2395
- opt.top = option.top
2396
- }
2397
- if ("behavior" in option) {
2398
- opt.behavior = option.behavior
2399
- }
2400
- if ("addTop" in option) {
2401
- opt.top += option.addTop
2402
- }
2403
- if (!("observerDic" in option)) {
2404
- option.observerDic = 100
2405
- }
2406
- // 滚动
2407
- window.scrollTo(opt);
2408
- // 监视器
2409
- // 监视并矫正元素滚动到指定位置
2410
- // 用于处理 lazyload 引起的 cls 导致的定位失败问题
2411
- // option.observer = false
2412
- if (option.observer) {
2413
- setTimeout(() => {
2414
- if (volantis.scroll.ele != ele) {
2415
- return
2416
- }
2417
- volantis.scroll.unengine.push(() => {
2418
- let me = ele.getBoundingClientRect().top
2419
- if (!(me >= -option.observerDic && me <= option.observerDic)) {
2420
- volantis.scroll.to(ele, option)
2421
- }
2422
- volantis.scroll.unengine.remove("unengineObserver")
2423
- }, "unengineObserver")
2424
- }, 1000)
2425
- }
2426
- }
2427
- /********************** Content Visibility ********************************/
2428
- // 见 source/css/first.styl 如果遇到任何问题 删除 .post-story 即可
2429
- // 一个元素被声明 content-visibility 属性后 如果元素不在 viewport 中 浏览器不会计算其后代元素样式和属性 从而节省 Style & Layout 耗时
2430
- // content-visibility 的副作用: 锚点失效 等等(实验初期 暂不明确), 使用此方法清除样式
2431
- volantis.cleanContentVisibility = () => {
2432
- if (document.querySelector(".post-story")) {
2433
- console.log("cleanContentVisibility");
2434
- document.querySelectorAll(".post-story").forEach(e => {
2435
- e.classList.remove("post-story")
2436
- })
2437
- }
2438
- }
2439
- /******************************************************************************/
2440
- /******************************************************************************/
2441
- /******************************************************************************/
2442
- //图像加载出错时的处理
2443
- function errorImgAvatar(img) {
2444
- img.src = "https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/avatar/round/3442075.svg";
2445
- img.onerror = null;
2446
- }
2447
- function errorImgCover(img) {
2448
- img.src = "https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/cover/76b86c0226ffd.svg";
2449
- img.onerror = null;
2450
- }
2451
- /******************************************************************************/
2452
- </script>
2453
- <script>
2454
- volantis.GLOBAL_CONFIG ={
2455
- root: '/',
2456
- debug: "env",
2457
- default: {"avatar":"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/avatar/round/3442075.svg","link":"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/link/8f277b4ee0ecd.svg","cover":"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/cover/76b86c0226ffd.svg","image":"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/image/2659360.svg"},
2458
- lastupdate: new Date(1731114104743),
2459
- cdn: {
2460
- izitoast_css: 'https://jsd.cdn.storisinz.site/npm/izitoast@1.4.0/dist/css/iziToast.min.css',
2461
- izitoast_js: 'https://jsd.cdn.storisinz.site/npm/izitoast@1.4.0/dist/js/iziToast.min.js',
2462
- fancybox_css: 'https://jsd.cdn.storisinz.site/npm/@fancyapps/ui@4.0.31/dist/fancybox.css',
2463
- fancybox_js: 'https://jsd.cdn.storisinz.site/npm/@fancyapps/ui@4.0.31/dist/fancybox.umd.js'
2464
- },
2465
- sidebar: {
2466
- for_page: ["nextsite","nextblogger","category","tagcloud","webinfo"],
2467
- for_post: ["nextsite","nextblogger","category","tagcloud","toc","webinfo"],
2468
- webinfo: {
2469
- lastupd: {
2470
- enable: true,
2471
- friendlyShow: true
2472
- },
2473
- runtime: {
2474
- data: "2020/01/01",
2475
- unit: "天"
2476
- }
2477
- }
2478
- },
2479
- plugins: {
2480
- message: {"enable":true,"icon":{"default":"fa-solid fa-info-circle light-blue","quection":"fa-solid fa-question-circle light-blue"},"time":{"default":5000,"quection":20000},"position":"topRight","transitionIn":"bounceInLeft","transitionOut":"fadeOutRight","titleColor":"var(--color-text)","messageColor":"var(--color-text)","backgroundColor":"var(--color-card)","zindex":2147483647,"copyright":{"enable":true,"title":"知识共享许可协议","message":"请遵守 CC BY-NC-SA 4.0 协议。","icon":"far fa-copyright light-blue"},"aplayer":{"enable":true,"play":"fa-solid fa-play","pause":"fa-solid fa-pause"},"rightmenu":{"enable":true,"notice":true}},
2481
-
2482
-
2483
- },
2484
- search: {
2485
-
2486
- appId: '72TOQYD33Q',
2487
- indexName: 'hexo',
2488
- apiKey: '608d2f3acd06140a2473153f6cb61eda',
2489
- hitsPerPage: '5',
2490
- placeholder: 'Search...',
2491
- searchAsYouType: true,
2492
-
2493
-
2494
-
2495
-
2496
-
2497
- },
2498
- languages: {
2499
-
2500
- search: {
2501
- hits_empty: "找不到您查询的内容：${query}",
2502
- hits_stats: "找到 ${hits} 条结果，用时 ${time} 毫秒",
2503
- }
2504
-
2505
- }
2506
- }
2507
- </script>
2508
-
2509
- <!-- IndieWeb -->
2510
- <link rel="authorization_endpoint" href="https://indieauth.com/auth">
2511
- <link rel="token_endpoint" href="https://tokens.indieauth.com/token">
2512
-
2513
- <!-- Axios -->
2514
- <script src="https://jsd.cdn.storisinz.site/npm/axios@1.7.7/dist/axios.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2515
-
2516
- <!-- import head_end begin -->
2517
- <!-- import head_end end -->
2518
- <!-- Custom Files headEnd begin-->
2519
-
2520
- <!-- Custom Files headEnd end-->
2521
- </head>
2522
- <body itemscope itemtype="http://schema.org/WebPage">
2523
- <!-- import body_begin begin-->
2524
- <!-- import body_begin end-->
2525
- <!-- Custom Files bodyBegin begin-->
2526
-
2527
- <!-- Custom Files bodyBegin end-->
2528
-
2529
- <header itemscope itemtype="http://schema.org/WPHeader" id="l_header" class="l_header auto shadow floatable blur show showed" style='opacity: 0' >
2530
- <div class='container'>
2531
- <div id='wrapper'>
2532
- <div class='nav-sub'>
2533
- <p class="title fix-header-title"></p>
2534
- <ul class='switcher nav-list-h m-phone' id="pjax-header-nav-list">
2535
- <li><a id="s-comment" class="fa-solid fa-comments fa-fw" target="_self" title="comment"></a></li>
2536
-
2537
- <li><a id="s-toc" class="s-toc fa-solid fa-list fa-fw" target="_self" title="toc"></a></li>
2538
-
2539
- </ul>
2540
- </div>
2541
- <div class="nav-main">
2542
-
2543
-
2544
- <a class="title flat-box" target="_self" href='/'>
2545
-
2546
-
2547
- <i class='fa fa-home'></i>
2548
-
2549
-
2550
- <span>汐塔魔法屋</span>
2551
-
2552
- </a>
2553
-
2554
- <div class='menu navigation'>
2555
- <ul class='nav-list-h m-pc'>
2556
-
2557
-
2558
-
2559
-
2560
-
2561
- <li>
2562
- <a class="menuitem flat-box faa-parent animated-hover"
2563
- href="/categories/" title="分类"
2564
-
2565
-
2566
-
2567
- active-action="action-categories"
2568
- >
2569
- <span class="icon"><i class='fa-solid fa-folder-open fa-fw'></i></span> <span>分类</span>
2570
- </a>
2571
-
2572
- </li>
2573
-
2574
-
2575
-
2576
-
2577
-
2578
- <li>
2579
- <a class="menuitem flat-box faa-parent animated-hover"
2580
- href="/tags/" title="标签"
2581
-
2582
-
2583
-
2584
- active-action="action-tags"
2585
- >
2586
- <span class="icon"><i class='fa-solid fa-tags fa-fw'></i></span> <span>标签</span>
2587
- </a>
2588
-
2589
- </li>
2590
-
2591
-
2592
-
2593
-
2594
-
2595
- <li>
2596
- <a class="menuitem flat-box faa-parent animated-hover"
2597
- href="/archives/" title="归档"
2598
-
2599
-
2600
-
2601
- active-action="action-archives"
2602
- >
2603
- <span class="icon"><i class='fa-solid fa-archive fa-fw'></i></span> <span>归档</span>
2604
- </a>
2605
-
2606
- </li>
2607
-
2608
-
2609
-
2610
-
2611
-
2612
- <li>
2613
- <a class="menuitem flat-box faa-parent animated-hover"
2614
- href="/link/" title="友链"
2615
-
2616
-
2617
-
2618
- active-action="action-link"
2619
- >
2620
- <span class="icon"><i class='fa-solid fa-link fa-fw'></i></span> <span>友链</span>
2621
- </a>
2622
-
2623
- </li>
2624
-
2625
-
2626
-
2627
-
2628
-
2629
- <li>
2630
- <a class="menuitem flat-box faa-parent animated-hover"
2631
- target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往"
2632
-
2633
-
2634
-
2635
- active-action="action-https:wwwtravellingscngohtml"
2636
- >
2637
- <span class="icon"><i class='fa-solid fa-subway fa-fw'></i></span> <span>开往</span>
2638
- </a>
2639
-
2640
- </li>
2641
-
2642
-
2643
-
2644
-
2645
-
2646
- <li>
2647
- <a class="menuitem flat-box faa-parent animated-hover"
2648
- target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English"
2649
-
2650
-
2651
-
2652
- active-action="action-https:enblogsinzmisetop"
2653
- >
2654
- <span class="icon"><i class='fa fa-language fa-fw fa-fw'></i></span> <span>English</span>
2655
- </a>
2656
-
2657
- </li>
2658
-
2659
-
2660
-
2661
- </ul>
2662
- </div>
2663
-
2664
- <div class="m_search">
2665
- <form name="searchform" class="form u-search-form">
2666
- <i class="icon fas fa-search fa-fw"></i>
2667
- <input type="text" class="input u-search-input" placeholder="Search..." />
2668
- </form>
2669
- </div>
2670
-
2671
-
2672
- <ul class='switcher nav-list-h m-phone'>
2673
-
2674
- <li><a class="s-search fa-solid fa-search fa-fw" target="_self" title="search"></a></li>
2675
-
2676
- <li>
2677
- <a class="s-menu fa-solid fa-bars fa-fw" target="_self" title="menu"></a>
2678
- <ul class="menu-phone list-v navigation white-box">
2679
-
2680
-
2681
-
2682
- <li>
2683
- <a class="menuitem flat-box faa-parent animated-hover"
2684
- href="/categories/" title="分类"
2685
-
2686
-
2687
-
2688
- active-action="action-categories"
2689
- >
2690
- <span class="icon"><i class='fa-solid fa-folder-open fa-fw'></i></span> <span>分类</span>
2691
- </a>
2692
-
2693
- </li>
2694
-
2695
-
2696
-
2697
-
2698
-
2699
- <li>
2700
- <a class="menuitem flat-box faa-parent animated-hover"
2701
- href="/tags/" title="标签"
2702
-
2703
-
2704
-
2705
- active-action="action-tags"
2706
- >
2707
- <span class="icon"><i class='fa-solid fa-tags fa-fw'></i></span> <span>标签</span>
2708
- </a>
2709
-
2710
- </li>
2711
-
2712
-
2713
-
2714
-
2715
-
2716
- <li>
2717
- <a class="menuitem flat-box faa-parent animated-hover"
2718
- href="/archives/" title="归档"
2719
-
2720
-
2721
-
2722
- active-action="action-archives"
2723
- >
2724
- <span class="icon"><i class='fa-solid fa-archive fa-fw'></i></span> <span>归档</span>
2725
- </a>
2726
-
2727
- </li>
2728
-
2729
-
2730
-
2731
-
2732
-
2733
- <li>
2734
- <a class="menuitem flat-box faa-parent animated-hover"
2735
- href="/link/" title="友链"
2736
-
2737
-
2738
-
2739
- active-action="action-link"
2740
- >
2741
- <span class="icon"><i class='fa-solid fa-link fa-fw'></i></span> <span>友链</span>
2742
- </a>
2743
-
2744
- </li>
2745
-
2746
-
2747
-
2748
-
2749
-
2750
- <li>
2751
- <a class="menuitem flat-box faa-parent animated-hover"
2752
- target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往"
2753
-
2754
-
2755
-
2756
- active-action="action-https:wwwtravellingscngohtml"
2757
- >
2758
- <span class="icon"><i class='fa-solid fa-subway fa-fw'></i></span> <span>开往</span>
2759
- </a>
2760
-
2761
- </li>
2762
-
2763
-
2764
-
2765
-
2766
-
2767
- <li>
2768
- <a class="menuitem flat-box faa-parent animated-hover"
2769
- target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English"
2770
-
2771
-
2772
-
2773
- active-action="action-https:enblogsinzmisetop"
2774
- >
2775
- <span class="icon"><i class='fa fa-language fa-fw fa-fw'></i></span> <span>English</span>
2776
- </a>
2777
-
2778
- </li>
2779
-
2780
-
2781
-
2782
- </ul>
2783
- </li>
2784
- </ul>
2785
-
2786
- <!-- Custom Files header begin -->
2787
-
2788
- <!-- Custom Files header end -->
2789
- </div>
2790
- </div>
2791
- </div>
2792
- </header>
2793
-
2794
-
2795
- <div id="l_body">
2796
-
2797
- <div id="l_cover">
2798
-
2799
- </div>
2800
-
2801
- <div id="safearea">
2802
- <div class="body-wrapper">
2803
-
2804
-
2805
- <div id="l_main" class=''>
2806
-
2807
-
2808
-
2809
- <section class="post-list">
2810
-
2811
-
2812
-
2813
-
2814
-
2815
-
2816
-
2817
-
2818
-
2819
-
2820
-
2821
-
2822
-
2823
-
2824
- <div class='post-wrapper'>
2825
- <div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article" >
2826
- <link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/10045/">
2827
- <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
2828
- <meta itemprop="name" content="汐塔魔法屋">
2829
- </span>
2830
- <span hidden itemprop="post" itemscope itemtype="http://schema.org/Post">
2831
- <meta itemprop="name" content="汐塔魔法屋">
2832
- <meta itemprop="description" content="The Story,The Dream.">
2833
- </span>
2834
-
2835
-
2836
-
2837
- <div class='headimg-div'>
2838
- <a class='headimg-a' title='为博客添加一个游戏收藏页（npm插件版）' href="/posts/10045/">
2839
- <img itemprop="image" class='headimg' alt="为博客添加一个游戏收藏页（npm插件版）" src='https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240525/fe131d7f5a6b38b23cc967316c13dae2.8dwp7xp4q5.webp'/>
2840
- </a>
2841
- </div>
2842
-
2843
-
2844
-
2845
-
2846
- <h2 class="article-title" itemprop="name headline">
2847
- <a href="/posts/10045/" title='为博客添加一个游戏收藏页（npm插件版）' itemprop="url">
2848
- 为博客添加一个游戏收藏页（npm插件版）
2849
- </a>
2850
- </h2>
2851
-
2852
-
2853
- <div class='md article-desc' itemprop="articleBody">
2854
-
2855
- <p>之前看到Kouseki大佬的这篇文章：<br><div class="tag link"><a class="link-card" title="为博客添加一个游戏收藏页" target="_blank" rel="noopener" href="https://blog.kouseki.cn/posts/e7dd.html"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">为博客添加一个游戏收藏页</p><p class="url">https://blog.kouseki.cn/posts/e7dd.html</p></div></a></div><br>我原本是想要给我博客搞这个的，但由于我一般会给博客的主题更新，导致魔改的内容消失<br>思来想去，我还是决定做npm版本的游戏收藏页<br>
2856
-
2857
- </div>
2858
-
2859
- <div class='meta-v3' line_style='solid'>
2860
- <div>
2861
-
2862
- <time itemprop="dateCreated datePublished" datetime="2024-01-18T21:39:51+00:00">2024-01-18</time>
2863
-
2864
- <span class="dot"></span>
2865
- <i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
2866
- <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a>
2867
-
2868
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2869
- <a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
2870
- </span>
2871
-
2872
-
2873
-
2874
- <span class="dot"></span>
2875
- <i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
2876
- <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a>
2877
-
2878
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2879
- <a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
2880
- </span>
2881
-
2882
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2883
- <a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a>
2884
- </span>
2885
-
2886
-
2887
- </div>
2888
-
2889
- </div>
2890
-
2891
- </div>
2892
-
2893
- </div>
2894
-
2895
-
2896
-
2897
- <div class='post-wrapper'>
2898
- <div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article" >
2899
- <link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/38964/">
2900
- <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
2901
- <meta itemprop="name" content="汐塔魔法屋">
2902
- </span>
2903
- <span hidden itemprop="post" itemscope itemtype="http://schema.org/Post">
2904
- <meta itemprop="name" content="汐塔魔法屋">
2905
- <meta itemprop="description" content="The Story,The Dream.">
2906
- </span>
2907
-
2908
-
2909
-
2910
- <div class='headimg-div'>
2911
- <a class='headimg-a' title='小康大佬的说说方案 ———— ispeak搭建教程' href="/posts/38964/">
2912
- <img itemprop="image" class='headimg' alt="小康大佬的说说方案 ———— ispeak搭建教程" src='https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230114/msedge_GVRhG42nuu.1g9uz8t24io0.webp'/>
2913
- </a>
2914
- </div>
2915
-
2916
-
2917
-
2918
-
2919
- <h2 class="article-title" itemprop="name headline">
2920
- <a href="/posts/38964/" title='小康大佬的说说方案 ———— ispeak搭建教程' itemprop="url">
2921
- 小康大佬的说说方案 ———— ispeak搭建教程
2922
- </a>
2923
- </h2>
2924
-
2925
-
2926
- <div class='md article-desc' itemprop="articleBody">
2927
-
2928
- <p>搞ispeak时发现ispeak更新，能自定义评论了，也就是说我之前写的<a target="_blank" rel="noopener" href="https://blog.xsnet.eu.org/posts/43224/">ispeak教程</a>失效了<br>没办法我只能重新写了这篇教程<br>
2929
-
2930
- </div>
2931
-
2932
- <div class='meta-v3' line_style='solid'>
2933
- <div>
2934
-
2935
- <time itemprop="dateCreated datePublished" datetime="2023-01-13T21:01:37+00:00">2023-01-13</time>
2936
-
2937
- <span class="dot"></span>
2938
- <i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
2939
- <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a>
2940
-
2941
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2942
- <a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
2943
- </span>
2944
-
2945
-
2946
-
2947
- <span class="dot"></span>
2948
- <i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
2949
- <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a>
2950
-
2951
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2952
- <a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
2953
- </span>
2954
-
2955
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
2956
- <a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a>
2957
- </span>
2958
-
2959
-
2960
- </div>
2961
-
2962
- </div>
2963
-
2964
- </div>
2965
-
2966
- </div>
2967
-
2968
-
2969
-
2970
- <div class='post-wrapper'>
2971
- <div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article" >
2972
- <link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/22945/">
2973
- <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
2974
- <meta itemprop="name" content="汐塔魔法屋">
2975
- </span>
2976
- <span hidden itemprop="post" itemscope itemtype="http://schema.org/Post">
2977
- <meta itemprop="name" content="汐塔魔法屋">
2978
- <meta itemprop="description" content="The Story,The Dream.">
2979
- </span>
2980
-
2981
-
2982
-
2983
- <div class='headimg-div'>
2984
- <a class='headimg-a' title='butterfly主题添加音乐页面（适配手机）' href="/posts/22945/">
2985
- <img itemprop="image" class='headimg' alt="butterfly主题添加音乐页面（适配手机）" src='https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230114/logo.22azkjyis5uo.webp'/>
2986
- </a>
2987
- </div>
2988
-
2989
-
2990
-
2991
-
2992
- <h2 class="article-title" itemprop="name headline">
2993
- <a href="/posts/22945/" title='butterfly主题添加音乐页面（适配手机）' itemprop="url">
2994
- butterfly主题添加音乐页面（适配手机）
2995
- </a>
2996
- </h2>
2997
-
2998
-
2999
- <div class='md article-desc' itemprop="articleBody">
3000
-
3001
- <div class="note info"><p>本博客已经更换主题</p></div>
3002
- <p>没有音乐页面怎么行，花里胡哨的都安排上，本来想摆烂直接上aplayer，<del>但考虑到我不会写样式（虽然我可以自学）</del> 所以我音乐页面用的是<a target="_blank" rel="noopener" href="https://www.chuckle.top/article/3322c8a8.html">Chuckle的方案</a><br><psw>（等会为啥开头这么像<a href=https://www.chuckle.top/article/3322c8a8.html>这篇文章</a>）</psw><br>原本我是想做<a target="_blank" rel="noopener" href="https://www.chuckle.top/article/eb3a4679.html">单页背景透明</a>的，但我发现单页背景透明和我博客背景冲突导致丑的一批，所以我把背景换成了渐变动画<br>以下是我之前的音乐页面：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/msedge_x1MaJIbBQg.2ka3d6xxnu80.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/msedge_x1MaJIbBQg.2ka3d6xxnu80.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_x1MaJIbBQg"><br>别问为啥是之前，这个音乐页面手机访问是这样的：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-09-59-57-499_com.2sej4yl2vuw0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-09-59-57-499_com.2sej4yl2vuw0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Screenshot_2023-01-09-09-59-57-499_com"><br>当时我还以为是浏览器的问题，立即换成了Chrome浏览器，结果：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-10-02-41-554_com.6tcc3lty2uo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-10-02-41-554_com.6tcc3lty2uo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Screenshot_2023-01-09-10-02-41-554_com"><br>（后来我用手机访问了那位大佬的音乐页面，也是一样出现这个问题，之前有人反映过这位大佬，大佬说自己去适配，<del>但我懒得适配，于是就有了这个教程</del> ）<br>
3003
-
3004
- </div>
3005
-
3006
- <div class='meta-v3' line_style='solid'>
3007
- <div>
3008
-
3009
- <time itemprop="dateCreated datePublished" datetime="2023-01-08T22:31:46+00:00">2023-01-08</time>
3010
-
3011
- <span class="dot"></span>
3012
- <i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
3013
- <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a>
3014
-
3015
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
3016
- <a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
3017
- </span>
3018
-
3019
-
3020
-
3021
- <span class="dot"></span>
3022
- <i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size: 13px;"></i>
3023
- <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a>
3024
-
3025
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
3026
- <a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a>
3027
- </span>
3028
-
3029
- <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
3030
- <a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a>
3031
- </span>
3032
-
3033
-
3034
- </div>
3035
-
3036
- </div>
3037
-
3038
- </div>
3039
-
3040
- </div>
3041
-
3042
-
3043
-
3044
- </section>
3045
-
3046
-
3047
-
3048
-
3049
-
3050
-
3051
-
3052
- </div>
3053
- <aside id='l_side' class='not-select default-cursor' itemscope itemtype="http://schema.org/WPSideBar">
3054
-
3055
-
3056
-
3057
-
3058
-
3059
-
3060
-
3061
- <section class="widget nextsite desktop pjax">
3062
- <div class="site-brand-wrapper">
3063
- <div class="site-meta ">
3064
- <a href="/" class="brand" rel="start">
3065
- <span class="site-title">汐塔魔法屋</span>
3066
- </a>
3067
- <p class="site-subtitle" itemprop="description">Ceta Magical House</p>
3068
- </div>
3069
- <div class="site-nav-toggle">
3070
- <button aria-label="切换导航栏">
3071
- <span class="btn-bar"></span>
3072
- <span class="btn-bar"></span>
3073
- <span class="btn-bar"></span>
3074
- </button>
3075
- </div>
3076
- </div>
3077
- <nav class="site-nav">
3078
- <ul class="next-main">
3079
-
3080
- <li class="next-main-item">
3081
- <a
3082
- href="/categories/" title="分类"
3083
-
3084
- active-action="action-categories"
3085
-
3086
-
3087
-
3088
-
3089
- >
3090
-
3091
- <i class="menu-item-icon fa-solid fa-folder-open fa-fw"></i>
3092
-
3093
- 分类
3094
- </a>
3095
- </li>
3096
-
3097
- <li class="next-main-item">
3098
- <a
3099
- href="/tags/" title="标签"
3100
-
3101
- active-action="action-tags"
3102
-
3103
-
3104
-
3105
-
3106
- >
3107
-
3108
- <i class="menu-item-icon fa-solid fa-tags fa-fw"></i>
3109
-
3110
- 标签
3111
- </a>
3112
- </li>
3113
-
3114
- <li class="next-main-item">
3115
- <a
3116
- href="/archives/" title="归档"
3117
-
3118
- active-action="action-archives"
3119
-
3120
-
3121
-
3122
-
3123
- >
3124
-
3125
- <i class="menu-item-icon fa-solid fa-archive fa-fw"></i>
3126
-
3127
- 归档
3128
- </a>
3129
- </li>
3130
-
3131
- <li class="next-main-item">
3132
- <a
3133
- href="/link/" title="友链"
3134
-
3135
- active-action="action-link"
3136
-
3137
-
3138
-
3139
-
3140
- >
3141
-
3142
- <i class="menu-item-icon fa-solid fa-link fa-fw"></i>
3143
-
3144
- 友链
3145
- </a>
3146
- </li>
3147
-
3148
- <li class="next-main-item">
3149
- <a
3150
- target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往"
3151
-
3152
- active-action="action-https:wwwtravellingscngohtml"
3153
-
3154
-
3155
-
3156
-
3157
- >
3158
-
3159
- <i class="menu-item-icon fa-solid fa-subway fa-fw"></i>
3160
-
3161
- 开往
3162
- </a>
3163
- </li>
3164
-
3165
- <li class="next-main-item">
3166
- <a
3167
- target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English"
3168
-
3169
- active-action="action-https:enblogsinzmisetop"
3170
-
3171
-
3172
-
3173
-
3174
- >
3175
-
3176
- <i class="menu-item-icon fa fa-language fa-fw fa-fw"></i>
3177
-
3178
- English
3179
- </a>
3180
- </li>
3181
-
3182
- <li class="next-main-item">
3183
- <a
3184
- href="javascript:void(0)" title="搜索"
3185
-
3186
- active-action="action-javascript:void(0)"
3187
-
3188
-
3189
-
3190
-
3191
- onClick="OpenSearch()"
3192
-
3193
- >
3194
-
3195
- <i class="menu-item-icon fa-solid fa-search fa-fw"></i>
3196
-
3197
- 搜索
3198
- </a>
3199
- </li>
3200
-
3201
- </ul>
3202
- </nav>
3203
- </section>
3204
-
3205
-
3206
-
3207
-
3208
-
3209
-
3210
-
3211
- <section class="widget nextblogger desktop pjax h-card">
3212
- <div class='content'>
3213
-
3214
-
3215
- <a class='avatar u-url flat-box ' href='https://blog.sinzmise.top/'>
3216
- <img no-lazy class="site-author-image u-photo" itemprop="image" src='/img/avatar.png' alt="王九弦SZ·Ninty"/>
3217
- </a>
3218
-
3219
-
3220
- <div class="site-author-box">
3221
- <p class="site-author-name p-name" itemprop="name">王九弦SZ·Ninty</p>
3222
- <p class="site-author-description" itemprop="description">种下故事的种子，随着风和光生根发芽</p>
3223
- </div>
3224
- <div class="links-of-author">
3225
-
3226
- <span class="links-of-author-item">
3227
- <a href="/atom.xml" title="RSS" alt="汐塔魔法屋" rel="me">
3228
- <i class="fa-solid fa-rss fa-fw"></i>
3229
- </a>
3230
- </span>
3231
-
3232
- <span class="links-of-author-item">
3233
- <a href="mailto:email@sinzmise.top" title="Email" alt="汐塔魔法屋" class="u-email"rel="me">
3234
- <i class="fa-solid fa-envelope fa-fw"></i>
3235
- </a>
3236
- </span>
3237
-
3238
- <span class="links-of-author-item">
3239
- <a target="_blank" href="https://github.com/SinzMise/" title="Github" alt="汐塔魔法屋" rel="me noopener">
3240
- <i class="fab fa-github fa-fw"></i>
3241
- </a>
3242
- </span>
3243
-
3244
- </div>
3245
- </div>
3246
- </section>
3247
-
3248
-
3249
-
3250
-
3251
-
3252
-
3253
-
3254
-
3255
-
3256
- <section class="widget category desktop pjax">
3257
-
3258
- <header>
3259
-
3260
- <a href='/categories/'>
3261
- <span class="icon"><i class="fa-solid fa-folder-open fa-fw" aria-hidden="true"></i></span>
3262
- <span class='name'>文章分类</span>
3263
- </a>
3264
-
3265
- </header>
3266
-
3267
-
3268
- <div class='content'>
3269
- <ul class="entry navigation">
3270
-
3271
- <li><a class="flat-box"
3272
- title="/categories/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/" href="/categories/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/"
3273
- active-action="action-categoriesE4B8AAE4BABAE5B08FE8AEB0"
3274
- ><div class='name'>个人小记</div><div class='badge'>(19)</div></a></li>
3275
-
3276
- <li><a class="flat-box"
3277
- title="/categories/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/" href="/categories/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/"
3278
- active-action="action-categoriesE6AD8CE69BB2E694B6E99B86"
3279
- ><div class='name'>歌曲收集</div><div class='badge'>(1)</div></a></li>
3280
-
3281
- <li><a class="flat-box"
3282
- title="/categories/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/" href="/categories/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/"
3283
- active-action="action-categoriesE6B8B8E6888FE79BB8E585B3"
3284
- ><div class='name'>游戏相关</div><div class='badge'>(4)</div></a></li>
3285
-
3286
- <li><a class="flat-box"
3287
- title="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/"
3288
- active-action="action-categoriesE7AB99E782B9E68A98E885BE"
3289
- ><div class='name'>站点折腾</div><div class='badge'>(14)</div></a></li>
3290
-
3291
- <li><a class="flat-box"
3292
- title="/categories/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/" href="/categories/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/"
3293
- active-action="action-categoriesE9A1B9E79BAEE68A98E885BE"
3294
- ><div class='name'>项目折腾</div><div class='badge'>(3)</div></a></li>
3295
-
3296
- </ul>
3297
- </div>
3298
- </section>
3299
-
3300
-
3301
-
3302
-
3303
-
3304
-
3305
-
3306
-
3307
-
3308
-
3309
- <section class="widget tagcloud desktop pjax">
3310
-
3311
- <header>
3312
-
3313
- <a href='/tags/'>
3314
- <span class="icon"><i class="fa-solid fa-tags fa-fw" aria-hidden="true"></i></span>
3315
- <span class='name'>热门标签</span>
3316
- </a>
3317
-
3318
- </header>
3319
-
3320
-
3321
- <div class='content'>
3322
- <a href="/tags/Flash%E7%9B%B8%E5%85%B3/" style="font-size: 14px; color: #999">Flash相关</a> <a href="/tags/Steam%E6%B8%B8%E6%88%8F/" style="font-size: 14px; color: #999">Steam游戏</a> <a href="/tags/Windows%E8%BD%AF%E4%BB%B6/" style="font-size: 15.67px; color: #8e8e8e">Windows软件</a> <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/" style="font-size: 24px; color: #555">个人小记</a> <a href="/tags/%E5%85%B6%E5%AE%83%E6%B8%B8%E6%88%8F/" style="font-size: 17.33px; color: #828282">其它游戏</a> <a href="/tags/%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB/" style="font-size: 14px; color: #999">加载动画</a> <a href="/tags/%E6%82%AC%E6%B5%AE%E5%AE%A0%E7%89%A9-%E7%9C%8B%E6%9D%BF%E5%A8%98/" style="font-size: 14px; color: #999">悬浮宠物/看板娘</a> <a href="/tags/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/" style="font-size: 14px; color: #999">歌曲收集</a> <a href="/tags/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/" style="font-size: 19px; color: #777">游戏相关</a> <a href="/tags/%E7%AB%99%E7%82%B9%E5%BA%95%E9%83%A8%E9%AD%94%E6%94%B9/" style="font-size: 14px; color: #999">站点底部魔改</a> <a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" style="font-size: 22.33px; color: #606060">站点折腾</a> <a href="/tags/%E8%87%AA%E5%BB%BA%E9%83%A8%E7%BD%B2/" style="font-size: 20.67px; color: #6c6c6c">自建部署</a> <a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" style="font-size: 17.33px; color: #828282">页面魔改</a> <a href="/tags/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/" style="font-size: 17.33px; color: #828282">项目折腾</a>
3323
- </div>
3324
- </section>
3325
-
3326
-
3327
-
3328
-
3329
-
3330
-
3331
-
3332
-
3333
-
3334
-
3335
-
3336
-
3337
-
3338
- <div class="widget-sticky pjax">
3339
-
3340
-
3341
-
3342
- <section class="widget desktop ">
3343
-
3344
- <header>
3345
-
3346
- <span class="icon"><i class="fa-solid fa-award fa-fw" aria-hidden="true"></i></span>
3347
- <span class='name'>站点信息</span>
3348
-
3349
- </header>
3350
-
3351
-
3352
- <div class='content'>
3353
- <div class="webinfo">
3354
-
3355
- <div class="webinfo-item">
3356
- <div>文章数目：</div>
3357
- <div>41 篇</div>
3358
- </div>
3359
-
3360
-
3361
-
3362
-
3363
-
3364
-
3365
-
3366
-
3367
- <div class="webinfo-item">
3368
- <div>本站访客数：</div>
3369
- <div>
3370
- <span id="busuanzi_value_site_uv">
3371
- <i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i>
3372
- </span>
3373
- 人
3374
- </div>
3375
- </div>
3376
- <div class="webinfo-item">
3377
- <div>本站总访问量：</div>
3378
- <div>
3379
- <span id="busuanzi_value_site_pv">
3380
- <i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i>
3381
- </span>
3382
- 次
3383
- </div>
3384
- </div>
3385
-
3386
-
3387
-
3388
- <div class="webinfo-item">
3389
- <div>最后活动时间：</div>
3390
- <div id="last-update-show">2024-11-09 日</div>
3391
- </div>
3392
-
3393
- </div>
3394
- </div>
3395
-
3396
- </section>
3397
-
3398
-
3399
-
3400
- </div>
3401
-
3402
-
3403
- <!-- 没有 pjax 占位会报错 万恶的 pjax -->
3404
-
3405
- <div class="pjax">
3406
- <!-- pjax占位 -->
3407
- </div>
3408
-
3409
- <div class="pjax">
3410
- <!-- pjax占位 -->
3411
- </div>
3412
-
3413
- <div class="pjax">
3414
- <!-- pjax占位 -->
3415
- </div>
3416
-
3417
- <div class="pjax">
3418
- <!-- pjax占位 -->
3419
- </div>
3420
-
3421
- <div class="pjax">
3422
- <!-- pjax占位 -->
3423
- </div>
3424
-
3425
- <div class="pjax">
3426
- <!-- pjax占位 -->
3427
- </div>
3428
-
3429
- <div class="pjax">
3430
- <!-- pjax占位 -->
3431
- </div>
3432
-
3433
- <!-- Custom Files side begin -->
3434
-
3435
- <!-- Custom Files side end -->
3436
- </aside>
3437
-
3438
-
3439
- <!--此文件用来存放一些不方便取值的变量-->
3440
- <!--思路大概是将值藏到重加载的区域内-->
3441
-
3442
- <pjax>
3443
- <script>
3444
- window.pdata={ispage: false,commentPath: "",commentPlaceholder: "",commentConfig: {}}
3445
-
3446
- if(document.getElementById("l_header")) {
3447
-
3448
- document.getElementById("l_header").classList.add("show");
3449
-
3450
- }
3451
-
3452
-
3453
- </script>
3454
- </pjax>
3455
- </div>
3456
-
3457
-
3458
- <footer class="footer clearfix" itemscope itemtype="http://schema.org/WPFooter">
3459
- <br><br>
3460
-
3461
-
3462
- <br>
3463
- <div class="social-wrapper" itemprop="about" itemscope itemtype="http://schema.org/Thing">
3464
-
3465
-
3466
- <a href="https://www.travellings.cn/go.html"
3467
- class="social flat-btn"
3468
- target="_blank"
3469
- rel="external nofollow noopener noreferrer" itemprop="url" alt='开往-友链接力'>
3470
-
3471
- <img src="https://www.travellings.cn/assets/logo.gif" class="lazyload" data-srcset="https://www.travellings.cn/assets/logo.gif" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/>
3472
-
3473
- </a>
3474
-
3475
-
3476
-
3477
- <a href="https://boringbay.com"
3478
- class="social flat-btn"
3479
- target="_blank"
3480
- rel="external nofollow noopener noreferrer" itemprop="url" alt='无聊湾 🥱 The Boring Bay'>
3481
-
3482
- <img src="https://boringbay.com/api/badge/blog.sinzmise.top" class="lazyload" data-srcset="https://boringbay.com/api/badge/blog.sinzmise.top" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/>
3483
-
3484
- </a>
3485
-
3486
-
3487
-
3488
- <a href="https://blogscn.fun/"
3489
- class="social flat-btn"
3490
- target="_blank"
3491
- rel="external nofollow noopener noreferrer" itemprop="url" alt='本站已加入BLOGS·CN'>
3492
-
3493
- <img src="https://photo.xiangming.site/img/blogscn.png" class="lazyload" data-srcset="https://photo.xiangming.site/img/blogscn.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/>
3494
-
3495
- </a>
3496
-
3497
-
3498
-
3499
- <a href="https://blogscn.fun/random.html"
3500
- class="social flat-btn"
3501
- target="_blank"
3502
- rel="external nofollow noopener noreferrer" itemprop="url" alt='BLOGS·CN随机访问'>
3503
-
3504
- <img src="https://photo.xiangming.site/img/footer.gif" class="lazyload" data-srcset="https://photo.xiangming.site/img/footer.gif" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/>
3505
-
3506
- </a>
3507
-
3508
-
3509
- </div>
3510
-
3511
-
3512
-
3513
- <div><p>博客内容遵循 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</a></p>
3514
- </div>
3515
-
3516
-
3517
-
3518
- 由 <a href="https://hexo.io" target="_blank" rel="noopener">Hexo</a> 驱动 | 主题 <a href="https://github.com/volantis-x/hexo-theme-volantis/#6.0.0-alpha.0" target="_blank" class="codename">Volantis</a>
3519
-
3520
-
3521
-
3522
- <div class='copyright'>
3523
- <p><a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws/previous">←</a> An <a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍 <a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws/next">→</a> <br>©2021 · <a href="/">中弦局·汐塔魔法屋</a> <br><a target="_blank" rel="noopener" href="https://icp.gov.moe/?keyword=20231033">萌ICP备20231033号</a> | <a target="_blank" rel="noopener" href="https://icp.gov.moe/?keyword=20231033">MIIT备20240818号</a> | <a target="_blank" rel="noopener" href="https://guan.ma/hao/2024000155/">官码2024000155号</a> <br>我加入的：<a target="_blank" rel="noopener" href="https://zhblogs.ohyee.cc/">中文博客列表</a> | <a target="_blank" rel="noopener" href="https://storeweb.cn/member/o/1585">个站商店</a> | <a target="_blank" rel="noopener" href="https://bf.zzxworld.com/s/995">BlogFinder</a> | <a target="_blank" rel="noopener" href="https://sites.applinzi.com/site-info?siteType=life&amp;siteId=64cb373190e35300a8eec654">站点聚合平台</a> | <a target="_blank" rel="noopener" href="https://boke.lu/">博客录</a> | <a target="_blank" rel="noopener" href="https://rssblog.cn/member/d711afd659d65c2ba2d3b18697818cf7/">RssBlog</a> | <a target="_blank" rel="noopener" href="https://blogscn.fun/">笔墨迹</a> | <a target="_blank" rel="noopener" href="https://daohang.lusongsong.com/">博客大全</a></p>
3524
-
3525
- </div>
3526
-
3527
-
3528
- <!-- Custom Files footer begin-->
3529
-
3530
- <!-- Custom Files footer end-->
3531
- </footer>
3532
-
3533
-
3534
- <a id="s-top" class="fa-solid fa-arrow-up fa-fw" title="top"></a>
3535
- </div>
3536
- </div>
3537
- <div>
3538
- <script>
3539
- /******************** volantis.dom ********************************/
3540
- // 页面选择器 将dom对象缓存起来 see: /source/js/app.js etc.
3541
- volantis.dom.bodyAnchor = volantis.dom.$(document.getElementById("safearea")); // 页面主体
3542
- volantis.dom.topBtn = volantis.dom.$(document.getElementById('s-top')); // 向上
3543
- volantis.dom.wrapper = volantis.dom.$(document.getElementById('wrapper')); // 整个导航栏
3544
- volantis.dom.coverAnchor = volantis.dom.$(document.querySelector('#l_cover .cover-wrapper')); // 1个
3545
- volantis.dom.switcher = volantis.dom.$(document.querySelector('#l_header .switcher .s-search')); // 搜索按钮 移动端 1个
3546
- volantis.dom.header = volantis.dom.$(document.getElementById('l_header')); // 移动端导航栏
3547
- volantis.dom.search = volantis.dom.$(document.querySelector('#l_header .m_search')); //搜索框 桌面端 移动端 1个
3548
- volantis.dom.mPhoneList = volantis.dom.$(document.querySelectorAll('#l_header .m-phone .list-v')); // 手机端 子菜单 多个
3549
-
3550
- top.location!=self.location&&(top.location=self.location);
3551
-
3552
- volantis.css("https://jsd.cdn.storisinz.site/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css");
3553
-
3554
-
3555
-
3556
- </script>
3557
-
3558
- <!-- required -->
3559
-
3560
-
3561
- <!-- internal -->
3562
-
3563
- <script src="/js/app.js"></script>
3564
-
3565
-
3566
-
3567
-
3568
- <!-- rightmenu要在darkmode之前（ToggleButton） darkmode要在comments之前（volantis.dark.push）-->
3569
-
3570
-
3571
-
3572
- <script>
3573
- function loadIssuesJS() {
3574
-
3575
- const sites_api = document.getElementById('sites-api');
3576
- if (sites_api != undefined && typeof SitesJS === 'undefined') {
3577
- volantis.js("/js/plugins/tags/sites.js")
3578
- }
3579
-
3580
-
3581
- const friends_api = document.getElementById('friends-api');
3582
- if (friends_api != undefined && typeof FriendsJS === 'undefined') {
3583
- volantis.js("/js/plugins/tags/friends.js")
3584
- }
3585
-
3586
-
3587
- const contributors_api = document.getElementById('contributors-api');
3588
- if (contributors_api != undefined && typeof ContributorsJS === 'undefined') {
3589
- volantis.js("/js/plugins/tags/contributors.js")
3590
- }
3591
-
3592
- };
3593
- loadIssuesJS()
3594
- volantis.pjax.push(()=>{
3595
- loadIssuesJS();
3596
- })
3597
-
3598
- </script>
3599
-
3600
-
3601
-
3602
-
3603
- <script defer src="https://jsd.cdn.storisinz.site/npm/vanilla-lazyload@17.1.0/dist/lazyload.min.js"></script>
3604
- <script>
3605
- // https://www.npmjs.com/package/vanilla-lazyload
3606
- // Set the options globally
3607
- // to make LazyLoad self-initialize
3608
- window.lazyLoadOptions = {
3609
- elements_selector: ".lazyload",
3610
- threshold: 0
3611
- };
3612
- // Listen to the initialization event
3613
- // and get the instance of LazyLoad
3614
- window.addEventListener(
3615
- "LazyLoad::Initialized",
3616
- function (event) {
3617
- window.lazyLoadInstance = event.detail.instance;
3618
- },
3619
- false
3620
- );
3621
- document.addEventListener('DOMContentLoaded', function () {
3622
- lazyLoadInstance.update();
3623
- });
3624
- document.addEventListener('pjax:complete', function () {
3625
- lazyLoadInstance.update();
3626
- });
3627
- </script>
3628
-
3629
-
3630
-
3631
-
3632
-
3633
- <script>
3634
- window.FPConfig = {
3635
- delay: 0,
3636
- ignoreKeywords: ["#"],
3637
- maxRPS: 6,
3638
- hoverDelay: 0
3639
- };
3640
- </script>
3641
- <script defer src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/libs/flying-pages/flying-pages.min.js"></script>
3642
-
3643
-
3644
-
3645
-
3646
-
3647
-
3648
-
3649
-
3650
-
3651
- <script>
3652
- volantis.layoutHelper("comments",`<div id="twikoo_container"><i class="fa-solid fa-cog fa-spin fa-fw fa-2x"></i></div>`)
3653
- function load_twikoo() {
3654
- if(!document.querySelectorAll("#twikoo_container")[0])return;
3655
- volantis.js("https://jsd.cdn.storisinz.site/npm/twikoo@1.6.39/dist/twikoo.min.js", pjax_twikoo)
3656
- }
3657
- function pjax_twikoo() {
3658
- if(!document.querySelectorAll("#twikoo_container")[0])return;
3659
- let path = pdata.commentPath;
3660
- let placeholder = pdata.commentPlaceholder || "" || "";
3661
- if (path.length == 0) {
3662
- let defaultPath = '';
3663
- path = defaultPath || decodeURI(window.location.pathname);
3664
- }
3665
- twikoo.init(Object.assign(Object.assign({"path":null,"envId":"https://tk.pl.blog.sinzmise.top/","placeholder":null,"visitor":false}, {
3666
- el: '#twikoo_container',
3667
- path: path,
3668
- placeholder: placeholder,
3669
- onCommentLoaded: function() {
3670
- if(typeof VolantisFancyBox === "undefined") {
3671
- const checkFancyBox = setInterval(() => {
3672
- if(typeof VolantisFancyBox === "undefined") return;
3673
- clearInterval(checkFancyBox);
3674
- VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])', 'Comments');
3675
- })
3676
- } else {
3677
- VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])', 'Comments');
3678
- }
3679
- }
3680
- }),pdata.commentConfig))
3681
- }
3682
- load_twikoo();
3683
- volantis.pjax.push(()=>{
3684
- if (typeof twikoo == "undefined") {
3685
- load_twikoo();
3686
- } else {
3687
- pjax_twikoo();
3688
- }
3689
- },'twikoo');
3690
- </script>
3691
-
3692
-
3693
-
3694
-
3695
-
3696
- <script defer src="https://jsd.cdn.storisinz.site/npm/penndu@1.0.0/bsz.js" data-pjax></script>
3697
-
3698
-
3699
- <!-- optional -->
3700
-
3701
- <script>
3702
- async function loadSearchScript() {
3703
-
3704
- await volantis.js("https://jsd.cdn.storisinz.site/npm/algoliasearch@4.14.2/dist/algoliasearch-lite.umd.js")
3705
- await volantis.js("https://jsd.cdn.storisinz.site/npm/instantsearch.js@4.44.0/dist/instantsearch.production.min.js")
3706
-
3707
-
3708
-
3709
- return volantis.js("/js/search/algolia.js");
3710
- }
3711
- loadSearchScript();
3712
- function loadSearchService() {
3713
- document.querySelectorAll(".input.u-search-input").forEach((e) => {
3714
- e.removeEventListener("focus", loadSearchService, false);
3715
- });
3716
-
3717
- document.querySelectorAll(".u-search-form").forEach((e) => {
3718
- e.addEventListener("submit", (event) => {
3719
- event.preventDefault();
3720
- }, false);
3721
- });
3722
- }
3723
-
3724
- // 打开并搜索 字符串 s
3725
- function OpenSearch(s="") {
3726
- if (typeof SearchService === 'undefined')
3727
- loadSearchScript().then(() => {
3728
- SearchService.setQueryText(s);
3729
- SearchService.search();
3730
- });
3731
- else {
3732
- SearchService.setQueryText(s);
3733
- SearchService.search();
3734
- }
3735
- }
3736
-
3737
- // 访问含有 ?s=xxx 的链接时打开搜索 // 与搜索引擎 structured data 相关: /scripts/helpers/structured-data/lib/config.js
3738
- if (window.location.search && /^\?s=/g.test(window.location.search)) {
3739
- let queryText = decodeURI(window.location.search)
3740
- .replace(/\ /g, "-")
3741
- .replace(/^\?s=/g, "");
3742
- OpenSearch(queryText);
3743
- }
3744
-
3745
- // 搜索输入框获取焦点时加载搜索
3746
- document.querySelectorAll(".input.u-search-input").forEach((e) => {
3747
- e.addEventListener("focus", loadSearchService, false);
3748
- });
3749
- </script>
3750
-
3751
-
3752
-
3753
-
3754
-
3755
-
3756
-
3757
- <script>
3758
-
3759
-
3760
-
3761
- function pjax_highlightjs_copyCode(){
3762
- if (!(document.querySelector(".highlight .code pre") ||
3763
- document.querySelector(".article pre code"))) {
3764
- return;
3765
- }
3766
- VolantisApp.utilCopyCode(".highlight .code pre, .article pre code")
3767
- }
3768
- volantis.requestAnimationFrame(pjax_highlightjs_copyCode)
3769
- volantis.pjax.push(pjax_highlightjs_copyCode)
3770
-
3771
- </script>
3772
-
3773
-
3774
-
3775
-
3776
-
3777
-
3778
-
3779
-
3780
-
3781
-
3782
- <script>
3783
- function load_swiper() {
3784
- if (!document.querySelectorAll(".swiper-container")[0]) return;
3785
- volantis.css("https://jsd.cdn.storisinz.site/npm/swiper@8.3.2/swiper-bundle.min.css");
3786
- volantis.js("https://jsd.cdn.storisinz.site/npm/swiper@8.3.2/swiper-bundle.min.js").then(() => {
3787
- pjax_swiper();
3788
- });
3789
- }
3790
-
3791
- load_swiper();
3792
-
3793
- function pjax_swiper() {
3794
- volantis.swiper = new Swiper('.swiper-container', {
3795
- slidesPerView: 'auto',
3796
- spaceBetween: 8,
3797
- centeredSlides: true,
3798
- loop: true,
3799
- pagination: {
3800
- el: '.swiper-pagination',
3801
- clickable: true,
3802
- },
3803
- navigation: {
3804
- nextEl: '.swiper-button-next',
3805
- prevEl: '.swiper-button-prev',
3806
- },
3807
- });
3808
- }
3809
-
3810
- volantis.pjax.push(() => {
3811
- if (!document.querySelectorAll(".swiper-container")[0]) return;
3812
- if (typeof volantis.swiper === "undefined") {
3813
- load_swiper();
3814
- } else {
3815
- pjax_swiper();
3816
- }
3817
- });
3818
- </script>
3819
-
3820
-
3821
-
3822
-
3823
- <!-- pjax 标签必须存在于所有页面 否则 pjax error -->
3824
- <pjax>
3825
-
3826
- </pjax>
3827
-
3828
- <script>
3829
- function listenSidebarTOC() {
3830
- const navItems = document.querySelectorAll(".toc li");
3831
- if (!navItems.length) return;
3832
- const targets = []
3833
- const sections = Array.from(navItems).forEach((element) => {
3834
- const link = element.querySelector(".toc-link");
3835
- const target = document.getElementById(
3836
- link.getAttribute("href") ? decodeURI(link.getAttribute("href")).replace("#", "") : link.getAttribute("toc-action").split("toc-")[1] // 兼容 hexo-blog-encrypt
3837
- );
3838
- targets.push(target)
3839
- // 解除 a 标签 href 的 锚点定位, a 标签 href 的 锚点定位 会随机启用?? 产生错位???
3840
- if (link.getAttribute("href")) {
3841
- link.setAttribute("toc-action", "toc-" + decodeURI(link.getAttribute("href")).replace("#", ""))
3842
- link.removeAttribute("href")
3843
- }
3844
- // 配置 点击 触发新的锚点定位
3845
- if (target && target.id) {
3846
- link.addEventListener("click", (event) => {
3847
- event.preventDefault();
3848
- // 这里的 addTop 是通过错位使得 toc 自动展开.
3849
- volantis.scroll.to(target, { addTop: 5, observer: true })
3850
- // Anchor id
3851
- history.pushState(null, document.title, "#" + target.id);
3852
- });
3853
- }
3854
- return target;
3855
- });
3856
-
3857
- function activateNavByIndex(target) {
3858
- if (target.classList.contains("active-current")) return;
3859
-
3860
- document.querySelectorAll(".toc .active").forEach((element) => {
3861
- element.classList.remove("active", "active-current");
3862
- });
3863
- target.classList.add("active", "active-current");
3864
- let parent = target.parentNode;
3865
- while (!parent.matches(".toc")) {
3866
- if (parent.matches("li")) parent.classList.add("active");
3867
- parent = parent.parentNode;
3868
- }
3869
- }
3870
-
3871
- // 方案一：
3872
- volantis.activateNavIndex = 0
3873
- activateNavByIndex(navItems[volantis.activateNavIndex])
3874
- if (targets[0]) {
3875
- volantis.scroll.push(() => {
3876
- if (targets[0].getBoundingClientRect().top >= 0) {
3877
- volantis.activateNavIndex = 0
3878
- } else if (targets[targets.length - 1].getBoundingClientRect().top < 0) {
3879
- volantis.activateNavIndex = targets.length - 1
3880
- } else {
3881
- for (let index = 0; index < targets.length; index++) {
3882
- const target0 = targets[index];
3883
- const target1 = targets[(index + 1) % targets.length];
3884
- if (target0.getBoundingClientRect().top < 0 && target1.getBoundingClientRect().top >= 0) {
3885
- volantis.activateNavIndex = index
3886
- break;
3887
- }
3888
- }
3889
- }
3890
- activateNavByIndex(navItems[volantis.activateNavIndex])
3891
- })
3892
- }
3893
-
3894
- // 方案二：
3895
- // IntersectionObserver 不是完美精确到像素级别 也不是低延时性的
3896
- // function findIndex(entries) {
3897
- // let index = 0;
3898
- // let entry = entries[index];
3899
- // if (entry.boundingClientRect.top > 0) {
3900
- // index = sections.indexOf(entry.target);
3901
- // return index === 0 ? 0 : index - 1;
3902
- // }
3903
- // for (; index < entries.length; index++) {
3904
- // if (entries[index].boundingClientRect.top <= 0) {
3905
- // entry = entries[index];
3906
- // } else {
3907
- // return sections.indexOf(entry.target);
3908
- // }
3909
- // }
3910
- // return sections.indexOf(entry.target);
3911
- // }
3912
- // function createIntersectionObserver(marginTop) {
3913
- // marginTop = Math.floor(marginTop + 10000);
3914
- // let intersectionObserver = new IntersectionObserver(
3915
- // (entries, observe) => {
3916
- // let scrollHeight = document.documentElement.scrollHeight;
3917
- // if (scrollHeight > marginTop) {
3918
- // observe.disconnect();
3919
- // createIntersectionObserver(scrollHeight);
3920
- // return;
3921
- // }
3922
- // let index = findIndex(entries);
3923
- // activateNavByIndex(navItems[index]);
3924
- // }, {
3925
- // rootMargin: marginTop + "px 0px -100% 0px",
3926
- // threshold: 0,
3927
- // }
3928
- // );
3929
- // sections.forEach((element) => {
3930
- // element && intersectionObserver.observe(element);
3931
- // });
3932
- // }
3933
- // createIntersectionObserver(document.documentElement.scrollHeight);
3934
- }
3935
-
3936
- document.addEventListener("DOMContentLoaded", () => {
3937
- volantis.requestAnimationFrame(listenSidebarTOC)
3938
- });
3939
- volantis.pjax.push(listenSidebarTOC);
3940
- </script>
3941
-
3942
-
3943
-
3944
-
3945
-
3946
- <script>
3947
- document.onreadystatechange = function () {
3948
- if (document.readyState == 'complete') {
3949
- // 页面加载完毕 样式加载失败，或是当前网速慢，或是开启了省流模式
3950
- const { saveData, effectiveType } = navigator.connection || navigator.mozConnection || navigator.webkitConnection || {}
3951
- if (getComputedStyle(document.querySelector("#safearea"), null)["display"] == "none" || saveData || /2g/.test(effectiveType)) {
3952
- document.querySelectorAll(".reveal").forEach(function (e) {
3953
- e.style["opacity"] = "1";
3954
- });
3955
- document.querySelector("#safearea").style["display"] = "block";
3956
- }
3957
- }
3958
- }
3959
- </script>
3960
-
3961
-
3962
- <script type="application/ld+json">[{"@context":"http://schema.org","@type":"Organization","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},{"@context":"http://schema.org","@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/","sameAs":["https://github.com/SinzMise"],"description":"The Story,The Dream."},{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://blog.sinzmise.top/","name":"汐塔魔法屋"}},{"@type":"ListItem","position":2,"item":{"@id":"https://blog.sinzmise.top/tags/页面魔改/","name":"页面魔改"}}]},{"@context":"http://schema.org","@type":"WebSite","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","keywords":null,"description":"The Story,The Dream.","author":{"@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/","description":"The Story,The Dream."},"publisher":{"@type":"Organization","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},"potentialAction":{"@type":"SearchAction","name":"Site Search","target":{"@type":"EntryPoint","urlTemplate":"https://blog.sinzmise.top?s={search_term_string}"},"query-input":"required name=search_term_string"}},{"@context":"http://schema.org","@type":"BlogPosting","description":"The Story,The Dream.","inLanguage":"zh-CN","mainEntityOfPage":{"@type":"WebPage"},"author":{"@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/"},"publisher":{"@type":"Organization","name":"汐塔魔法屋","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},"wordCount":0,"image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}}]</script>
3963
-
3964
-
3965
-
3966
-
3967
-
3968
- <!--
3969
- pjax重载区域接口：
3970
- 1. <pjax></pjax> 标签 pjax 标签必须存在于所有页面 否则 pjax error
3971
- 2. script[data-pjax]
3972
- 3. .pjax-reload script
3973
- 4. .pjax
3974
- -->
3975
-
3976
-
3977
-
3978
- <script src="https://jsd.cdn.storisinz.site/npm/pjax@0.2.8/pjax.min.js"></script>
3979
-
3980
- <script>
3981
- var pjax;
3982
- document.addEventListener('DOMContentLoaded', function () {
3983
- pjax = new Pjax({
3984
- elements: 'a[href]:not([href^="#"]):not([href="javascript:void(0)"]):not([pjax-fancybox]):not([onclick="return false;"]):not([onclick="return!1"]):not([target="_blank"]):not([target="view_window"]):not([href$=".xml"])',
3985
- // 这里的 selectors 需要保证每个页面都含有相同的数目
3986
- selectors: [
3987
- "head title",
3988
- "head meta[name=keywords]",
3989
- "head meta[name=description]",
3990
- "#l_cover",
3991
- "#l_main",
3992
- "#pjax-header-nav-list",
3993
- ".pjax",
3994
- "pjax", // <pjax></pjax> 标签
3995
- ],
3996
- cacheBust: false, // url 地址追加时间戳，用以避免浏览器缓存
3997
- timeout: 5000,
3998
-
3999
- });
4000
- });
4001
-
4002
- document.addEventListener('pjax:send', function (e) {
4003
- //window.stop(); // 相当于点击了浏览器的停止按钮
4004
- try {
4005
- var currentUrl = window.location.pathname;
4006
- var targetUrl = e.triggerElement.href;
4007
- var excludeList = [""];
4008
- if (excludeList[0] != "") {
4009
- excludeList.forEach(item => {
4010
- if(currentUrl.indexOf(item) != -1 || targetUrl.indexOf(item) != -1) {
4011
- window.location.href = targetUrl;
4012
- }
4013
- });
4014
- }
4015
- } catch (error) {}
4016
-
4017
- // 使用 volantis.pjax.send 方法传入pjax:send回调函数 参见layout/_partial/scripts/global.ejs
4018
- volantis.pjax.method.send.start();
4019
- });
4020
-
4021
- document.addEventListener('pjax:complete', function () {
4022
- // 这里的 script 不需要保证每个页面都含有相同的数目
4023
- document.querySelectorAll('script[data-pjax], .pjax-reload script').forEach(e=>{
4024
- const code = e.text || e.textContent || e.innerHTML || '';
4025
- const script = document.createElement('script');
4026
- Object.keys(e.attributes).forEach(i=>{
4027
- script.setAttribute(e.attributes[i].nodeName,e.attributes[i].nodeValue)
4028
- })
4029
- if (code) {
4030
- script.appendChild(document.createTextNode(code));
4031
- }
4032
- e.parentNode.replaceChild(script, e);
4033
- });
4034
-
4035
- // 使用 volantis.pjax.push 方法传入重载函数 参见layout/_partial/scripts/global.ejs
4036
- volantis.pjax.method.complete.start();
4037
- });
4038
-
4039
- document.addEventListener('pjax:error', function (e) {
4040
- if(volantis.debug === "pjax") {
4041
- console.error(e);
4042
- console.log('pjax error: \n' + JSON.stringify(e));
4043
- }else{
4044
- // 使用 volantis.pjax.error 方法传入pjax:error回调函数 参见layout/_partial/scripts/global.ejs
4045
- volantis.pjax.method.error.start();
4046
- window.location.href = e.triggerElement.href;
4047
- }
4048
- });
4049
- </script>
4050
-
4051
-
4052
- </div>
4053
- <!-- import body_end begin-->
4054
- <!-- import body_end end-->
4055
- <!-- Custom Files bodyEnd begin-->
4056
-
4057
- <!-- Custom Files bodyEnd end-->
4058
- <!-- hexo injector body_end start --><script data-pjax src="https://jsd.cdn.storisinz.site/npm/oh-my-live2d"></script><script>const oml2d = OML2D.loadOml2d({menus:{items:(defaultItems)=>{
4059
- return [
4060
- defaultItems[0],
4061
- defaultItems[2],
4062
- defaultItems[3]
4063
- ]
4064
- }
4065
- },mobileDisplay:false,models:[{"path":"https://files.blog.sinzmise.top/live2d/dujiaoshou_6/dujiaoshou_6.model3.json","mobilePosition":[-10,23],"mobileScale":0.1,"mobileStageStyle":{"width":180,"height":166},"motionPreloadStrategy":"IDLE","position":[-120,-30],"scale":0.06,"stageStyle":{"width":250,"height":400}},{"path":"https://files.blog.sinzmise.top/live2d/dujiaoshou_4/dujiaoshou_4.model3.json","scale":0.06,"position":[-50,-25],"stageStyle":{"width":250,"height":300},"mobileScale":0.08,"mobilePosition":[0,0],"mobileStageStyle":{"width":180}}],parentElement:document.body,primaryColor:"var(--primary)",sayHello:false,tips:{style: {"width":230,"height":120,"left":"calc(50% + 6px)","top":"-100px"},mobileStyle: {"width":180,"height":80,"left":"calc(50% - 30px)","top":"-100px"},idleTips:{interval:15000,message:function(){
4066
- return axios.get('https://v1.hitokoto.cn?c=i')
4067
- .then(function (response) {
4068
- return response.data.hitokoto ;
4069
- })
4070
- .catch(function (error) {
4071
- console.error(error);
4072
- });
4073
- }
4074
- }}});</script><!-- hexo injector body_end end --></body>
4075
- </html>
1
+ <!DOCTYPE html><html lang="zh-CN"><head hexo-theme="https://github.com/volantis-x/hexo-theme-volantis/#6.0.0-alpha.0"><meta name="generator" content="Hexo 7.3.0"><meta charset="utf-8"><meta name="robots" content="noindex,follow"><link rel="canonical" href="https://blog.sinzmise.top/tags/页面魔改/"><meta name="renderer" content="webkit"><meta name="force-rendering" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta name="HandheldFriendly" content="True"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><script>function registerServiceWorker(e){"localhost"!=window.location.hostname&&"serviceWorker"in navigator&&navigator.serviceWorker.register(`${e}?time=${(new Date).getTime()}`).then((function(e){e.onupdatefound=function(){var r=e.installing;r.onstatechange=function(){switch(r.state){case"installed":navigator.serviceWorker.controller?console.log("Updated Service Worker."):console.log("Service Worker Sucess!");break;case"redundant":console.log("The installing service worker became redundant.")}}}})).catch((function(e){console.error("Error during service worker registration:",e),"undefined"==typeof swinstallretry&&(swinstallretry=1,registerServiceWorker("/sw.js"))}))}registerServiceWorker("/sw.js")</script><link rel="preload" href="/css/style.css" as="style"><link rel="preload" href="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/VarelaRound/VarelaRound-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"><link rel="preload" href="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/UbuntuMono/UbuntuMono-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"><link rel="alternate" href="/atom.xml" title="汐塔魔法屋" type="application/atom+xml"><title>标签：页面魔改 - 汐塔魔法屋</title><meta name="keywords" content="null"><meta desc name="description" content="The Story,The Dream. - 王九弦SZ·Ninty - 汐塔魔法屋"><meta property="og:type" content="website"><meta property="og:title" content="汐塔魔法屋"><meta property="og:url" content="https://blog.sinzmise.top/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/"><meta property="og:site_name" content="汐塔魔法屋"><meta property="og:description" content="The Story,The Dream."><meta property="og:locale" content="zh_CN"><meta property="og:image" content="https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"><meta property="article:author" content="王九弦SZ·Ninty"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"><style>#safearea{display:none}.fa-duotone.red,.fa-light.red,.fa-regular.red,.fa-solid.red,.fa-thin.red,.fa.red,.fad.red,.fal.red,.far.red,.fas.red,.iziToast>.iziToast-body .iziToast-icon.red{color:#f44336}.fa-duotone.pink,.fa-light.pink,.fa-regular.pink,.fa-solid.pink,.fa-thin.pink,.fa.pink,.fad.pink,.fal.pink,.far.pink,.fas.pink,.iziToast>.iziToast-body .iziToast-icon.pink{color:#e91e63}.fa-duotone.purple,.fa-light.purple,.fa-regular.purple,.fa-solid.purple,.fa-thin.purple,.fa.purple,.fad.purple,.fal.purple,.far.purple,.fas.purple,.iziToast>.iziToast-body .iziToast-icon.purple{color:#9c27b0}.fa-duotone.indigo,.fa-light.indigo,.fa-regular.indigo,.fa-solid.indigo,.fa-thin.indigo,.fa.indigo,.fad.indigo,.fal.indigo,.far.indigo,.fas.indigo,.iziToast>.iziToast-body .iziToast-icon.indigo{color:#3f51b5}.fa-duotone.light-blue,.fa-light.light-blue,.fa-regular.light-blue,.fa-solid.light-blue,.fa-thin.light-blue,.fa.light-blue,.fad.light-blue,.fal.light-blue,.far.light-blue,.fas.light-blue,.iziToast>.iziToast-body .iziToast-icon.light-blue{color:#4ba7ee}.fa-duotone.deep-blue,.fa-light.deep-blue,.fa-regular.deep-blue,.fa-solid.deep-blue,.fa-thin.deep-blue,.fa.deep-blue,.fad.deep-blue,.fal.deep-blue,.far.deep-blue,.fas.deep-blue,.iziToast>.iziToast-body .iziToast-icon.deep-blue{color:#3367d6}.fa-duotone.teal,.fa-light.teal,.fa-regular.teal,.fa-solid.teal,.fa-thin.teal,.fa.teal,.fad.teal,.fal.teal,.far.teal,.fas.teal,.iziToast>.iziToast-body .iziToast-icon.teal{color:#009688}.fa-duotone.light-green,.fa-light.light-green,.fa-regular.light-green,.fa-solid.light-green,.fa-thin.light-green,.fa.light-green,.fad.light-green,.fal.light-green,.far.light-green,.fas.light-green,.iziToast>.iziToast-body .iziToast-icon.light-green{color:#8bc34a}.fa-duotone.orange,.fa-light.orange,.fa-regular.orange,.fa-solid.orange,.fa-thin.orange,.fa.orange,.fad.orange,.fal.orange,.far.orange,.fas.orange,.iziToast>.iziToast-body .iziToast-icon.orange{color:#ff9800}.fa-duotone.deep-orange,.fa-light.deep-orange,.fa-regular.deep-orange,.fa-solid.deep-orange,.fa-thin.deep-orange,.fa.deep-orange,.fad.deep-orange,.fal.deep-orange,.far.deep-orange,.fas.deep-orange,.iziToast>.iziToast-body .iziToast-icon.deep-orange{color:#ff5722}.fa-duotone.brown,.fa-light.brown,.fa-regular.brown,.fa-solid.brown,.fa-thin.brown,.fa.brown,.fad.brown,.fal.brown,.far.brown,.fas.brown,.iziToast>.iziToast-body .iziToast-icon.brown{color:#795548}.fa-duotone.blue-grey,.fa-light.blue-grey,.fa-regular.blue-grey,.fa-solid.blue-grey,.fa-thin.blue-grey,.fa.blue-grey,.fad.blue-grey,.fal.blue-grey,.far.blue-grey,.fas.blue-grey,.iziToast>.iziToast-body .iziToast-icon.blue-grey{color:#607d8b}.fa-duotone.yellow,.fa-light.yellow,.fa-regular.yellow,.fa-solid.yellow,.fa-thin.yellow,.fa.yellow,.fad.yellow,.fal.yellow,.far.yellow,.fas.yellow,.iziToast>.iziToast-body .iziToast-icon.yellow{color:#fcec60}.fa-duotone.TURQUOISE,.fa-light.TURQUOISE,.fa-regular.TURQUOISE,.fa-solid.TURQUOISE,.fa-thin.TURQUOISE,.fa.TURQUOISE,.fad.TURQUOISE,.fal.TURQUOISE,.far.TURQUOISE,.fas.TURQUOISE,.iziToast>.iziToast-body .iziToast-icon.TURQUOISE{color:#1abc9c}.fa-duotone.EMERALD,.fa-light.EMERALD,.fa-regular.EMERALD,.fa-solid.EMERALD,.fa-thin.EMERALD,.fa.EMERALD,.fad.EMERALD,.fal.EMERALD,.far.EMERALD,.fas.EMERALD,.iziToast>.iziToast-body .iziToast-icon.EMERALD{color:#2ecc71}.fa-duotone.PETERRIVE,.fa-light.PETERRIVE,.fa-regular.PETERRIVE,.fa-solid.PETERRIVE,.fa-thin.PETERRIVE,.fa.PETERRIVE,.fad.PETERRIVE,.fal.PETERRIVE,.far.PETERRIVE,.fas.PETERRIVE,.iziToast>.iziToast-body .iziToast-icon.PETERRIVE{color:#3498db}.fa-duotone.AMETHYST,.fa-light.AMETHYST,.fa-regular.AMETHYST,.fa-solid.AMETHYST,.fa-thin.AMETHYST,.fa.AMETHYST,.fad.AMETHYST,.fal.AMETHYST,.far.AMETHYST,.fas.AMETHYST,.iziToast>.iziToast-body .iziToast-icon.AMETHYST{color:#9b59b6}.fa-duotone.WETASPHALT,.fa-light.WETASPHALT,.fa-regular.WETASPHALT,.fa-solid.WETASPHALT,.fa-thin.WETASPHALT,.fa.WETASPHALT,.fad.WETASPHALT,.fal.WETASPHALT,.far.WETASPHALT,.fas.WETASPHALT,.iziToast>.iziToast-body .iziToast-icon.WETASPHALT{color:#34495e}.fa-duotone.GREENSEA,.fa-light.GREENSEA,.fa-regular.GREENSEA,.fa-solid.GREENSEA,.fa-thin.GREENSEA,.fa.GREENSEA,.fad.GREENSEA,.fal.GREENSEA,.far.GREENSEA,.fas.GREENSEA,.iziToast>.iziToast-body .iziToast-icon.GREENSEA{color:#16a085}.fa-duotone.NEPHRITIS,.fa-light.NEPHRITIS,.fa-regular.NEPHRITIS,.fa-solid.NEPHRITIS,.fa-thin.NEPHRITIS,.fa.NEPHRITIS,.fad.NEPHRITIS,.fal.NEPHRITIS,.far.NEPHRITIS,.fas.NEPHRITIS,.iziToast>.iziToast-body .iziToast-icon.NEPHRITIS{color:#27ae60}.fa-duotone.BELIZEHOLE,.fa-light.BELIZEHOLE,.fa-regular.BELIZEHOLE,.fa-solid.BELIZEHOLE,.fa-thin.BELIZEHOLE,.fa.BELIZEHOLE,.fad.BELIZEHOLE,.fal.BELIZEHOLE,.far.BELIZEHOLE,.fas.BELIZEHOLE,.iziToast>.iziToast-body .iziToast-icon.BELIZEHOLE{color:#2980b9}.fa-duotone.WISTERIA,.fa-light.WISTERIA,.fa-regular.WISTERIA,.fa-solid.WISTERIA,.fa-thin.WISTERIA,.fa.WISTERIA,.fad.WISTERIA,.fal.WISTERIA,.far.WISTERIA,.fas.WISTERIA,.iziToast>.iziToast-body .iziToast-icon.WISTERIA{color:#8e44ad}.fa-duotone.MIDNIGHTBLUE,.fa-light.MIDNIGHTBLUE,.fa-regular.MIDNIGHTBLUE,.fa-solid.MIDNIGHTBLUE,.fa-thin.MIDNIGHTBLUE,.fa.MIDNIGHTBLUE,.fad.MIDNIGHTBLUE,.fal.MIDNIGHTBLUE,.far.MIDNIGHTBLUE,.fas.MIDNIGHTBLUE,.iziToast>.iziToast-body .iziToast-icon.MIDNIGHTBLUE{color:#2c3e50}.fa-duotone.SUNFLOWER,.fa-light.SUNFLOWER,.fa-regular.SUNFLOWER,.fa-solid.SUNFLOWER,.fa-thin.SUNFLOWER,.fa.SUNFLOWER,.fad.SUNFLOWER,.fal.SUNFLOWER,.far.SUNFLOWER,.fas.SUNFLOWER,.iziToast>.iziToast-body .iziToast-icon.SUNFLOWER{color:#f1c40f}.fa-duotone.CARROT,.fa-light.CARROT,.fa-regular.CARROT,.fa-solid.CARROT,.fa-thin.CARROT,.fa.CARROT,.fad.CARROT,.fal.CARROT,.far.CARROT,.fas.CARROT,.iziToast>.iziToast-body .iziToast-icon.CARROT{color:#e67e22}.fa-duotone.ALIZARIN,.fa-light.ALIZARIN,.fa-regular.ALIZARIN,.fa-solid.ALIZARIN,.fa-thin.ALIZARIN,.fa.ALIZARIN,.fad.ALIZARIN,.fal.ALIZARIN,.far.ALIZARIN,.fas.ALIZARIN,.iziToast>.iziToast-body .iziToast-icon.ALIZARIN{color:#e74c3c}.fa-duotone.CLOUDS,.fa-light.CLOUDS,.fa-regular.CLOUDS,.fa-solid.CLOUDS,.fa-thin.CLOUDS,.fa.CLOUDS,.fad.CLOUDS,.fal.CLOUDS,.far.CLOUDS,.fas.CLOUDS,.iziToast>.iziToast-body .iziToast-icon.CLOUDS{color:#ecf0f1}.fa-duotone.CONCRETE,.fa-light.CONCRETE,.fa-regular.CONCRETE,.fa-solid.CONCRETE,.fa-thin.CONCRETE,.fa.CONCRETE,.fad.CONCRETE,.fal.CONCRETE,.far.CONCRETE,.fas.CONCRETE,.iziToast>.iziToast-body .iziToast-icon.CONCRETE{color:#95a5a6}.fa-duotone.ORANGE,.fa-light.ORANGE,.fa-regular.ORANGE,.fa-solid.ORANGE,.fa-thin.ORANGE,.fa.ORANGE,.fad.ORANGE,.fal.ORANGE,.far.ORANGE,.fas.ORANGE,.iziToast>.iziToast-body .iziToast-icon.ORANGE{color:#f39c12}.fa-duotone.PUMPKIN,.fa-light.PUMPKIN,.fa-regular.PUMPKIN,.fa-solid.PUMPKIN,.fa-thin.PUMPKIN,.fa.PUMPKIN,.fad.PUMPKIN,.fal.PUMPKIN,.far.PUMPKIN,.fas.PUMPKIN,.iziToast>.iziToast-body .iziToast-icon.PUMPKIN{color:#d35400}.fa-duotone.POMEGRANATE,.fa-light.POMEGRANATE,.fa-regular.POMEGRANATE,.fa-solid.POMEGRANATE,.fa-thin.POMEGRANATE,.fa.POMEGRANATE,.fad.POMEGRANATE,.fal.POMEGRANATE,.far.POMEGRANATE,.fas.POMEGRANATE,.iziToast>.iziToast-body .iziToast-icon.POMEGRANATE{color:#c0392b}.fa-duotone.SILVER,.fa-light.SILVER,.fa-regular.SILVER,.fa-solid.SILVER,.fa-thin.SILVER,.fa.SILVER,.fad.SILVER,.fal.SILVER,.far.SILVER,.fas.SILVER,.iziToast>.iziToast-body .iziToast-icon.SILVER{color:#bdc3c7}.fa-duotone.ASBESTOS,.fa-light.ASBESTOS,.fa-regular.ASBESTOS,.fa-solid.ASBESTOS,.fa-thin.ASBESTOS,.fa.ASBESTOS,.fad.ASBESTOS,.fal.ASBESTOS,.far.ASBESTOS,.fas.ASBESTOS,.iziToast>.iziToast-body .iziToast-icon.ASBESTOS{color:#7f8c8d}.article-title,.md .footer .header,.meta-v3,.new-meta-box,.prev-next,.widget header,details summary{font-family:"Varela Round","PingFang SC","Microsoft YaHei",Helvetica,Arial,Helvetica,monospace}:root{--color-site-body:#f4f4f4;--color-site-bg:#f4f4f4;--color-site-inner:#fff;--color-site-footer:#666;--color-card:#fff;--color-text:#444;--color-block:#f4f4f4;--color-inlinecode:#444;--color-codeblock:#f4f4f4;--color-h1:#3a3a3a;--color-h2:#3a3a3a;--color-h3:#333;--color-h4:#444;--color-h5:#555;--color-h6:#666;--color-p:#444;--color-list:#666;--color-list-hl:#30ad91;--color-meta:#888;--color-read-bkg:#e0d8c8;--color-read-post:#f8f1e2;--color-copyright-bkg:#f5f5f5;--color-white-png:#fff;--color-img-error:#f5f5f5}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:0;margin:0;padding:0}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track-piece{background:0 0}::-webkit-scrollbar-thumb{background:#3dd9b6;cursor:pointer;border-radius:2px;-webkit-border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff5722}html{color:var(--color-text);width:100%;height:100%;font-family:UbuntuMono,"Varela Round","PingFang SC","Microsoft YaHei",Helvetica,Arial,Menlo,Monaco,monospace,sans-serif;font-size:16px}html>::-webkit-scrollbar{height:4px;width:4px}html>::-webkit-scrollbar-track-piece{background:0 0}html>::-webkit-scrollbar-thumb{background:#3dd9b6;cursor:pointer;border-radius:2px;-webkit-border-radius:2px}html>::-webkit-scrollbar-thumb:hover{background:#ff5722}body{background-color:var(--color-site-body);text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;line-height:1.6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body.modal-active{overflow:hidden}@media screen and (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}a{color:#2092ec;cursor:pointer;text-decoration:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}a:active,a:hover{outline:0}ol,ul{padding-left:0}ol li,ul li{list-style:none}header{display:block}img{border:0;background:0 0;max-width:100%}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;height:0;border:0;border-radius:1px;-webkit-border-radius:1px;border-bottom:1px solid rgba(68,68,68,.1)}article hr{background-image:none;height:2em;border:none;margin:1em 0 1em;text-align:center}article hr:after{content:"···";letter-spacing:2em;padding-left:2em;font-weight:700}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}@supports (backdrop-filter:blur(20px)){.blur{background:rgba(255,255,255,.9)!important;backdrop-filter:saturate(200%) blur(20px)}}@supports (backdrop-filter:blur(20px)){.blur#comments{backdrop-filter:unset}}.shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.shadow.floatable{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.shadow.floatable:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}#l_cover{min-height:64px}.cover-wrapper{top:0;left:0;max-width:100%;height:100vh;display:flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-khtml-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-o-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center;align-self:center;align-content:center;color:var(--color-site-inner);padding:0 16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;overflow:hidden;margin-bottom:-100px}.cover-wrapper .cover-bg{position:absolute;width:100%;height:100%;background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}.cover-wrapper .cover-bg.lazyload:not(.loaded){opacity:0;-webkit-opacity:0;-moz-opacity:0}.cover-wrapper .cover-bg.lazyload.loaded{animation-delay:0s;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-name:fadeIn}@-moz-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-o-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}.cover-wrapper .cover-body{z-index:1;position:relative;width:100%;height:100%}.cover-wrapper#full{height:calc(100vh + 100px);padding-bottom:100px}.cover-wrapper#half{max-height:640px;min-height:460px;height:calc(36vh - 64px + 200px)}.cover-wrapper #scroll-down{width:100%;height:64px;position:absolute;bottom:100px;text-align:center;cursor:pointer}.cover-wrapper #scroll-down .scroll-down-effects{color:#fff;font-size:24px;line-height:64px;position:absolute;width:24px;left:calc(50% - 12px);text-shadow:0 1px 2px rgba(0,0,0,.1);animation:scroll-down-effect 1.5s infinite;-webkit-animation:scroll-down-effect 1.5s infinite;-khtml-animation:scroll-down-effect 1.5s infinite;-moz-animation:scroll-down-effect 1.5s infinite;-o-animation:scroll-down-effect 1.5s infinite;-ms-animation:scroll-down-effect 1.5s infinite}@-moz-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:0.4;-moz-opacity:0.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-webkit-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:0.4;-moz-opacity:0.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-o-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:0.4;-moz-opacity:0.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:0.4;-moz-opacity:0.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}.cover-wrapper .cover-body{margin-top:64px;margin-bottom:120px}.cover-wrapper .cover-body,.cover-wrapper .cover-body .bottom,.cover-wrapper .cover-body .top{display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;max-width:100%}.cover-wrapper .cover-body .bottom{margin-top:32px}.cover-wrapper .cover-body .title{font-family:"Varela Round","PingFang SC","Microsoft YaHei",Helvetica,Arial,Helvetica,monospace;font-size:3.125rem;text-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center}.cover-wrapper .cover-body .subtitle{font-size:16px}.cover-wrapper .cover-body .logo{max-height:120px;max-width:calc(100% - 4 * 16px)}@media screen and (min-height:1024px){.cover-wrapper .cover-body .title{font-size:3rem}.cover-wrapper .cover-body .subtitle{font-size:.875rem}.cover-wrapper .cover-body .logo{max-height:150px}}.cover-wrapper .cover-body .m_search{position:relative;max-width:calc(100% - 16px);width:320px;vertical-align:middle}.cover-wrapper .cover-body .m_search .form{position:relative;display:block;width:100%}.cover-wrapper .cover-body .m_search .icon,.cover-wrapper .cover-body .m_search .input{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.cover-wrapper .cover-body .m_search .icon{position:absolute;display:block;line-height:2.5rem;width:32px;top:0;left:5px;color:rgba(68,68,68,.75)}.cover-wrapper .cover-body .m_search .input{display:block;height:2.5rem;width:100%;box-shadow:none;-webkit-box-shadow:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:.875rem;-webkit-appearance:none;padding-left:36px;border-radius:1.4rem;-webkit-border-radius:1.4rem;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:none;color:var(--color-text)}@media screen and (max-width:500px){.cover-wrapper .cover-body .m_search .input{padding-left:36px}}.cover-wrapper .cover-body .m_search .input:hover{background:rgba(255,255,255,.8)}.cover-wrapper .cover-body .m_search .input:focus{background:#fff}.cover-wrapper .list-h{display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;-khtml-flex-wrap:wrap;-moz-flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:stretch;border-radius:4px;-webkit-border-radius:4px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cover-wrapper .list-h a{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;display:flex;font-weight:600}.cover-wrapper .list-h a img{display:block;border-radius:2px;-webkit-border-radius:2px;margin:4px;min-width:40px;max-width:44px}@media screen and (max-width:768px){.cover-wrapper .list-h a img{min-width:36px;max-width:40px}}@media screen and (max-width:500px){.cover-wrapper .list-h a img{margin:2px 4px;min-width:32px;max-width:36px}}@media screen and (max-width:375px){.cover-wrapper .list-h a img{min-width:28px;max-width:32px}}.cover-wrapper{max-width:100%}.cover-wrapper.search .bottom .menu{margin-top:8px}.cover-wrapper.search .bottom .menu .list-h a{white-space:nowrap;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;align-items:baseline;padding:2px;margin:4px;color:var(--color-site-inner);opacity:.75;-webkit-opacity:0.75;-moz-opacity:0.75;text-shadow:0 1px 2px rgba(0,0,0,.05);border-bottom:2px solid transparent}.cover-wrapper.search .bottom .menu .list-h a i{margin-right:4px}.cover-wrapper.search .bottom .menu .list-h a p{font-size:.9375rem}.cover-wrapper.search .bottom .menu .list-h a.active,.cover-wrapper.search .bottom .menu .list-h a:active,.cover-wrapper.search .bottom .menu .list-h a:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;border-bottom:2px solid var(--color-site-inner)}@font-face{font-family:UbuntuMono;src:url("https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/UbuntuMono/UbuntuMono-Regular.ttf");font-weight:'normal';font-style:'normal';font-display:swap}@font-face{font-family:'Varela Round';src:url("https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/fonts/VarelaRound/VarelaRound-Regular.ttf");font-weight:'normal';font-style:'normal';font-display:swap}.l_header{position:fixed;z-index:1000;top:0;width:100%;height:64px;background:var(--color-card);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.l_header.auto{transition:opacity .4s ease;-webkit-transition:opacity .4s ease;-khtml-transition:opacity 0.4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;-ms-transition:opacity .4s ease;visibility:hidden}.l_header.auto.showed{opacity:1!important;-webkit-opacity:1!important;-moz-opacity:1!important;visibility:visible}.l_header .container{margin-left:16px;margin-right:16px}.l_header #wrapper{height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.l_header #wrapper .nav-main,.l_header #wrapper .nav-sub{display:flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-khtml-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-o-flex-wrap:nowrap;-ms-flex-wrap:nowrap;justify-content:space-between;-webkit-justify-content:space-between;-khtml-justify-content:space-between;-moz-justify-content:space-between;-o-justify-content:space-between;-ms-justify-content:space-between;align-items:center}.l_header #wrapper .nav-main{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.l_header #wrapper.sub .nav-main{transform:translateY(-64px);-webkit-transform:translateY(-64px);-khtml-transform:translateY(-64px);-moz-transform:translateY(-64px);-o-transform:translateY(-64px);-ms-transform:translateY(-64px)}.l_header #wrapper .nav-sub{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;opacity:0;-webkit-opacity:0;-moz-opacity:0;height:64px;width:calc(100% - 2 * 16px);position:absolute}.l_header #wrapper .nav-sub ::-webkit-scrollbar{display:none}@media screen and (min-width:2048px){.l_header #wrapper .nav-sub{max-width:55vw;margin:auto}}.l_header #wrapper.sub .nav-sub{opacity:1;-webkit-opacity:1;-moz-opacity:1}.l_header #wrapper .title{position:relative;color:var(--color-text);padding-left:24px;max-height:64px}.l_header #wrapper .nav-main .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;line-height:64px;padding:0 8px;font-size:1.25rem;font-family:"Varela Round","PingFang SC","Microsoft YaHei",Helvetica,Arial,Helvetica,monospace}.l_header #wrapper .nav-main .title img{height:64px;padding:8px}.l_header .nav-sub{max-width:1080px;margin:auto}.l_header .nav-sub .title{font-weight:700;font-family:UbuntuMono,"Varela Round","PingFang SC","Microsoft YaHei",Helvetica,Arial,Menlo,Monaco,monospace,sans-serif;line-height:1.2;max-height:64px;white-space:normal;flex-shrink:1}.l_header .switcher{display:none;line-height:64px;align-items:center}.l_header .switcher .s-toc{display:none}@media screen and (max-width:768px){.l_header .switcher .s-toc{display:flex}}.l_header .switcher>li{height:48px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;margin:2px}@media screen and (max-width:500px){.l_header .switcher>li{margin:0 1px;height:48px}}.l_header .switcher>li>a{display:flex;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;align-items:center;width:48px;height:48px;padding:.85em 1.1em;border-radius:100px;-webkit-border-radius:100px;border:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;color:#3dd9b6}.l_header .switcher>li>a:hover{border:none}.l_header .switcher>li>a.active,.l_header .switcher>li>a:active{border:none;background:var(--color-site-bg)}@media screen and (max-width:500px){.l_header .switcher>li>a{width:36px;height:48px}}.l_header .nav-sub .switcher{display:flex}.l_header .m_search{display:flex;height:64px;width:240px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}@media screen and (max-width:1024px){.l_header .m_search{width:44px;min-width:44px}.l_header .m_search input::placeholder{opacity:0;-webkit-opacity:0;-moz-opacity:0}.l_header .m_search:hover{width:240px}.l_header .m_search:hover input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@media screen and (min-width:500px){.l_header .m_search:hover .input{width:100%}.l_header .m_search:hover .input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@media screen and (max-width:500px){.l_header .m_search{min-width:0}.l_header .m_search input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}.l_header .m_search .form{position:relative;display:flex;width:100%;align-items:center}.l_header .m_search .icon{position:absolute;width:36px;left:5px;color:var(--color-meta)}@media screen and (max-width:500px){.l_header .m_search .icon{display:none}}.l_header .m_search .input{display:block;padding-top:8px;padding-bottom:8px;line-height:1.3;width:100%;color:var(--color-text);background:#fafafa;box-shadow:none;-webkit-box-shadow:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:40px;font-size:.875rem;border-radius:8px;-webkit-border-radius:8px;border:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}@media screen and (min-width:500px){.l_header .m_search .input:focus{box-shadow:0 4px 8px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}}@media screen and (max-width:500px){.l_header .m_search .input{background:var(--color-block);padding-left:8px;border:none}.l_header .m_search .input:focus,.l_header .m_search .input:hover{border:none}}@media (max-width:500px){.l_header .m_search{left:0;width:0;overflow:hidden;position:absolute;background:#fff;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.l_header .m_search .input{border-radius:32px;-webkit-border-radius:32px;margin-left:16px;padding-left:16px}.l_header.z_search-open .m_search{width:100%}.l_header.z_search-open .m_search .input{width:calc(100% - 120px)}}ul.list-v li:hover>ul.list-v,ul.m-pc li:hover>ul.list-v{display:block}ul.nav-list-h{display:flex;align-items:stretch}ul.nav-list-h>li{position:relative;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;height:100%;line-height:2.4;border-radius:4px;-webkit-border-radius:4px}ul.nav-list-h>li>a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.nav-list-h>li>a span{font-weight:600}ul.list-v{z-index:1;display:none;position:absolute;background:var(--color-card);box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.08);margin-top:-6px;border-radius:4px;-webkit-border-radius:4px;padding:8px 0}ul.list-v.show{display:block}ul.list-v hr{margin-top:8px;margin-bottom:8px}ul.list-v>li{white-space:nowrap;word-break:keep-all}ul.list-v>li.header{font-size:.78125rem;font-weight:700;line-height:2em;color:var(--color-meta);margin:8px 16px 4px}ul.list-v>li.header i{margin-right:8px}ul.list-v>li ul{margin-left:0;display:none;margin-top:-40px}ul.list-v .aplayer-container{min-height:64px;padding:6px 16px}ul.list-v>li>a{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;display:block;color:var(--color-list);font-size:.875rem;line-height:36px;padding:0 20px 0 16px;text-overflow:ellipsis;margin:0 4px;border-radius:4px;-webkit-border-radius:4px}@media screen and (max-width:1024px){ul.list-v>li>a{line-height:40px}}ul.list-v>li>a>i{margin-right:8px}ul.list-v>li>a.active,ul.list-v>li>a:active{color:var(--color-list-hl)}ul.list-v>li>a:hover{color:var(--color-list-hl);background:var(--color-site-bg)}.l_header .menu>ul>li>a{display:block;padding:0 8px;display:flex}.l_header .menu>ul>li>a .icon{width:16px;margin-right:6px}.l_header .menu>ul>li>a .icon i{display:inline-block}.l_header .menu>ul>li>ul .icon{width:16px;margin-right:2px}.l_header .menu>ul>li>ul .icon i{display:inline-block}.l_header ul.nav-list-h>li{color:var(--color-list);line-height:64px}.l_header ul.nav-list-h>li>a{max-height:64px;overflow:hidden;color:inherit}.l_header ul.nav-list-h>li>a.active span,.l_header ul.nav-list-h>li>a:active span{color:#3dd9b6}.l_header ul.nav-list-h>li:hover>a{color:var(--color-list-hl)}.l_header ul.nav-list-h>li i.music{animation:rotate-effect 1.5s linear infinite;-webkit-animation:rotate-effect 1.5s linear infinite;-khtml-animation:rotate-effect 1.5s linear infinite;-moz-animation:rotate-effect 1.5s linear infinite;-o-animation:rotate-effect 1.5s linear infinite;-ms-animation:rotate-effect 1.5s linear infinite}@-moz-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-webkit-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-o-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}.menu-phone li ul.list-v{right:calc(100% - .5 * 16px)}.menu-phone li ul.list-v ul{right:calc(100% - .5 * 16px)}#wrapper{max-width:1080px;margin:auto}@media screen and (min-width:2048px){#wrapper{max-width:55vw}}#wrapper .menu{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;margin:0 16px 0 0}#wrapper .menu .list-v ul{left:calc(100% - .5 * 16px)}.menu-phone{display:none;margin-top:16px;right:8px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all 0.28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.menu-phone ul{right:calc(100% - .5 * 16px)}@media screen and (max-width:500px){.menu-phone{display:block}}.l_header{max-width:65vw;left:calc((100% - 65vw) * .5);border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media screen and (max-width:2048px){.l_header{max-width:1112px;left:calc((100% - 1112px) * .5)}}@media screen and (max-width:1112px){.l_header{left:0;border-radius:0;-webkit-border-radius:0;max-width:100%}}@media screen and (max-width:500px){.l_header .container{margin-left:0;margin-right:0}.l_header #wrapper .nav-main .title{padding-left:16px;padding-right:16px}.l_header #wrapper .nav-sub{width:100%}.l_header #wrapper .nav-sub .title{overflow-y:scroll;margin-top:2px;padding:8px 16px}.l_header #wrapper .switcher{display:flex;margin-right:8px;height:64px}.l_header .menu{display:none}}@media screen and (max-width:500px){.list-v li{max-width:270px}}@media screen and (min-width:768px){#l_cover,#l_header{display:none}}#u-search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:1001}@media screen and (max-width:680px){#u-search{padding:0}}</style><link rel="stylesheet" href="/css/style.css" media="print" onload='this.media="all",this.onload=null'><noscript><link rel="stylesheet" href="/css/style.css"></noscript><script>document.addEventListener("error",(function(t){const a=t.target,e=t.target.parentElement,r=e.classList.toString(),s=e.parentElement.classList.toString();"img"===a.tagName.toLowerCase()&&(a.classList.add("fix-cursor-default","error"),"fancybox"===r&&"fancybox"===s?(e.parentElement.classList.add("hideFancybox"),e.parentElement.classList.remove("fancybox"),e.classList.remove("fancybox")):"img-bg"===r&&"img-wrap"===s?e.parentElement.classList.add("hideFancybox"):"author"===r?e.parentElement.classList.add("fix-author-imgError"):-1!=r.indexOf("tk-avatar")&&e.parentElement.classList.add("fix-avatar-imgError"))}),!0)</script><script>window.MSInputMethodContext&&document.documentMode&&document.write('<style>html{overflow-x: hidden !important;overflow-y: hidden !important;}.kill-ie{text-align:center;height: 100%;margin-top: 15%;margin-bottom: 5500%;}.kill-t{font-size: 2rem;}.kill-c{font-size: 1.2rem;}#l_header,#l_body{display: none;}</style><div class="kill-ie"><span class="kill-t"><b>抱歉，您的浏览器无法访问本站</b></span><br/><span class="kill-c">微软已经于2016年终止了对 Internet Explorer (IE) 10 及更早版本的支持，<br/>继续使用存在极大的安全隐患，请使用当代主流的浏览器进行访问。</span><br/><a target="_blank" rel="noopener" href="https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/"><strong>了解详情 ></strong></a></div>')</script><noscript><style>html{overflow-x:hidden!important;overflow-y:hidden!important}.kill-noscript{text-align:center;height:100%;margin-top:15%;margin-bottom:5500%}.kill-t{font-size:2rem}.kill-c{font-size:1.2rem}#l_body,#l_header{display:none}</style><div class="kill-noscript"> <span class="kill-t"><b>抱歉，您的浏览器无法访问本站</b></span><br> <span class="kill-c">本页面需要浏览器支持（启用）JavaScript</span><br> <a target="_blank" rel="noopener" href="https://www.baidu.com/s?wd=启用JavaScript"><strong>了解详情 ></strong></a></div></noscript><script>function volantisEventListener(e,t,n){this.type=e,this.f=t,this.ele=n}function volantisDom(e){return e||(e=document.createElement("div")),this.ele=e,this.ele.find=e=>{let t=this.ele.querySelector(e);if(t)return new volantisDom(t)},this.ele.hasClass=e=>this.ele.className.match(new RegExp("(\\s|^)"+e+"(\\s|$)")),this.ele.addClass=e=>(this.ele.classList.add(e),this.ele),this.ele.removeClass=e=>(this.ele.classList.remove(e),this.ele),this.ele.toggleClass=e=>(this.ele.hasClass(e)?this.ele.removeClass(e):this.ele.addClass(e),this.ele),this.ele.on=(e,t,n=1)=>(this.ele.addEventListener(e,t,!1),n&&volantis.EventListener.list.push(new volantisEventListener(e,t,this.ele)),this.ele),this.ele.click=(e,t)=>(this.ele.on("click",e,t),this.ele),this.ele.scroll=(e,t)=>(this.ele.on("scroll",e,t),this.ele),this.ele.html=e=>(this.ele.innerHTML=e,this.ele),this.ele.hide=e=>(this.ele.style.display="none",this.ele),this.ele.show=e=>(this.ele.style.display="block",this.ele),this.ele}function RunItem(){function e(e,t){this.name=t||e.name,this.run=()=>{try{e()}catch(e){console.log(e)}}}this.list=[],this.start=()=>{for(var e=0;e<this.list.length;e++)this.list[e].run()},this.push=(t,n,s=!0)=>{let o=t;s&&(o=()=>{volantis.requestAnimationFrame(t)});var l=new e(o,n);this.list.push(l)},this.remove=e=>{for(let t=0;t<this.list.length;t++){this.list[t].name==e&&this.list.splice(t,1)}}}function errorImgAvatar(e){e.src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/avatar/round/3442075.svg",e.onerror=null}function errorImgCover(e){e.src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/cover/76b86c0226ffd.svg",e.onerror=null}window.volantis={},volantis.debug="env",volantis.dom={},volantis.EventListener={},volantis.EventListener.list=[],volantis.EventListener.remove=()=>{volantis.EventListener.list.forEach((function(e){e.ele.removeEventListener(e.type,e.f,!1)})),volantis.EventListener.list=[]},volantis.dom.$=e=>e?new volantisDom(e):null,volantis.pjax={},volantis.pjax.method={complete:new RunItem,error:new RunItem,send:new RunItem},volantis.pjax=Object.assign(volantis.pjax,{push:volantis.pjax.method.complete.push,error:volantis.pjax.method.error.push,send:volantis.pjax.method.send.push}),volantis.rightmenu={},volantis.rightmenu.method={handle:new RunItem},volantis.rightmenu=Object.assign(volantis.rightmenu,{handle:volantis.rightmenu.method.handle.push}),volantis.dark={},volantis.dark.method={toggle:new RunItem},volantis.dark=Object.assign(volantis.dark,{push:volantis.dark.method.toggle.push}),volantis.js=(e,t)=>new Promise((n=>{setTimeout((function(){var s=document.getElementsByTagName("head")[0]||document.documentElement,o=document.createElement("script");if(o.setAttribute("type","text/javascript"),t)if(JSON.stringify(t))for(let e in t)"onload"==e?o[e]=()=>{t[e](),n()}:(o[e]=t[e],o.onload=n);else o.onload=()=>{t(),n()};else o.onload=n;o.setAttribute("src",e),s.appendChild(o)}))})),volantis.css=e=>new Promise((t=>{setTimeout((function(){var n=document.createElement("link");n.rel="stylesheet",n.href=e,n.onload=t,document.getElementsByTagName("head")[0].appendChild(n)}))})),volantis.import={jQuery:()=>"undefined"==typeof jQuery?volantis.js("https://jsd.cdn.storisinz.site/npm/jquery@3.6.0/dist/jquery.min.js"):new Promise((e=>{e()}))},volantis.requestAnimationFrame=e=>{window.requestAnimationFrame||(window.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame),window.requestAnimationFrame(e)},volantis.layoutHelper=(e,t,n)=>{function s(e,t,n){volantis.tempDiv=document.createElement("div"),volantis.tempDiv.innerHTML=t;let s=document.querySelector("#layoutHelper-"+e);s&&(n&&(s.innerHTML=""),s.append(volantis.tempDiv))}n=Object.assign({clean:!1,pjax:!0},n),s(e,t,n.clean),n.pjax&&volantis.pjax.push((()=>{s(e,t,n.clean)}),"layoutHelper-"+e)},volantis.scroll={engine:new RunItem,unengine:new RunItem},volantis.scroll=Object.assign(volantis.scroll,{push:volantis.scroll.engine.push}),volantis.scroll.getScrollTop=()=>{let e;return window.pageYOffset?e=window.pageYOffset:document.compatMode&&"BackCompat"!=document.compatMode?e=document.documentElement.scrollTop:document.body&&(e=document.body.scrollTop),e},volantis.scroll.scrollHeight=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},volantis.scroll.offsetHeight=function(){return Math.max(document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},volantis.scroll.progress=function(){return volantis.scroll.getScrollTop()/(volantis.scroll.scrollHeight()-volantis.scroll.offsetHeight())},volantis.scroll.handleScrollEvents=()=>{volantis.scroll.lastScrollTop=volantis.scroll.getScrollTop(),volantis.requestAnimationFrame((function e(){const t=volantis.scroll.getScrollTop();volantis.scroll.lastScrollTop!==t?(volantis.scroll.del=t-volantis.scroll.lastScrollTop,volantis.scroll.lastScrollTop=t,volantis.scroll.unengine.list=[],volantis.scroll.engine.start()):volantis.scroll.unengine.start(),volantis.requestAnimationFrame(e)}))},volantis.scroll.handleScrollEvents(),volantis.scroll.ele=null,volantis.scroll.to=(e,t={})=>{e&&(volantis.scroll.ele=e,opt={top:e.getBoundingClientRect().top+document.documentElement.scrollTop,behavior:"smooth"},"top"in t&&(opt.top=t.top),"behavior"in t&&(opt.behavior=t.behavior),"addTop"in t&&(opt.top+=t.addTop),"observerDic"in t||(t.observerDic=100),window.scrollTo(opt),t.observer&&setTimeout((()=>{volantis.scroll.ele==e&&volantis.scroll.unengine.push((()=>{let n=e.getBoundingClientRect().top;n>=-t.observerDic&&n<=t.observerDic||volantis.scroll.to(e,t),volantis.scroll.unengine.remove("unengineObserver")}),"unengineObserver")}),1e3))},volantis.cleanContentVisibility=()=>{document.querySelector(".post-story")&&(console.log("cleanContentVisibility"),document.querySelectorAll(".post-story").forEach((e=>{e.classList.remove("post-story")})))}</script><script>volantis.GLOBAL_CONFIG={root:"/",debug:"env",default:{avatar:"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/avatar/round/3442075.svg",link:"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/link/8f277b4ee0ecd.svg",cover:"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/cover/76b86c0226ffd.svg",image:"https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/placeholder/image/2659360.svg"},lastupdate:new Date(1731116640570),cdn:{izitoast_css:"https://jsd.cdn.storisinz.site/npm/izitoast@1.4.0/dist/css/iziToast.min.css",izitoast_js:"https://jsd.cdn.storisinz.site/npm/izitoast@1.4.0/dist/js/iziToast.min.js",fancybox_css:"https://jsd.cdn.storisinz.site/npm/@fancyapps/ui@4.0.31/dist/fancybox.css",fancybox_js:"https://jsd.cdn.storisinz.site/npm/@fancyapps/ui@4.0.31/dist/fancybox.umd.js"},sidebar:{for_page:["nextsite","nextblogger","category","tagcloud","webinfo"],for_post:["nextsite","nextblogger","category","tagcloud","toc","webinfo"],webinfo:{lastupd:{enable:!0,friendlyShow:!0},runtime:{data:"2020/01/01",unit:"天"}}},plugins:{message:{enable:!0,icon:{default:"fa-solid fa-info-circle light-blue",quection:"fa-solid fa-question-circle light-blue"},time:{default:5e3,quection:2e4},position:"topRight",transitionIn:"bounceInLeft",transitionOut:"fadeOutRight",titleColor:"var(--color-text)",messageColor:"var(--color-text)",backgroundColor:"var(--color-card)",zindex:2147483647,copyright:{enable:!0,title:"知识共享许可协议",message:"请遵守 CC BY-NC-SA 4.0 协议。",icon:"far fa-copyright light-blue"},aplayer:{enable:!0,play:"fa-solid fa-play",pause:"fa-solid fa-pause"},rightmenu:{enable:!0,notice:!0}}},search:{appId:"72TOQYD33Q",indexName:"hexo",apiKey:"608d2f3acd06140a2473153f6cb61eda",hitsPerPage:"5",placeholder:"Search...",searchAsYouType:!0},languages:{search:{hits_empty:"找不到您查询的内容：${query}",hits_stats:"找到 ${hits} 条结果，用时 ${time} 毫秒"}}}</script><link rel="authorization_endpoint" href="https://indieauth.com/auth"><link rel="token_endpoint" href="https://tokens.indieauth.com/token"><script src="https://jsd.cdn.storisinz.site/npm/axios@1.7.7/dist/axios.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script></head><body itemscope itemtype="http://schema.org/WebPage"><header itemscope itemtype="http://schema.org/WPHeader" id="l_header" class="l_header auto shadow floatable blur show showed" style="opacity:0"><div class="container"><div id="wrapper"><div class="nav-sub"><p class="title fix-header-title"></p><ul class="switcher nav-list-h m-phone" id="pjax-header-nav-list"><li><a id="s-comment" class="fa-solid fa-comments fa-fw" target="_self" title="comment"></a></li><li><a id="s-toc" class="s-toc fa-solid fa-list fa-fw" target="_self" title="toc"></a></li></ul></div><div class="nav-main"><a class="title flat-box" target="_self" href="/"><i class="fa fa-home"></i> <span>汐塔魔法屋</span></a><div class="menu navigation"><ul class="nav-list-h m-pc"><li><a class="menuitem flat-box faa-parent animated-hover" href="/categories/" title="分类" active-action="action-categories"><span class="icon"><i class="fa-solid fa-folder-open fa-fw"></i></span> <span>分类</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/tags/" title="标签" active-action="action-tags"><span class="icon"><i class="fa-solid fa-tags fa-fw"></i></span> <span>标签</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/archives/" title="归档" active-action="action-archives"><span class="icon"><i class="fa-solid fa-archive fa-fw"></i></span> <span>归档</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/link/" title="友链" active-action="action-link"><span class="icon"><i class="fa-solid fa-link fa-fw"></i></span> <span>友链</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往" active-action="action-https:wwwtravellingscngohtml"><span class="icon"><i class="fa-solid fa-subway fa-fw"></i></span> <span>开往</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English" active-action="action-https:enblogsinzmisetop"><span class="icon"><i class="fa fa-language fa-fw fa-fw"></i></span> <span>English</span></a></li></ul></div><div class="m_search"><form name="searchform" class="form u-search-form"><i class="icon fas fa-search fa-fw"></i> <input type="text" class="input u-search-input" placeholder="Search..."></form></div><ul class="switcher nav-list-h m-phone"><li><a class="s-search fa-solid fa-search fa-fw" target="_self" title="search"></a></li><li><a class="s-menu fa-solid fa-bars fa-fw" target="_self" title="menu"></a><ul class="menu-phone list-v navigation white-box"><li><a class="menuitem flat-box faa-parent animated-hover" href="/categories/" title="分类" active-action="action-categories"><span class="icon"><i class="fa-solid fa-folder-open fa-fw"></i></span> <span>分类</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/tags/" title="标签" active-action="action-tags"><span class="icon"><i class="fa-solid fa-tags fa-fw"></i></span> <span>标签</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/archives/" title="归档" active-action="action-archives"><span class="icon"><i class="fa-solid fa-archive fa-fw"></i></span> <span>归档</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" href="/link/" title="友链" active-action="action-link"><span class="icon"><i class="fa-solid fa-link fa-fw"></i></span> <span>友链</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往" active-action="action-https:wwwtravellingscngohtml"><span class="icon"><i class="fa-solid fa-subway fa-fw"></i></span> <span>开往</span></a></li><li><a class="menuitem flat-box faa-parent animated-hover" target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English" active-action="action-https:enblogsinzmisetop"><span class="icon"><i class="fa fa-language fa-fw fa-fw"></i></span> <span>English</span></a></li></ul></li></ul></div></div></div></header><div id="l_body"><div id="l_cover"></div><div id="safearea"><div class="body-wrapper"><div id="l_main" class=""><section class="post-list"><div class="post-wrapper"><div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article"><link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/10045/"><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="汐塔魔法屋"></span><span hidden itemprop="post" itemscope itemtype="http://schema.org/Post"><meta itemprop="name" content="汐塔魔法屋"><meta itemprop="description" content="The Story,The Dream."></span><div class="headimg-div"> <a class="headimg-a" title="为博客添加一个游戏收藏页（npm插件版）" href="/posts/10045/"><img itemprop="image" class="headimg" alt="为博客添加一个游戏收藏页（npm插件版）" src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240525/fe131d7f5a6b38b23cc967316c13dae2.8dwp7xp4q5.webp"></a></div><h2 class="article-title" itemprop="name headline"> <a href="/posts/10045/" title="为博客添加一个游戏收藏页（npm插件版）" itemprop="url">为博客添加一个游戏收藏页（npm插件版）</a></h2><div class="md article-desc" itemprop="articleBody"><p>之前看到Kouseki大佬的这篇文章：<br></p><div class="tag link"><a class="link-card" title="为博客添加一个游戏收藏页" target="_blank" rel="noopener" href="https://blog.kouseki.cn/posts/e7dd.html"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></div><div class="right"><p class="text">为博客添加一个游戏收藏页</p><p class="url">https://blog.kouseki.cn/posts/e7dd.html</p></div></a></div><br>我原本是想要给我博客搞这个的，但由于我一般会给博客的主题更新，导致魔改的内容消失<br>思来想去，我还是决定做npm版本的游戏收藏页<br></div><div class="meta-v3" line_style="solid"><div> <time itemprop="dateCreated datePublished" datetime="2024-01-18T21:39:51+00:00">2024-01-18</time><span class="dot"></span><i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span><span class="dot"></span><i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a></span></div></div></div></div><div class="post-wrapper"><div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article"><link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/38964/"><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="汐塔魔法屋"></span><span hidden itemprop="post" itemscope itemtype="http://schema.org/Post"><meta itemprop="name" content="汐塔魔法屋"><meta itemprop="description" content="The Story,The Dream."></span><div class="headimg-div"> <a class="headimg-a" title="小康大佬的说说方案 ———— ispeak搭建教程" href="/posts/38964/"><img itemprop="image" class="headimg" alt="小康大佬的说说方案 ———— ispeak搭建教程" src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230114/msedge_GVRhG42nuu.1g9uz8t24io0.webp"></a></div><h2 class="article-title" itemprop="name headline"> <a href="/posts/38964/" title="小康大佬的说说方案 ———— ispeak搭建教程" itemprop="url">小康大佬的说说方案 ———— ispeak搭建教程</a></h2><div class="md article-desc" itemprop="articleBody"><p>搞ispeak时发现ispeak更新，能自定义评论了，也就是说我之前写的<a target="_blank" rel="noopener" href="https://blog.xsnet.eu.org/posts/43224/">ispeak教程</a>失效了<br>没办法我只能重新写了这篇教程<br></p></div><div class="meta-v3" line_style="solid"><div> <time itemprop="dateCreated datePublished" datetime="2023-01-13T21:01:37+00:00">2023-01-13</time><span class="dot"></span><i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span><span class="dot"></span><i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a></span></div></div></div></div><div class="post-wrapper"><div class="post post-v3 white-box reveal shadow floatable blur" itemscope itemtype="http://schema.org/Article"><link itemprop="mainEntityOfPage" href="https://blog.sinzmise.top/posts/22945/"><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="汐塔魔法屋"></span><span hidden itemprop="post" itemscope itemtype="http://schema.org/Post"><meta itemprop="name" content="汐塔魔法屋"><meta itemprop="description" content="The Story,The Dream."></span><div class="headimg-div"> <a class="headimg-a" title="butterfly主题添加音乐页面（适配手机）" href="/posts/22945/"><img itemprop="image" class="headimg" alt="butterfly主题添加音乐页面（适配手机）" src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230114/logo.22azkjyis5uo.webp"></a></div><h2 class="article-title" itemprop="name headline"> <a href="/posts/22945/" title="butterfly主题添加音乐页面（适配手机）" itemprop="url">butterfly主题添加音乐页面（适配手机）</a></h2><div class="md article-desc" itemprop="articleBody"><div class="note info"><p>本博客已经更换主题</p></div><p>没有音乐页面怎么行，花里胡哨的都安排上，本来想摆烂直接上aplayer，<del>但考虑到我不会写样式（虽然我可以自学）</del> 所以我音乐页面用的是<a target="_blank" rel="noopener" href="https://www.chuckle.top/article/3322c8a8.html">Chuckle的方案</a><br><psw>（等会为啥开头这么像<a href="https://www.chuckle.top/article/3322c8a8.html">这篇文章</a>）</psw><br>原本我是想做<a target="_blank" rel="noopener" href="https://www.chuckle.top/article/eb3a4679.html">单页背景透明</a>的，但我发现单页背景透明和我博客背景冲突导致丑的一批，所以我把背景换成了渐变动画<br>以下是我之前的音乐页面：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/msedge_x1MaJIbBQg.2ka3d6xxnu80.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/msedge_x1MaJIbBQg.2ka3d6xxnu80.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_x1MaJIbBQg"><br>别问为啥是之前，这个音乐页面手机访问是这样的：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-09-59-57-499_com.2sej4yl2vuw0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-09-59-57-499_com.2sej4yl2vuw0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Screenshot_2023-01-09-09-59-57-499_com"><br>当时我还以为是浏览器的问题，立即换成了Chrome浏览器，结果：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-10-02-41-554_com.6tcc3lty2uo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/20230109/Screenshot_2023-01-09-10-02-41-554_com.6tcc3lty2uo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Screenshot_2023-01-09-10-02-41-554_com"><br>（后来我用手机访问了那位大佬的音乐页面，也是一样出现这个问题，之前有人反映过这位大佬，大佬说自己去适配，<del>但我懒得适配，于是就有了这个教程</del> ）<br></p></div><div class="meta-v3" line_style="solid"><div> <time itemprop="dateCreated datePublished" datetime="2023-01-08T22:31:46+00:00">2023-01-08</time><span class="dot"></span><i class="fa-solid fa-folder-open fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span><span class="dot"></span><i class="fa-solid fa-hashtag fa-fw" aria-hidden="true" style="font-size:13px"></i> <a class="category-link" href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/">站点折腾</a><span class="sep"></span><a class="category-link" href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/">页面魔改</a> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" itemprop="url"><span itemprop="name">站点折腾</span></a></span> <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" itemprop="url"><span itemprop="name">页面魔改</span></a></span></div></div></div></div></section></div><aside id="l_side" class="not-select default-cursor" itemscope itemtype="http://schema.org/WPSideBar"><section class="widget nextsite desktop pjax"><div class="site-brand-wrapper"><div class="site-meta"> <a href="/" class="brand" rel="start"><span class="site-title">汐塔魔法屋</span></a><p class="site-subtitle" itemprop="description">Ceta Magical House</p></div><div class="site-nav-toggle"> <button aria-label="切换导航栏"><span class="btn-bar"></span><span class="btn-bar"></span><span class="btn-bar"></span></button></div></div><nav class="site-nav"><ul class="next-main"><li class="next-main-item"><a href="/categories/" title="分类" active-action="action-categories"><i class="menu-item-icon fa-solid fa-folder-open fa-fw"></i> 分类</a></li><li class="next-main-item"><a href="/tags/" title="标签" active-action="action-tags"><i class="menu-item-icon fa-solid fa-tags fa-fw"></i> 标签</a></li><li class="next-main-item"><a href="/archives/" title="归档" active-action="action-archives"><i class="menu-item-icon fa-solid fa-archive fa-fw"></i> 归档</a></li><li class="next-main-item"><a href="/link/" title="友链" active-action="action-link"><i class="menu-item-icon fa-solid fa-link fa-fw"></i> 友链</a></li><li class="next-main-item"><a target="_blank" rel="noopener" href="https://www.travellings.cn/go.html" title="开往" active-action="action-https:wwwtravellingscngohtml"><i class="menu-item-icon fa-solid fa-subway fa-fw"></i> 开往</a></li><li class="next-main-item"><a target="_blank" rel="noopener" href="https://en.blog.sinzmise.top/" title="English" active-action="action-https:enblogsinzmisetop"><i class="menu-item-icon fa fa-language fa-fw fa-fw"></i> English</a></li><li class="next-main-item"><a href="javascript:void(0)" title="搜索" active-action="action-javascript:void(0)" onclick="OpenSearch()"><i class="menu-item-icon fa-solid fa-search fa-fw"></i> 搜索</a></li></ul></nav></section><section class="widget nextblogger desktop pjax h-card"><div class="content"> <a class="avatar u-url flat-box" href="https://blog.sinzmise.top/"><img no-lazy class="site-author-image u-photo" itemprop="image" src="/img/avatar.png" alt="王九弦SZ·Ninty"></a><div class="site-author-box"><p class="site-author-name p-name" itemprop="name">王九弦SZ·Ninty</p><p class="site-author-description" itemprop="description">种下故事的种子，随着风和光生根发芽</p></div><div class="links-of-author"><span class="links-of-author-item"><a href="/atom.xml" title="RSS" alt="汐塔魔法屋" rel="me"><i class="fa-solid fa-rss fa-fw"></i></a></span><span class="links-of-author-item"><a href="mailto:email@sinzmise.top" title="Email" alt="汐塔魔法屋" class="u-email" rel="me"><i class="fa-solid fa-envelope fa-fw"></i></a></span><span class="links-of-author-item"><a target="_blank" href="https://github.com/SinzMise/" title="Github" alt="汐塔魔法屋" rel="me noopener"><i class="fab fa-github fa-fw"></i></a></span></div></div></section><section class="widget category desktop pjax"><header><a href="/categories/"><span class="icon"><i class="fa-solid fa-folder-open fa-fw" aria-hidden="true"></i></span> <span class="name">文章分类</span></a></header><div class="content"><ul class="entry navigation"><li><a class="flat-box" title="/categories/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/" href="/categories/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/" active-action="action-categoriesE4B8AAE4BABAE5B08FE8AEB0"><div class="name">个人小记</div><div class="badge">(19)</div></a></li><li><a class="flat-box" title="/categories/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/" href="/categories/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/" active-action="action-categoriesE6AD8CE69BB2E694B6E99B86"><div class="name">歌曲收集</div><div class="badge">(1)</div></a></li><li><a class="flat-box" title="/categories/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/" href="/categories/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/" active-action="action-categoriesE6B8B8E6888FE79BB8E585B3"><div class="name">游戏相关</div><div class="badge">(4)</div></a></li><li><a class="flat-box" title="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" href="/categories/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" active-action="action-categoriesE7AB99E782B9E68A98E885BE"><div class="name">站点折腾</div><div class="badge">(14)</div></a></li><li><a class="flat-box" title="/categories/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/" href="/categories/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/" active-action="action-categoriesE9A1B9E79BAEE68A98E885BE"><div class="name">项目折腾</div><div class="badge">(3)</div></a></li></ul></div></section><section class="widget tagcloud desktop pjax"><header><a href="/tags/"><span class="icon"><i class="fa-solid fa-tags fa-fw" aria-hidden="true"></i></span> <span class="name">热门标签</span></a></header><div class="content"> <a href="/tags/Flash%E7%9B%B8%E5%85%B3/" style="font-size:14px;color:#999">Flash相关</a> <a href="/tags/Steam%E6%B8%B8%E6%88%8F/" style="font-size:14px;color:#999">Steam游戏</a> <a href="/tags/Windows%E8%BD%AF%E4%BB%B6/" style="font-size:15.67px;color:#8e8e8e">Windows软件</a> <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%B0%8F%E8%AE%B0/" style="font-size:24px;color:#555">个人小记</a> <a href="/tags/%E5%85%B6%E5%AE%83%E6%B8%B8%E6%88%8F/" style="font-size:17.33px;color:#828282">其它游戏</a> <a href="/tags/%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB/" style="font-size:14px;color:#999">加载动画</a> <a href="/tags/%E6%82%AC%E6%B5%AE%E5%AE%A0%E7%89%A9-%E7%9C%8B%E6%9D%BF%E5%A8%98/" style="font-size:14px;color:#999">悬浮宠物/看板娘</a> <a href="/tags/%E6%AD%8C%E6%9B%B2%E6%94%B6%E9%9B%86/" style="font-size:14px;color:#999">歌曲收集</a> <a href="/tags/%E6%B8%B8%E6%88%8F%E7%9B%B8%E5%85%B3/" style="font-size:19px;color:#777">游戏相关</a> <a href="/tags/%E7%AB%99%E7%82%B9%E5%BA%95%E9%83%A8%E9%AD%94%E6%94%B9/" style="font-size:14px;color:#999">站点底部魔改</a> <a href="/tags/%E7%AB%99%E7%82%B9%E6%8A%98%E8%85%BE/" style="font-size:22.33px;color:#606060">站点折腾</a> <a href="/tags/%E8%87%AA%E5%BB%BA%E9%83%A8%E7%BD%B2/" style="font-size:20.67px;color:#6c6c6c">自建部署</a> <a href="/tags/%E9%A1%B5%E9%9D%A2%E9%AD%94%E6%94%B9/" style="font-size:17.33px;color:#828282">页面魔改</a> <a href="/tags/%E9%A1%B9%E7%9B%AE%E6%8A%98%E8%85%BE/" style="font-size:17.33px;color:#828282">项目折腾</a></div></section><div class="widget-sticky pjax"><section class="widget desktop"><header><span class="icon"><i class="fa-solid fa-award fa-fw" aria-hidden="true"></i></span> <span class="name">站点信息</span></header><div class="content"><div class="webinfo"><div class="webinfo-item"><div>文章数目：</div><div>41 篇</div></div><div class="webinfo-item"><div>本站访客数：</div><div><span id="busuanzi_value_site_uv"><i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i></span> 人</div></div><div class="webinfo-item"><div>本站总访问量：</div><div><span id="busuanzi_value_site_pv"><i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i></span> 次</div></div><div class="webinfo-item"><div>最后活动时间：</div><div id="last-update-show">2024-11-09 日</div></div></div></div></section></div><div class="pjax"></div><div class="pjax"></div><div class="pjax"></div><div class="pjax"></div><div class="pjax"></div><div class="pjax"></div><div class="pjax"></div></aside><pjax><script>window.pdata={ispage:!1,commentPath:"",commentPlaceholder:"",commentConfig:{}},document.getElementById("l_header")&&document.getElementById("l_header").classList.add("show")</script></pjax></div><footer class="footer clearfix" itemscope itemtype="http://schema.org/WPFooter"><br><br><br><div class="social-wrapper" itemprop="about" itemscope itemtype="http://schema.org/Thing"> <a href="https://www.travellings.cn/go.html" class="social flat-btn" target="_blank" rel="external nofollow noopener noreferrer" itemprop="url" alt="开往-友链接力"><img src="https://www.travellings.cn/assets/logo.gif" class="lazyload" data-srcset="https://www.travellings.cn/assets/logo.gif" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></a> <a href="https://boringbay.com" class="social flat-btn" target="_blank" rel="external nofollow noopener noreferrer" itemprop="url" alt="无聊湾 🥱 The Boring Bay"><img src="https://boringbay.com/api/badge/blog.sinzmise.top" class="lazyload" data-srcset="https://boringbay.com/api/badge/blog.sinzmise.top" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></a> <a href="https://blogscn.fun/" class="social flat-btn" target="_blank" rel="external nofollow noopener noreferrer" itemprop="url" alt="本站已加入BLOGS·CN"><img src="https://photo.xiangming.site/img/blogscn.png" class="lazyload" data-srcset="https://photo.xiangming.site/img/blogscn.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></a> <a href="https://blogscn.fun/random.html" class="social flat-btn" target="_blank" rel="external nofollow noopener noreferrer" itemprop="url" alt="BLOGS·CN随机访问"><img src="https://photo.xiangming.site/img/footer.gif" class="lazyload" data-srcset="https://photo.xiangming.site/img/footer.gif" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="></a></div><div><p>博客内容遵循 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</a></p></div> 由 <a href="https://hexo.io" target="_blank" rel="noopener">Hexo</a> 驱动 | 主题 <a href="https://github.com/volantis-x/hexo-theme-volantis/#6.0.0-alpha.0" target="_blank" class="codename">Volantis</a><div class="copyright"><p><a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws/previous">←</a> An <a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍 <a target="_blank" rel="noopener" href="https://xn--sr8hvo.ws/next">→</a><br>©2021 · <a href="/">中弦局·汐塔魔法屋</a><br><a target="_blank" rel="noopener" href="https://icp.gov.moe/?keyword=20231033">萌ICP备20231033号</a> | <a target="_blank" rel="noopener" href="https://icp.gov.moe/?keyword=20231033">MIIT备20240818号</a> | <a target="_blank" rel="noopener" href="https://guan.ma/hao/2024000155/">官码2024000155号</a><br>我加入的：<a target="_blank" rel="noopener" href="https://zhblogs.ohyee.cc/">中文博客列表</a> | <a target="_blank" rel="noopener" href="https://storeweb.cn/member/o/1585">个站商店</a> | <a target="_blank" rel="noopener" href="https://bf.zzxworld.com/s/995">BlogFinder</a> | <a target="_blank" rel="noopener" href="https://sites.applinzi.com/site-info?siteType=life&amp;siteId=64cb373190e35300a8eec654">站点聚合平台</a> | <a target="_blank" rel="noopener" href="https://boke.lu/">博客录</a> | <a target="_blank" rel="noopener" href="https://rssblog.cn/member/d711afd659d65c2ba2d3b18697818cf7/">RssBlog</a> | <a target="_blank" rel="noopener" href="https://blogscn.fun/">笔墨迹</a> | <a target="_blank" rel="noopener" href="https://daohang.lusongsong.com/">博客大全</a></p></div></footer><a id="s-top" class="fa-solid fa-arrow-up fa-fw" title="top"></a></div></div><div><script>volantis.dom.bodyAnchor=volantis.dom.$(document.getElementById("safearea")),volantis.dom.topBtn=volantis.dom.$(document.getElementById("s-top")),volantis.dom.wrapper=volantis.dom.$(document.getElementById("wrapper")),volantis.dom.coverAnchor=volantis.dom.$(document.querySelector("#l_cover .cover-wrapper")),volantis.dom.switcher=volantis.dom.$(document.querySelector("#l_header .switcher .s-search")),volantis.dom.header=volantis.dom.$(document.getElementById("l_header")),volantis.dom.search=volantis.dom.$(document.querySelector("#l_header .m_search")),volantis.dom.mPhoneList=volantis.dom.$(document.querySelectorAll("#l_header .m-phone .list-v")),top.location!=self.location&&(top.location=self.location),volantis.css("https://jsd.cdn.storisinz.site/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css")</script><script src="/js/app.js"></script><script>function loadIssuesJS(){null!=document.getElementById("sites-api")&&"undefined"==typeof SitesJS&&volantis.js("/js/plugins/tags/sites.js");null!=document.getElementById("friends-api")&&"undefined"==typeof FriendsJS&&volantis.js("/js/plugins/tags/friends.js");null!=document.getElementById("contributors-api")&&"undefined"==typeof ContributorsJS&&volantis.js("/js/plugins/tags/contributors.js")}loadIssuesJS(),volantis.pjax.push((()=>{loadIssuesJS()}))</script><script defer="defer" src="https://jsd.cdn.storisinz.site/npm/vanilla-lazyload@17.1.0/dist/lazyload.min.js"></script><script>window.lazyLoadOptions={elements_selector:".lazyload",threshold:0},window.addEventListener("LazyLoad::Initialized",(function(n){window.lazyLoadInstance=n.detail.instance}),!1),document.addEventListener("DOMContentLoaded",(function(){lazyLoadInstance.update()})),document.addEventListener("pjax:complete",(function(){lazyLoadInstance.update()}))</script><script>window.FPConfig={delay:0,ignoreKeywords:["#"],maxRPS:6,hoverDelay:0}</script><script defer="defer" src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/libs/flying-pages/flying-pages.min.js"></script><script>function load_twikoo(){document.querySelectorAll("#twikoo_container")[0]&&volantis.js("https://jsd.cdn.storisinz.site/npm/twikoo@1.6.39/dist/twikoo.min.js",pjax_twikoo)}function pjax_twikoo(){if(!document.querySelectorAll("#twikoo_container")[0])return;let o=pdata.commentPath,t=pdata.commentPlaceholder||"";if(0==o.length){o=""||decodeURI(window.location.pathname)}twikoo.init(Object.assign(Object.assign({path:null,envId:"https://tk.pl.blog.sinzmise.top/",placeholder:null,visitor:!1},{el:"#twikoo_container",path:o,placeholder:t,onCommentLoaded:function(){if("undefined"==typeof VolantisFancyBox){const o=setInterval((()=>{"undefined"!=typeof VolantisFancyBox&&(clearInterval(o),VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])',"Comments"))}))}else VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])',"Comments")}}),pdata.commentConfig))}volantis.layoutHelper("comments",'<div id="twikoo_container"><i class="fa-solid fa-cog fa-spin fa-fw fa-2x"></i></div>'),load_twikoo(),volantis.pjax.push((()=>{"undefined"==typeof twikoo?load_twikoo():pjax_twikoo()}),"twikoo")</script><script defer="defer" src="https://jsd.cdn.storisinz.site/npm/penndu@1.0.0/bsz.js" data-pjax></script><script>async function loadSearchScript(){return await volantis.js("https://jsd.cdn.storisinz.site/npm/algoliasearch@4.14.2/dist/algoliasearch-lite.umd.js"),await volantis.js("https://jsd.cdn.storisinz.site/npm/instantsearch.js@4.44.0/dist/instantsearch.production.min.js"),volantis.js("/js/search/algolia.js")}function loadSearchService(){document.querySelectorAll(".input.u-search-input").forEach((e=>{e.removeEventListener("focus",loadSearchService,!1)})),document.querySelectorAll(".u-search-form").forEach((e=>{e.addEventListener("submit",(e=>{e.preventDefault()}),!1)}))}function OpenSearch(e=""){"undefined"==typeof SearchService?loadSearchScript().then((()=>{SearchService.setQueryText(e),SearchService.search()})):(SearchService.setQueryText(e),SearchService.search())}if(loadSearchScript(),window.location.search&&/^\?s=/g.test(window.location.search)){OpenSearch(decodeURI(window.location.search).replace(/\ /g,"-").replace(/^\?s=/g,""))}document.querySelectorAll(".input.u-search-input").forEach((e=>{e.addEventListener("focus",loadSearchService,!1)}))</script><script>function pjax_highlightjs_copyCode(){(document.querySelector(".highlight .code pre")||document.querySelector(".article pre code"))&&VolantisApp.utilCopyCode(".highlight .code pre, .article pre code")}volantis.requestAnimationFrame(pjax_highlightjs_copyCode),volantis.pjax.push(pjax_highlightjs_copyCode)</script><script>function load_swiper(){document.querySelectorAll(".swiper-container")[0]&&(volantis.css("https://jsd.cdn.storisinz.site/npm/swiper@8.3.2/swiper-bundle.min.css"),volantis.js("https://jsd.cdn.storisinz.site/npm/swiper@8.3.2/swiper-bundle.min.js").then((()=>{pjax_swiper()})))}function pjax_swiper(){volantis.swiper=new Swiper(".swiper-container",{slidesPerView:"auto",spaceBetween:8,centeredSlides:!0,loop:!0,pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}})}load_swiper(),volantis.pjax.push((()=>{document.querySelectorAll(".swiper-container")[0]&&(void 0===volantis.swiper?load_swiper():pjax_swiper())}))</script><pjax></pjax><script>function listenSidebarTOC(){const t=document.querySelectorAll(".toc li");if(!t.length)return;const e=[];Array.from(t).forEach((t=>{const n=t.querySelector(".toc-link"),i=document.getElementById(n.getAttribute("href")?decodeURI(n.getAttribute("href")).replace("#",""):n.getAttribute("toc-action").split("toc-")[1]);return e.push(i),n.getAttribute("href")&&(n.setAttribute("toc-action","toc-"+decodeURI(n.getAttribute("href")).replace("#","")),n.removeAttribute("href")),i&&i.id&&n.addEventListener("click",(t=>{t.preventDefault(),volantis.scroll.to(i,{addTop:5,observer:!0}),history.pushState(null,document.title,"#"+i.id)})),i}));function n(t){if(t.classList.contains("active-current"))return;document.querySelectorAll(".toc .active").forEach((t=>{t.classList.remove("active","active-current")})),t.classList.add("active","active-current");let e=t.parentNode;for(;!e.matches(".toc");)e.matches("li")&&e.classList.add("active"),e=e.parentNode}volantis.activateNavIndex=0,n(t[volantis.activateNavIndex]),e[0]&&volantis.scroll.push((()=>{if(e[0].getBoundingClientRect().top>=0)volantis.activateNavIndex=0;else if(e[e.length-1].getBoundingClientRect().top<0)volantis.activateNavIndex=e.length-1;else for(let t=0;t<e.length;t++){const n=e[t],i=e[(t+1)%e.length];if(n.getBoundingClientRect().top<0&&i.getBoundingClientRect().top>=0){volantis.activateNavIndex=t;break}}n(t[volantis.activateNavIndex])}))}document.addEventListener("DOMContentLoaded",(()=>{volantis.requestAnimationFrame(listenSidebarTOC)})),volantis.pjax.push(listenSidebarTOC)</script><script>document.onreadystatechange=function(){if("complete"==document.readyState){const{saveData:e,effectiveType:t}=navigator.connection||navigator.mozConnection||navigator.webkitConnection||{};("none"==getComputedStyle(document.querySelector("#safearea"),null).display||e||/2g/.test(t))&&(document.querySelectorAll(".reveal").forEach((function(e){e.style.opacity="1"})),document.querySelector("#safearea").style.display="block")}}</script><script type="application/ld+json">[{"@context":"http://schema.org","@type":"Organization","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},{"@context":"http://schema.org","@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/","sameAs":["https://github.com/SinzMise"],"description":"The Story,The Dream."},{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://blog.sinzmise.top/","name":"汐塔魔法屋"}},{"@type":"ListItem","position":2,"item":{"@id":"https://blog.sinzmise.top/tags/页面魔改/","name":"页面魔改"}}]},{"@context":"http://schema.org","@type":"WebSite","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","keywords":null,"description":"The Story,The Dream.","author":{"@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/","description":"The Story,The Dream."},"publisher":{"@type":"Organization","name":"汐塔魔法屋","url":"https://blog.sinzmise.top/","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},"potentialAction":{"@type":"SearchAction","name":"Site Search","target":{"@type":"EntryPoint","urlTemplate":"https://blog.sinzmise.top?s={search_term_string}"},"query-input":"required name=search_term_string"}},{"@context":"http://schema.org","@type":"BlogPosting","description":"The Story,The Dream.","inLanguage":"zh-CN","mainEntityOfPage":{"@type":"WebPage"},"author":{"@type":"Person","name":"王九弦SZ·Ninty","image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png"},"url":"https://blog.sinzmise.top/"},"publisher":{"@type":"Organization","name":"汐塔魔法屋","logo":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}},"wordCount":0,"image":{"@type":"ImageObject","url":"https://blog.sinzmise.top/images/siteicon/web-app-manifest-192x192.png","width":192,"height":192}}]</script><script src="https://jsd.cdn.storisinz.site/npm/pjax@0.2.8/pjax.min.js"></script><script>var pjax;document.addEventListener("DOMContentLoaded",(function(){pjax=new Pjax({elements:'a[href]:not([href^="#"]):not([href="javascript:void(0)"]):not([pjax-fancybox]):not([onclick="return false;"]):not([onclick="return!1"]):not([target="_blank"]):not([target="view_window"]):not([href$=".xml"])',selectors:["head title","head meta[name=keywords]","head meta[name=description]","#l_cover","#l_main","#pjax-header-nav-list",".pjax","pjax"],cacheBust:!1,timeout:5e3})})),document.addEventListener("pjax:send",(function(e){try{var t=window.location.pathname,n=e.triggerElement.href,a=[""];""!=a[0]&&a.forEach((e=>{-1==t.indexOf(e)&&-1==n.indexOf(e)||(window.location.href=n)}))}catch(e){}volantis.pjax.method.send.start()})),document.addEventListener("pjax:complete",(function(){document.querySelectorAll("script[data-pjax], .pjax-reload script").forEach((e=>{const t=e.text||e.textContent||e.innerHTML||"",n=document.createElement("script");Object.keys(e.attributes).forEach((t=>{n.setAttribute(e.attributes[t].nodeName,e.attributes[t].nodeValue)})),t&&n.appendChild(document.createTextNode(t)),e.parentNode.replaceChild(n,e)})),volantis.pjax.method.complete.start()})),document.addEventListener("pjax:error",(function(e){"pjax"===volantis.debug?(console.error(e),console.log("pjax error: \n"+JSON.stringify(e))):(volantis.pjax.method.error.start(),window.location.href=e.triggerElement.href)}))</script></div><script data-pjax src="https://jsd.cdn.storisinz.site/npm/oh-my-live2d"></script><script>const oml2d=OML2D.loadOml2d({menus:{items:t=>[t[0],t[2],t[3]]},mobileDisplay:!1,models:[{path:"https://files.blog.sinzmise.top/live2d/dujiaoshou_6/dujiaoshou_6.model3.json",mobilePosition:[-10,23],mobileScale:.1,mobileStageStyle:{width:180,height:166},motionPreloadStrategy:"IDLE",position:[-120,-30],scale:.06,stageStyle:{width:250,height:400}},{path:"https://files.blog.sinzmise.top/live2d/dujiaoshou_4/dujiaoshou_4.model3.json",scale:.06,position:[-50,-25],stageStyle:{width:250,height:300},mobileScale:.08,mobilePosition:[0,0],mobileStageStyle:{width:180}}],parentElement:document.body,primaryColor:"var(--primary)",sayHello:!1,tips:{style:{width:230,height:120,left:"calc(50% + 6px)",top:"-100px"},mobileStyle:{width:180,height:80,left:"calc(50% - 30px)",top:"-100px"},idleTips:{interval:15e3,message:function(){return axios.get("https://v1.hitokoto.cn?c=i").then((function(t){return t.data.hitokoto})).catch((function(t){console.error(t)}))}}}})</script></body></html>