sinzmise-cetastories 2.0.0-1731066602594 → 2.0.0-1731114112124

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