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