diff --git a/public/404.html b/public/404.html
index e9558d16..523fb0bc 100644
--- a/public/404.html
+++ b/public/404.html
@@ -96,12 +96,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/about/index.html b/public/about/index.html
index c012eeae..0f1b4216 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -1537,12 +1537,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/archives/index.html b/public/archives/index.html
index 9bae2eb7..c989813f 100644
--- a/public/archives/index.html
+++ b/public/archives/index.html
@@ -1013,12 +1013,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/index.html b/public/categories/index.html
index c934fbec..db0d3ff5 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/2/index.html b/public/categories/page/2/index.html
index dfd126e0..8f89852e 100644
--- a/public/categories/page/2/index.html
+++ b/public/categories/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/3/index.html b/public/categories/page/3/index.html
index b5975709..00b3543f 100644
--- a/public/categories/page/3/index.html
+++ b/public/categories/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/4/index.html b/public/categories/page/4/index.html
index 6baf3e00..0ac65d25 100644
--- a/public/categories/page/4/index.html
+++ b/public/categories/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/5/index.html b/public/categories/page/5/index.html
index a1e2d728..84545a27 100644
--- a/public/categories/page/5/index.html
+++ b/public/categories/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/6/index.html b/public/categories/page/6/index.html
index c911ad32..a9619406 100644
--- a/public/categories/page/6/index.html
+++ b/public/categories/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/7/index.html b/public/categories/page/7/index.html
index 9f5f6f9e..8aab1496 100644
--- a/public/categories/page/7/index.html
+++ b/public/categories/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/page/8/index.html b/public/categories/page/8/index.html
index 1a9e3217..c1c067d3 100644
--- a/public/categories/page/8/index.html
+++ b/public/categories/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/index.html b/public/categories/教程/index.html
index 5c98e134..04e2226c 100644
--- a/public/categories/教程/index.html
+++ b/public/categories/教程/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/2/index.html b/public/categories/教程/page/2/index.html
index 60d1bd64..6c52753c 100644
--- a/public/categories/教程/page/2/index.html
+++ b/public/categories/教程/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/3/index.html b/public/categories/教程/page/3/index.html
index 5f5b55ec..ff382a2f 100644
--- a/public/categories/教程/page/3/index.html
+++ b/public/categories/教程/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/4/index.html b/public/categories/教程/page/4/index.html
index 8883cd53..e489d14d 100644
--- a/public/categories/教程/page/4/index.html
+++ b/public/categories/教程/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/5/index.html b/public/categories/教程/page/5/index.html
index 6fa089c4..4f53ffe9 100644
--- a/public/categories/教程/page/5/index.html
+++ b/public/categories/教程/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/6/index.html b/public/categories/教程/page/6/index.html
index beb42e4b..30cc2d96 100644
--- a/public/categories/教程/page/6/index.html
+++ b/public/categories/教程/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/7/index.html b/public/categories/教程/page/7/index.html
index 30d2594b..d46a7e46 100644
--- a/public/categories/教程/page/7/index.html
+++ b/public/categories/教程/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/教程/page/8/index.html b/public/categories/教程/page/8/index.html
index de0ff23c..2de08559 100644
--- a/public/categories/教程/page/8/index.html
+++ b/public/categories/教程/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/index.html b/public/categories/文案/index.html
index 72108555..0022c395 100644
--- a/public/categories/文案/index.html
+++ b/public/categories/文案/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/2/index.html b/public/categories/文案/page/2/index.html
index d19d9d95..6b757b28 100644
--- a/public/categories/文案/page/2/index.html
+++ b/public/categories/文案/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/3/index.html b/public/categories/文案/page/3/index.html
index 21bd5c75..45017ef0 100644
--- a/public/categories/文案/page/3/index.html
+++ b/public/categories/文案/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/4/index.html b/public/categories/文案/page/4/index.html
index 819dfcba..12441871 100644
--- a/public/categories/文案/page/4/index.html
+++ b/public/categories/文案/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/5/index.html b/public/categories/文案/page/5/index.html
index a10b6f0c..899a157f 100644
--- a/public/categories/文案/page/5/index.html
+++ b/public/categories/文案/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/6/index.html b/public/categories/文案/page/6/index.html
index a22de85a..07b33fbe 100644
--- a/public/categories/文案/page/6/index.html
+++ b/public/categories/文案/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/7/index.html b/public/categories/文案/page/7/index.html
index fcd4fbd3..cdb83a54 100644
--- a/public/categories/文案/page/7/index.html
+++ b/public/categories/文案/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/文案/page/8/index.html b/public/categories/文案/page/8/index.html
index 5114d6bf..e5b1b096 100644
--- a/public/categories/文案/page/8/index.html
+++ b/public/categories/文案/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/index.html b/public/categories/生活/index.html
index 5a00547c..241de5ee 100644
--- a/public/categories/生活/index.html
+++ b/public/categories/生活/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/2/index.html b/public/categories/生活/page/2/index.html
index 024ac384..9a8d761a 100644
--- a/public/categories/生活/page/2/index.html
+++ b/public/categories/生活/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/3/index.html b/public/categories/生活/page/3/index.html
index af35dba7..239d5024 100644
--- a/public/categories/生活/page/3/index.html
+++ b/public/categories/生活/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/4/index.html b/public/categories/生活/page/4/index.html
index 2b305885..fc3146b8 100644
--- a/public/categories/生活/page/4/index.html
+++ b/public/categories/生活/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/5/index.html b/public/categories/生活/page/5/index.html
index 0f6b2ac6..c99e785f 100644
--- a/public/categories/生活/page/5/index.html
+++ b/public/categories/生活/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/6/index.html b/public/categories/生活/page/6/index.html
index 6ac79131..3fe2ca5d 100644
--- a/public/categories/生活/page/6/index.html
+++ b/public/categories/生活/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/7/index.html b/public/categories/生活/page/7/index.html
index 00f6adf0..af03f85a 100644
--- a/public/categories/生活/page/7/index.html
+++ b/public/categories/生活/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/生活/page/8/index.html b/public/categories/生活/page/8/index.html
index 7cef4680..2aee3d59 100644
--- a/public/categories/生活/page/8/index.html
+++ b/public/categories/生活/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/index.html b/public/categories/相册/index.html
index f1517f5a..6357b494 100644
--- a/public/categories/相册/index.html
+++ b/public/categories/相册/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/2/index.html b/public/categories/相册/page/2/index.html
index 3416c4e6..2f098fe4 100644
--- a/public/categories/相册/page/2/index.html
+++ b/public/categories/相册/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/3/index.html b/public/categories/相册/page/3/index.html
index 0e67fcbd..2d10d6b6 100644
--- a/public/categories/相册/page/3/index.html
+++ b/public/categories/相册/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/4/index.html b/public/categories/相册/page/4/index.html
index 7ab77ce0..ab79479d 100644
--- a/public/categories/相册/page/4/index.html
+++ b/public/categories/相册/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/5/index.html b/public/categories/相册/page/5/index.html
index aad6cf70..2cf451e3 100644
--- a/public/categories/相册/page/5/index.html
+++ b/public/categories/相册/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/6/index.html b/public/categories/相册/page/6/index.html
index 97d4f883..599e8301 100644
--- a/public/categories/相册/page/6/index.html
+++ b/public/categories/相册/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/7/index.html b/public/categories/相册/page/7/index.html
index 9b114081..258df82f 100644
--- a/public/categories/相册/page/7/index.html
+++ b/public/categories/相册/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/categories/相册/page/8/index.html b/public/categories/相册/page/8/index.html
index 779831df..08882c03 100644
--- a/public/categories/相册/page/8/index.html
+++ b/public/categories/相册/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/index.html b/public/index.html
index d39b56e7..6ba1866b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -135,12 +135,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/js/main.js b/public/js/main.js
index 838b5213..87d65bfd 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -44,94 +44,105 @@ lazyLoadInit({
   showTime: 1100
 });
 
-
-async function fetchCommentsAndCreateBarrager(path, options) {
+async function loadBarrager() {
   try {
-      const response = await fetch('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(path));
-      const data = await response.json();
-
-      if (!data.data || !data.data.data) {
-          console.error('评论数据获取失败');
-          return;
-      }
-
-      const commentsData = data.data.data;
-      const looperTime = options.looper_time || 3000;
-      const flattenedComments = flattenComments(commentsData);
-      const totalComments = flattenedComments.length;
-      let currentIndex = 0;
-
-      // 初始化弹幕插件
-      let barrage = new Barrage.default({
-          el: 'body',
-          backColor:"#000000b5",
-          fontSize:"14px",
-          isLeft:true,
-          speed:0,
-          height:"33px"
-      });
-
-      if (totalComments !== 0) {
-          createBarrager();
-      }
-
-      function createBarrager() {
-          const currentComment = flattenedComments[currentIndex];
-          const barragerItem = {
-              headImg: currentComment.avatar + "?s=33" || options.defaultAvatar,
-              content: stripHTML(currentComment.orig) || options.defaultInfo,
-              href: currentComment.link || options.defaultLink,
-              speed: options.speed || 10
-          };
-
-          // 发送弹幕
-          barrage.start(barragerItem.content, {
-              speed: barragerItem.speed,
-              headImg: barragerItem.headImg,
-              speed:35
-          });
-
-          currentIndex++;
-
-          if (currentIndex < totalComments) {
-              setTimeout(createBarrager, looperTime);
-          }
-        
-      }
-
-      function stripHTML(html) {
-          return html.replace(/<\/?[^>]+(>|$)/g, "");
-      }
-
-      function flattenComments(comments) {
-          let result = [];
-          comments.forEach(function(comment) {
-              result.push(comment);
-              if (comment.children && comment.children.length > 0) {
-                  result = result.concat(flattenComments(comment.children));
-              }
-          });
-          return result;
-      }
+    const commentsData = await initArtalkAndGetComments();
+    if (commentsData) {
+      await createBarragerFromArtalk(commentsData);
+    }
   } catch (error) {
-      console.error('无法获取评论数据', error);
+    console.error('加载弹幕时发生错误:', error);
   }
 }
 
-// 弹幕函数
-function loadBarrager() {
-    // 获取当前页面的路径
-    var currentPath = "{{ .RelPermalink }}";
+// 异步初始化 Artalk 并获取评论数据
+function initArtalkAndGetComments() {
+  return new Promise((resolve, reject) => {
+    Artalk.use((ctx) => {
+      ctx.on('list-loaded', () => {
+        console.log('评论列表加载完毕');
+        const commentsData = ctx.getComments();
+        if (commentsData) {
+          resolve(commentsData);
+          // console.log(commentsData);
+        } else {
+          reject('获取评论数据失败');
+        }
+      });
+    });
 
-    // 只有当 URL 包含 "post" 时才执行弹幕加载逻辑
-    if (currentPath.includes("post") || currentPath.includes("says")) {
-        // 调用封装的函数
-        fetchCommentsAndCreateBarrager(currentPath, {
-            looper_time: 3000,                // 每条弹幕的发送间隔，单位毫秒
-            defaultAvatar: 'static/default-avatar.png', // 默认头像
-            defaultInfo: 'No comment',      // 默认评论内容
-            defaultLink: '#',               // 默认用户链接
-            speed: 10,                      // 弹幕速度，单位秒
-        });
+    Artalk.init({
+      el: '#Comments',                // 绑定元素的 Selector
+      server: 'https://artalk.5b2.cn',  // 后端地址
+      site: '优世界',             // 你的站点名
+      flatMode: true
+    });
+  });
+}
+
+// 异步创建弹幕
+async function createBarragerFromArtalk(commentsData) {
+  const looperTime = 1000;  // 每条弹幕的发送间隔，单位毫秒
+  const flattenedComments = flattenComments(commentsData);
+  const totalComments = flattenedComments.length;
+  let currentIndex = 0;
+
+  // 初始化弹幕插件
+  let barrage = new Barrage.default({
+    el: 'body',
+    backColor: "#000000b5",
+    fontSize: "14px",
+    isLeft: true,
+    speed: 0,
+    height: "33px"
+  });
+
+  if (totalComments !== 0) {
+    while (currentIndex < totalComments) {
+      const currentComment = flattenedComments[currentIndex];
+      const barragerItem = {
+        headImg: "https://cravatar.cn/avatar/"+currentComment.email_encrypted + "?s=33" || 'static/default-avatar.png',
+        content: stripHTML(currentComment.content_marked) || 'No comment',
+        href: currentComment.link || '#',
+        speed: 10
+      };
+
+      // 发送弹幕
+      barrage.start(barragerItem.content, {
+        speed: barragerItem.speed,
+        headImg: barragerItem.headImg,
+        speed: 35
+      });
+
+      currentIndex++;
+      await delay(looperTime);  // 等待指定的时间再发送下一条弹幕
     }
+  }
+}
+
+// 延迟函数，返回一个 Promise，用于等待指定的毫秒数
+function delay(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+// 去除 HTML 标签的函数
+function stripHTML(html) {
+  return html.replace(/<\/?[^>]+(>|$)/g, "");
+}
+
+// 展平评论数据结构的函数
+function flattenComments(comments) {
+  let result = [];
+  comments.forEach(function (comment) {
+    result.push(comment);
+    if (comment.children && comment.children.length > 0) {
+      result = result.concat(flattenComments(comment.children));
+    }
+  });
+  return result;
+}
+
+// 调用异步的弹幕加载函数
+if (document.querySelector("#Comments") && !isMobile()) {
+  loadBarrager()
 }
\ No newline at end of file
diff --git a/public/js/mypjax.js b/public/js/mypjax.js
index 2cd5e855..58687d8c 100644
--- a/public/js/mypjax.js
+++ b/public/js/mypjax.js
@@ -180,17 +180,16 @@ document.addEventListener("pjax:complete", function () {
         });
     });
     // 重载评论
-    if(document.querySelector("#Comments")){
+    if (document.querySelector("#Comments") && !isMobile()) {
+        for (let i = 0; i <= 5; i++) {
+            loadBarrager()
+        }
         Artalk.init({
-            el:        '#Comments',                // 绑定元素的 Selector
-            server:    'https://artalk.5b2.cn',  // 后端地址
-            site:      '优世界',             // 你的站点名
-            flatMode:   true
-          })
-    }
-    // 重载文章弹幕
-    if(!isMobile()){
-        loadBarrager();
+            el: '#Comments',                // 绑定元素的 Selector
+            server: 'https://artalk.5b2.cn',  // 后端地址
+            site: '优世界',             // 你的站点名
+            flatMode: true
+        })
     }
 });
 
diff --git a/public/links/index.html b/public/links/index.html
index f694774c..aeb5ba9b 100644
--- a/public/links/index.html
+++ b/public/links/index.html
@@ -329,12 +329,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/ly/index.html b/public/ly/index.html
index 76ef829e..69341034 100644
--- a/public/ly/index.html
+++ b/public/ly/index.html
@@ -88,12 +88,14 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
     
   </div>
@@ -122,12 +124,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/2/index.html b/public/page/2/index.html
index af6d6718..5b746419 100644
--- a/public/page/2/index.html
+++ b/public/page/2/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/3/index.html b/public/page/3/index.html
index 8081bdff..b8348665 100644
--- a/public/page/3/index.html
+++ b/public/page/3/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/4/index.html b/public/page/4/index.html
index 5428642d..0220f859 100644
--- a/public/page/4/index.html
+++ b/public/page/4/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/5/index.html b/public/page/5/index.html
index a6aa3510..c69029f1 100644
--- a/public/page/5/index.html
+++ b/public/page/5/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/6/index.html b/public/page/6/index.html
index caeee744..7fd5fff5 100644
--- a/public/page/6/index.html
+++ b/public/page/6/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/7/index.html b/public/page/7/index.html
index 6e370c27..1e1fbc6c 100644
--- a/public/page/7/index.html
+++ b/public/page/7/index.html
@@ -137,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/page/8/index.html b/public/page/8/index.html
index c1c101fc..0e8e6aa0 100644
--- a/public/page/8/index.html
+++ b/public/page/8/index.html
@@ -125,12 +125,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1/index.html b/public/post/1/index.html
index b61d28a6..c31d01ab 100644
--- a/public/post/1/index.html
+++ b/public/post/1/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%96%87%e6%a1%88">文案</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>后来才发现原来成年人的世界并没有那么简单</p>
 <p>It was later discovered that the world of adults is not that simple.</p>
 <p>
@@ -101,35 +101,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -155,12 +138,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/10/index.html b/public/post/10/index.html
index 953466b7..cbdd931b 100644
--- a/public/post/10/index.html
+++ b/public/post/10/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>咱们学校的晚霞，还不错吧
 <img data-lazy-src="/pics/2021/09/2632277567.jpg" alt="" class="lazyload">
 <img data-lazy-src="/pics/2021/09/3177565902.jpg" alt="" class="lazyload">
@@ -107,35 +107,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/10\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -161,12 +144,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1009/index.html b/public/post/1009/index.html
index b88a8d7c..8779eb03 100644
--- a/public/post/1009/index.html
+++ b/public/post/1009/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>听朋友说.cc域名后缀即将要涨价</p>
 <p>去西部数码查了下，果然</p>
 <p>
@@ -117,35 +117,18 @@ https://www.west.cn/news/list2.asp?newsid=854</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1009\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -171,12 +154,12 @@ https://www.west.cn/news/list2.asp?newsid=854</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1023/index.html b/public/post/1023/index.html
index a76a91ff..d3f63cbf 100644
--- a/public/post/1023/index.html
+++ b/public/post/1023/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>好久没更生活篇的文章了,以至于很多事情都随着时间忘掉了很多</p>
 <p>自从疫情放开，生活节奏和方式也随之改变,本文主要记录11.24号至12.22号发生的事情</p>
@@ -201,35 +201,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1023\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -255,12 +238,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1039/index.html b/public/post/1039/index.html
index 7cddbcae..ab2071e7 100644
--- a/public/post/1039/index.html
+++ b/public/post/1039/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>正如各位朋友所见，我又又又换主题了</p>
 <p>经常来我博客的朋友可能见过这个主题</p>
@@ -165,35 +165,18 @@ https://github.com/Roseswithlove/Ying</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1039\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -219,12 +202,12 @@ https://github.com/Roseswithlove/Ying</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1042/index.html b/public/post/1042/index.html
index af30eb29..3ae5d103 100644
--- a/public/post/1042/index.html
+++ b/public/post/1042/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>一枚小白</p>
 <p>@小赵同学</p>
 <p>thank you very much</p>
@@ -101,35 +101,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1042\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -155,12 +138,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1043/index.html b/public/post/1043/index.html
index c5efa35c..a3e64b5a 100644
--- a/public/post/1043/index.html
+++ b/public/post/1043/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>首先祝各位朋友新年快乐，23年事业顺利，学业有成</p>
 <p>随着支付宝的集五福猜生肖活动结束，一年就这样又过去了</p>
@@ -220,35 +220,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1043\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -274,12 +257,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1081/index.html b/public/post/1081/index.html
index f47ee6ea..0ae736f9 100644
--- a/public/post/1081/index.html
+++ b/public/post/1081/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>卡着新年的钟声，腊月二十六学校放高三出狱。</p>
 <p>因为放假时间的缘故，父母等我一起回家准备过年就变得匆忙了许多，许多亲戚还没走，许多家务还没做，许多作业还没动，一时之间，真的感叹，留给高三的时间真的不多了。</p>
 <p>
@@ -151,35 +151,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1081\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -205,12 +188,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1091/index.html b/public/post/1091/index.html
index ea126044..0ac54a76 100644
--- a/public/post/1091/index.html
+++ b/public/post/1091/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>昨天在休息的时候，看到Jdeal大佬写的一篇文章</p>
 <p>走心评论上线（https://www.jdeal.cn/385.html）</p>
@@ -129,35 +129,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1091\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -183,12 +166,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/11/index.html b/public/post/11/index.html
index 0695cbc6..846ed9f7 100644
--- a/public/post/11/index.html
+++ b/public/post/11/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>首先祝各位国庆快乐，当然还有迟到的中秋快乐</p>
 <p>本小站历时八天的闭站备案也终究结束，真是个漫长的过程</p>
 <h2 id="特殊的中秋节">特殊的中秋节</h2>
@@ -239,35 +239,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/11\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -293,12 +276,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1117/index.html b/public/post/1117/index.html
index a4a0666a..350fb6d5 100644
--- a/public/post/1117/index.html
+++ b/public/post/1117/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="回归">回归</h2>
 <p>因为备考，没有时间打理博客，就停更了一段时间</p>
 <p>期间收到了很多博友的祝福，谢谢你们，你们留言的我都看了</p>
@@ -168,35 +168,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1117\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -222,12 +205,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1142/index.html b/public/post/1142/index.html
index 07c5aad4..dd1843d5 100644
--- a/public/post/1142/index.html
+++ b/public/post/1142/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>和我小舅大约11点到达苏州，下了车这里的建筑给我的感觉就很江南！第一站是苏州博物馆。（ps：博物馆要提前一周预约哦）</p>
 <p>那里的鲤鱼很大很肥，还闻到了一股子很清甜的花香，我和小舅挨个闻是哪棵树上的香气，场面真的笑死，第一次见，北方是没有的，给我俩都闻陶醉了</p>
 <p>
@@ -123,35 +123,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1142\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -177,12 +160,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1175/index.html b/public/post/1175/index.html
index e90dfc85..76cb2c9e 100644
--- a/public/post/1175/index.html
+++ b/public/post/1175/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <blockquote>
 <p>先放大喜讯：已于2023年5月26日10时05分专升本考试上岸</p>
 </blockquote>
@@ -279,35 +279,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1175\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -333,12 +316,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/12/index.html b/public/post/12/index.html
index 679755bf..a35b0563 100644
--- a/public/post/12/index.html
+++ b/public/post/12/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>今天我的一个玩得很好的朋友问我，你为什么要写博客？我为什么要写博客？</p>
 <p>我怔住了，我一时还答不出来，我陷入了沉思，嗯，也许，我也不知道答案</p>
 <p>还记的第一个博客域名vaica.top是我人生注册的第一个域名</p>
@@ -204,35 +204,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/12\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -258,12 +241,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1200/index.html b/public/post/1200/index.html
index 9dca8ecf..646d992c 100644
--- a/public/post/1200/index.html
+++ b/public/post/1200/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>接到新学校的预录取电话之后，就一直闲在家呆着，在家帮忙打打杂整理家务，陪老人说说话谈谈心</p>
 <p>因为考完之后假期空档是很长的，想找一份短期兼职去做，在市区面试了多家暑期工，基本上都是3k-4k，不包吃住</p>
@@ -214,35 +214,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1200\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -268,12 +251,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1219/index.html b/public/post/1219/index.html
index 57ba3f4f..8031cb91 100644
--- a/public/post/1219/index.html
+++ b/public/post/1219/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>这段时间闲在家，自己的事情也忙的差不多了，就打算继续完善一下主题</p>
 <p>很多经常来我博客逛的老朋友都知道，我的主题是
 <a 
@@ -191,35 +191,18 @@ https://www.skyue.com/23051422.html</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1219\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -245,12 +228,12 @@ https://www.skyue.com/23051422.html</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1223/index.html b/public/post/1223/index.html
index 10a7b3d7..a095648b 100644
--- a/public/post/1223/index.html
+++ b/public/post/1223/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>考完试和朋友去的，避免数据丢失，特以此文留念</p>
 <p>
 <img data-lazy-src="/pics/2023/08/1813362140.png" alt="" class="lazyload"></p>
@@ -118,35 +118,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1223\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -172,12 +155,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1243/index.html b/public/post/1243/index.html
index 72dcb646..a38e2e5a 100644
--- a/public/post/1243/index.html
+++ b/public/post/1243/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>与弟弟妹妹在家乡景区游玩的一天</p>
 <p>特此写下此文作留恋  于2023.08.03 记</p>
 <p>摄影师：妹妹 
@@ -135,35 +135,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1243\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -189,12 +172,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1248/index.html b/public/post/1248/index.html
index 826637fe..8843b2f9 100644
--- a/public/post/1248/index.html
+++ b/public/post/1248/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>每逢寒暑假最长去的地方就是老家，回家可以陪陪老人，同时崎岖的山路也可以历练一下自己的车技</p>
 <p>因为在镇上也有很多事情需要忙，所以基本上回老家就是多次数，呆的时间不久</p>
 <p>在老家，也经常需要使用电脑填一些资料，虽然自己目前笔记本是轻薄本，但是轻薄本接口很少，需要带着扩展坞</p>
@@ -180,35 +180,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1248\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -234,12 +217,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1269/index.html b/public/post/1269/index.html
index f1912a52..5db8619f 100644
--- a/public/post/1269/index.html
+++ b/public/post/1269/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>忙忙碌碌的日子里时间总是过得很快，博客自从开学也是整整四个月没更新</p>
 <p>从九月份的新生身份入学，也渐渐适应了新学校的生活</p>
 <h2 id="生活的碎片">生活的碎片</h2>
@@ -120,35 +120,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1269\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -174,12 +157,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1279/index.html b/public/post/1279/index.html
index c0f63703..7491d094 100644
--- a/public/post/1279/index.html
+++ b/public/post/1279/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>今天下午逛GitHub的时候，GitHub的首页推了一个这样的项目</p>
 <p>
 <a 
@@ -126,35 +126,18 @@ https://github.com/instantpage/instant.page</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1279\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -180,12 +163,12 @@ https://github.com/instantpage/instant.page</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1284/index.html b/public/post/1284/index.html
index 0fce8667..e90f5dd7 100644
--- a/public/post/1284/index.html
+++ b/public/post/1284/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>在笔记本下线之后，看了一圈狗东，因为自己玩游戏比较少</p>
 <p>主要是看的商务本，好一点的商务笔记本就得四五千了</p>
 <p>思来想去还是打算组装itx主机，论性价比还得是台式机</p>
@@ -106,35 +106,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1284\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -160,12 +143,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/1287/index.html b/public/post/1287/index.html
index 4a707bea..22102028 100644
--- a/public/post/1287/index.html
+++ b/public/post/1287/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>评论区有小伙伴要配置单，前几周有些忙没有整理出来</p>
 <p>今天正好清明放假，花了点时间整理出来</p>
 <p>电子产品价格浮动区间较大，配置单仅供参考</p>
@@ -108,35 +108,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/1287\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -162,12 +145,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/13/index.html b/public/post/13/index.html
index f25e9ca9..dd383e22 100644
--- a/public/post/13/index.html
+++ b/public/post/13/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%96%87%e6%a1%88">文案</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>2002年10月3日，火影忍者第1集，九喇嘛出场</p>
 <p>2021年10月3日，博人传第218集，九喇嘛离开</p>
 <p>看漫画的时候忍了,218集博人传预告的时候我屏蔽了所有推送</p>
@@ -137,35 +137,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/13\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -191,12 +174,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/14/index.html b/public/post/14/index.html
index 8cb4a1a5..414c34f5 100644
--- a/public/post/14/index.html
+++ b/public/post/14/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>前段时间偶然间在微博看到一个博主分享vlog洗牙是一次什么样的体验</p>
 <p>让我第一次认识了什么是洗牙，抱着好奇心我去百度了一下什么是洗牙</p>
 <p>百度也有很多相关回答，其中洗牙又称洁牙，简单理解是帮助你清理你口腔中的牙结石</p>
@@ -191,35 +191,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/14\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -245,12 +228,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/15/index.html b/public/post/15/index.html
index 77fb5c1d..310793f8 100644
--- a/public/post/15/index.html
+++ b/public/post/15/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>最近课程比较多，临近考证休息时间基本上也给自己排了学习任务</p>
 <p>博客没有想之前那样高频率更新了，但是通过统计看也有很多博友回访，真的很感激</p>
 <p>博客就可能以后周更，定会不忘初心，宁愿认真用心去写，也不会水任何一篇文章</p>
@@ -118,35 +118,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/15\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -172,12 +155,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/16/index.html b/public/post/16/index.html
index ddddbc34..8a450a0b 100644
--- a/public/post/16/index.html
+++ b/public/post/16/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>可能这周是我课程排的最满的一周了，这周的学习生活充实且忙碌</p>
 <p>基本上从早上上到晚自习，中间只有午休晚餐时间，突然给自己一种上高中的感觉</p>
 <h2 id="弟弟去三甲医院做检查">弟弟去三甲医院做检查</h2>
@@ -154,35 +154,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/16\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -208,12 +191,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/17/index.html b/public/post/17/index.html
index 77adc232..8d782389 100644
--- a/public/post/17/index.html
+++ b/public/post/17/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>襄阳的冬，似乎来的早一点，一场秋雨，气温骤降，仿佛快节奏的进入了冬天</p>
 <p>这周也是繁忙的一周，课程还是排的满满的，已经有一门课程开始结课了，有种快期末的味道</p>
 <p>这周也是父母带我弟弟去武汉同济医院进行听力复查的日子，内心比较忐忑，希望弟弟一切安好</p>
@@ -133,35 +133,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/17\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -187,12 +170,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/18/index.html b/public/post/18/index.html
index 8b3da9e0..d1a608f9 100644
--- a/public/post/18/index.html
+++ b/public/post/18/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>这周四周五学校在开运动会，所以身为大二学长，可以闲两天了</p>
 <p>运动会期间大二大三大四是不排课的，所以基本上都是休息，主要写一些平时没写的作业</p>
 <p>学校为了开运动会也是够拼的，周一周二从早上第一节课排到晚自习全满</p>
@@ -117,35 +117,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/18\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -171,12 +154,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/19/index.html b/public/post/19/index.html
index c361dbfe..b63d4285 100644
--- a/public/post/19/index.html
+++ b/public/post/19/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>仔细看了看以前写的文章基本是都是围绕一个主题写的，写的都是一些奇奇怪怪的想法</p>
 <p>偶尔会记录一下生活的小趣事，朋友也建议我多记录一点大学日常，毕竟以后工作了还可以回过来看看</p>
 <h2 id="闲暇的午后">闲暇的午后</h2>
@@ -169,35 +169,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/19\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -223,12 +206,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/2/index.html b/public/post/2/index.html
index a27abdbf..a56cdf5d 100644
--- a/public/post/2/index.html
+++ b/public/post/2/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>摸爬滚打，又从WordPress换回typecho了</p>
 <p>不得不说typecho轻量，后台速度快</p>
 <p>这篇文章就教大家如何给自己的Twitter的主题加两个小功能</p>
@@ -144,35 +144,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/2\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -198,12 +181,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/20/index.html b/public/post/20/index.html
index bc0a9842..5f2dab4f 100644
--- a/public/post/20/index.html
+++ b/public/post/20/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>如题，今天没有生活分享，这篇文章我主要科普一下webp图片格式</p>
 <p>首先让typecho支持webp格式图片这个标题说法是不准确的</p>
 <p>因为typecho只是将图片上传显示，并没有对图片做各种的图片格式转换</p>
@@ -178,35 +178,18 @@ https://squoosh.app</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/20\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -232,12 +215,12 @@ https://squoosh.app</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/21/index.html b/public/post/21/index.html
index 6a3d9e87..736bb24e 100644
--- a/public/post/21/index.html
+++ b/public/post/21/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>是不是有点标题党的感觉，哈哈，这个是最近看一些微信公众号营销号的标题仿写的</p>
 <p>这篇文章我来说一下如何实现不改变博客图片地址，实现图片自动转webp格式输出</p>
 <p>上篇文章我有介绍到webp格式图片，如果你还不知道webp图片是什么，可以花一两分钟看下我的上篇文章</p>
@@ -256,35 +256,18 @@ https://www.upyun.com/league</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/21\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -310,12 +293,12 @@ https://www.upyun.com/league</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/22/index.html b/public/post/22/index.html
index 36db8231..77b5c094 100644
--- a/public/post/22/index.html
+++ b/public/post/22/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>第一次拍日落系列，日落真的太美了，有几张是我拍的，还有学姐拍的</p>
 <p>图片可能有点不清晰，原图实在是太大了，压缩了一下下，就当是座机拍的吧</p>
 <p>最后一张是飞行棋，看到飞行棋就想到小时候跟小伙伴一起蹲在小学的大柳树下飞行棋</p>
@@ -117,35 +117,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/22\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -171,12 +154,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/23/index.html b/public/post/23/index.html
index ad7d1366..baf98ad8 100644
--- a/public/post/23/index.html
+++ b/public/post/23/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>银龙重铸之日，骑士归来之时，恭喜EDG夺得s11总冠军</p>
 <p>表示自己也是昨晚看直播基本上凌晨两点才睡，直播夺冠给我激动的</p>
 <p>
@@ -125,35 +125,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/23\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -179,12 +162,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/24/index.html b/public/post/24/index.html
index f4aaf144..dbe3ff90 100644
--- a/public/post/24/index.html
+++ b/public/post/24/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/11/1154379693.jpg" alt="" class="lazyload"></p>
 <p>
@@ -115,35 +115,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/24\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -169,12 +152,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/25/index.html b/public/post/25/index.html
index 2fd9e4f2..c602ff7c 100644
--- a/public/post/25/index.html
+++ b/public/post/25/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>昨晚跟蚊子有点疼博主聊了几句，不知道怎么着聊到网站logo这个话题</p>
 <p>我就在想，这几天趁着不忙给自己整一个新logo吧，现在这个logo也确实看腻了</p>
 <p>
@@ -146,35 +146,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/25\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -200,12 +183,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/26/index.html b/public/post/26/index.html
index 192a127a..3d119f60 100644
--- a/public/post/26/index.html
+++ b/public/post/26/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/11/1629360904.jpg" alt="" class="lazyload"></p>
 <p>
@@ -109,35 +109,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/26\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -163,12 +146,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/27/index.html b/public/post/27/index.html
index f063872e..83006db0 100644
--- a/public/post/27/index.html
+++ b/public/post/27/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="https://cdn.usj.cc/toutu/zzf1.jpg" alt="" class="lazyload"></p>
 
@@ -99,35 +99,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/27\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -153,12 +136,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/28/index.html b/public/post/28/index.html
index a04e71a8..18e7cc63 100644
--- a/public/post/28/index.html
+++ b/public/post/28/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>因为给自己的主题换新主题配色了，对应的主题的头像也要更换一下，不然显得非常不搭</p>
 <p>这意味着我必须得爬qiang去访问Gravatar的官网，我自用的节点又死了，导致开个Gravatar官网都很卡</p>
 <p>好不容易把Gravatar头像成功换好了，发现国内反代的Gravatar源刷新速度很慢</p>
@@ -218,35 +218,18 @@ https://cravatar.cn/avatar</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/28\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -272,12 +255,12 @@ https://cravatar.cn/avatar</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/29/index.html b/public/post/29/index.html
index 0fae02ed..829f6f82 100644
--- a/public/post/29/index.html
+++ b/public/post/29/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>双十一购物狂欢节，从2009年打响了第一杆枪，截止今年已经是第十二个年头了</p>
 <p>还记得高中的那时候，特别喜欢双十一，自己平时购物车收藏的洗面奶，在双十一那天可以低价买到</p>
 <p>看了近两年的双十一，可以看得出双十一已经彻底的脱离了当初的初衷，清理库存，已经变成了促销狂欢</p>
@@ -161,35 +161,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/29\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -215,12 +198,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/3/index.html b/public/post/3/index.html
index 804a3b90..4962d3ce 100644
--- a/public/post/3/index.html
+++ b/public/post/3/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>在自己做博客的时候，我们常常喜欢记录一些代码知识</p>
 <p>这时候就需要使用到主题的代码高亮功能</p>
 <p>这次我简单讲述一下仿mac UI 语法高亮代码方法</p>
@@ -147,35 +147,18 @@ https://github.com/Xcnte/Code-Prettify-for-typecho</a></strong></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/3\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -201,12 +184,12 @@ https://github.com/Xcnte/Code-Prettify-for-typecho</a></strong></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/30/index.html b/public/post/30/index.html
index 2fe24e35..3d8af971 100644
--- a/public/post/30/index.html
+++ b/public/post/30/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>临近期末考试，每天基本作息都是上课，没什么可以记录的，最近就没更新动态</p>
 <p>今天刷微博才知道襄阳又境外输入了三个人，现在全城都戒备起来了</p>
 <p>学校管控的也比以前严很多了，出门门卫需要对请假条进行真实性核验，怕学生伪造假的请假页面溜出去</p>
@@ -125,35 +125,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/30\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -179,12 +162,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/31/index.html b/public/post/31/index.html
index 4ae96559..86a73244 100644
--- a/public/post/31/index.html
+++ b/public/post/31/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/2245513294.png" alt="49808-7lfel3t480p.png" class="lazyload"></p>
 <p>
@@ -115,35 +115,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/31\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -169,12 +152,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/32/index.html b/public/post/32/index.html
index f45adaab..66f3c647 100644
--- a/public/post/32/index.html
+++ b/public/post/32/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>之前给大家说的那个博客后台美化，还有一点点问题，本来是承诺这个文章给他分享出来</p>
 <p>因为第一次做美化，考虑到很多小伙伴还不会css，所以我自己测试好再放出来，哈哈哈，暂时鸽了</p>
 <p>想必各位小伙伴，都是看我的文章标题进的，当然我不是标题党，本文章就是纯正经的整活</p>
@@ -202,35 +202,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/32\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -256,12 +239,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/33/index.html b/public/post/33/index.html
index b5433bb3..8c926a52 100644
--- a/public/post/33/index.html
+++ b/public/post/33/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>rss想必很多小伙伴都听说过，如果拿在2021年讲的话，这个是一个很老的东西</p>
 <p>初次认识这个东西的时候，rss就是一堆乱七八糟的 XML代码，一点用都没有</p>
 <p>如果你没见过rss，点开下面的链接就是我们老生常谈的rss链接</p>
@@ -233,35 +233,18 @@ https://docs.rsshub.app/bbs.html#a-dao-ni-ming-ban</a></strong></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/33\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -287,12 +270,12 @@ https://docs.rsshub.app/bbs.html#a-dao-ni-ming-ban</a></strong></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/34/index.html b/public/post/34/index.html
index 232d7620..8e927a9d 100644
--- a/public/post/34/index.html
+++ b/public/post/34/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/11/637070257.png" alt="22999-htnwd5ggq1r.png" class="lazyload"></p>
 <p>
@@ -109,35 +109,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/34\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -163,12 +146,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/35/index.html b/public/post/35/index.html
index 52d7ecf2..9befe359 100644
--- a/public/post/35/index.html
+++ b/public/post/35/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>最近几篇文章基本上都是一些教程，因为生活上基本上都是上课，没什么好记录的</p>
 <p>这周辅导员通知，我们这周会有一个体测，也就是大学生每年一度的体质检测</p>
 <p>自从晨跑跑完了，好像自己确实没怎么运动了，辅导员也是操碎了心，在体测的前三天</p>
@@ -139,35 +139,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/35\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -193,12 +176,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/36/index.html b/public/post/36/index.html
index f5cbf1e2..31bbbe7e 100644
--- a/public/post/36/index.html
+++ b/public/post/36/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/1086010578.png" alt="44334-383lcgq96c7.png" class="lazyload"></p>
 <p>
@@ -115,35 +115,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/36\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -169,12 +152,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/37/index.html b/public/post/37/index.html
index 2f31a79f..c608f3d4 100644
--- a/public/post/37/index.html
+++ b/public/post/37/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>接触建站到现在快3年多了，从WordPress转到typecho</p>
 <p>我也接触过很多主题，WordPress比较出名的主题我也入手了好几套</p>
 <p>子比主题，一为导航主题，7b2主题，上上下下也花了快一千多块钱</p>
@@ -149,35 +149,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/37\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -203,12 +186,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/38/index.html b/public/post/38/index.html
index d2f67ddb..d87d440a 100644
--- a/public/post/38/index.html
+++ b/public/post/38/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <!-- raw HTML omitted -->
 <!-- raw HTML omitted -->
 <!-- raw HTML omitted -->
@@ -106,35 +106,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/38\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -160,12 +143,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/39/index.html b/public/post/39/index.html
index 114eda19..40428fea 100644
--- a/public/post/39/index.html
+++ b/public/post/39/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>临近放假，基本上没有什么课了，接下来主要是对考试内容的复习</p>
 <p>咱们专业也是戴上了考试课最多的帽子，结课考试要考七门</p>
 <p>排的是三天考试时间，时间的话，还好，反正比高中考试轻松很多</p>
@@ -142,35 +142,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/39\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -196,12 +179,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/4/index.html b/public/post/4/index.html
index a07cf52b..9a672f23 100644
--- a/public/post/4/index.html
+++ b/public/post/4/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>期末考试结束，意味着我的大学短暂生活又匆匆结束了一年</p>
 <p>下面的几张图片是离校之前拍的学校的晚霞</p>
 <p>部分是同学拍的，我的拍照技术没有那么好，所以觉得好的都收藏下来了</p>
@@ -242,35 +242,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/4\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -296,12 +279,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/40/index.html b/public/post/40/index.html
index 45de61bd..76f57b36 100644
--- a/public/post/40/index.html
+++ b/public/post/40/index.html
@@ -73,7 +73,7 @@
             作者: 小赵同学 浏览: <span id="busuanzi_value_page_uv"></span> 字数: 0 分类:
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/2764401068.png" alt="74854-tf6ncx2nrr.png" class="lazyload"></p>
 <p>
@@ -109,35 +109,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/40\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -163,12 +146,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/41/index.html b/public/post/41/index.html
index 4e74c156..c4f18147 100644
--- a/public/post/41/index.html
+++ b/public/post/41/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>20号中午打包外卖到寝室，打开浏览器访问一下自己的博客，突然发现自己网站静态文件都丢失了</p>
 <p>f12一下才知道原来是jsdelivr那边出问题，打开一个新标签页，发现jsdelivr的ssl证书已经过期</p>
 <p>去他官网仔细看了一下，官网给了个这个公告</p>
@@ -160,35 +160,18 @@ https://xcdn.loli.top</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/41\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -214,12 +197,12 @@ https://xcdn.loli.top</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/42/index.html b/public/post/42/index.html
index d3ff0681..89670db2 100644
--- a/public/post/42/index.html
+++ b/public/post/42/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/526528939.jpg" alt="" class="lazyload"></p>
 <p>Typecho博客初始安装完成后</p>
@@ -118,35 +118,18 @@ https://usj.cc/index.php/archives/1.html</a></strong></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/42\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -172,12 +155,12 @@ https://usj.cc/index.php/archives/1.html</a></strong></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/43/index.html b/public/post/43/index.html
index 17e4a83c..0c23dd60 100644
--- a/public/post/43/index.html
+++ b/public/post/43/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/1943746945.jpg" alt="" class="lazyload"></p>
 <p>想必秒看青年大学习已经是老生常谈</p>
@@ -138,35 +138,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/43\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -192,12 +175,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/44/index.html b/public/post/44/index.html
index 1b79c2cc..77fc1b9b 100644
--- a/public/post/44/index.html
+++ b/public/post/44/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>本期来聊聊前端开发那些好用的手机编程软件</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2456398190.jpg" alt="" class="lazyload"></p>
@@ -132,35 +132,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/44\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -186,12 +169,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/45/index.html b/public/post/45/index.html
index c5acc6a3..adb26898 100644
--- a/public/post/45/index.html
+++ b/public/post/45/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>本次游记计划去往襄阳唐城，去游览一下民风古城</p>
 <p>[xiangce]
 
@@ -165,35 +165,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/45\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -219,12 +202,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/46/index.html b/public/post/46/index.html
index dfb48c1b..11bc48d9 100644
--- a/public/post/46/index.html
+++ b/public/post/46/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>今天又是襄阳下雨天，很佛系</p>
 <p>星期一可以称得上魔鬼星期一</p>
 <p>连续六节网页设计，爆肝css，表示肝不动了</p>
@@ -121,35 +121,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/46\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -175,12 +158,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/47/index.html b/public/post/47/index.html
index 93135df7..bf8d8224 100644
--- a/public/post/47/index.html
+++ b/public/post/47/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>老家以前的样子，挺怀念的</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2191847995.jpg" alt="" class="lazyload"></p>
@@ -100,35 +100,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/47\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -154,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/48/index.html b/public/post/48/index.html
index f987f936..5829e04e 100644
--- a/public/post/48/index.html
+++ b/public/post/48/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>第一次收到阿里云送来的礼品！满是惊喜</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1050573944.jpeg" alt="" class="lazyload"></p>
@@ -102,35 +102,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/48\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -156,12 +139,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/49/index.html b/public/post/49/index.html
index 3d4aa99f..32b1c516 100644
--- a/public/post/49/index.html
+++ b/public/post/49/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/4182817995.jpg" alt="" class="lazyload"></p>
 <p>
@@ -103,35 +103,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/49\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -157,12 +140,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/5/index.html b/public/post/5/index.html
index 4fe81f6d..737fa140 100644
--- a/public/post/5/index.html
+++ b/public/post/5/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>昨天在一个群偶然发现一个界面新奇的rss的网页版阅读器</p>
 <p>带着好奇心我去百度了一下什么是rss，什么是rss订阅</p>
 <p>当然我也搜到了关于rss订阅的各种好处的博客文章</p>
@@ -180,35 +180,18 @@ https://5b2.cn/rss.apk</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/5\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -234,12 +217,12 @@ https://5b2.cn/rss.apk</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/50/index.html b/public/post/50/index.html
index d14753e5..31486be1 100644
--- a/public/post/50/index.html
+++ b/public/post/50/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/1428227581.jpg" alt="" class="lazyload"></p>
 <p>
@@ -103,35 +103,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/50\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -157,12 +140,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/51/index.html b/public/post/51/index.html
index b1986593..500e340b 100644
--- a/public/post/51/index.html
+++ b/public/post/51/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2021/12/855381895.jpg" alt="" class="lazyload"></p>
 <p>
@@ -103,35 +103,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/51\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -157,12 +140,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/52/index.html b/public/post/52/index.html
index 6659aafb..7b263803 100644
--- a/public/post/52/index.html
+++ b/public/post/52/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>军训太痛苦了，希望早点结束</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3970767585.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/52\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/53/index.html b/public/post/53/index.html
index ddfd1c48..869c4207 100644
--- a/public/post/53/index.html
+++ b/public/post/53/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>遇见你很幸运，但是到此为止</p>
 <p>全剧终!结营顺利
 
@@ -105,35 +105,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/53\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -159,12 +142,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/54/index.html b/public/post/54/index.html
index f7e419e4..56a843d7 100644
--- a/public/post/54/index.html
+++ b/public/post/54/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>今年的第一场雪</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3856192496.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/54\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/55/index.html b/public/post/55/index.html
index 91c570c6..2cdecc2f 100644
--- a/public/post/55/index.html
+++ b/public/post/55/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>好久不见，你还好吗</p>
 <p>
 <img data-lazy-src="/pics/2021/12/176347741.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/55\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/56/index.html b/public/post/56/index.html
index 0a5977f7..9d03bc78 100644
--- a/public/post/56/index.html
+++ b/public/post/56/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>干饭王的日常</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1001028208.jpeg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/56\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/57/index.html b/public/post/57/index.html
index 3d4443b3..fe85d4b7 100644
--- a/public/post/57/index.html
+++ b/public/post/57/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>期末倒计时开始</p>
 <p>
 <img data-lazy-src="/pics/2021/12/269750646.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/57\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/58/index.html b/public/post/58/index.html
index 27726a83..50f11dd8 100644
--- a/public/post/58/index.html
+++ b/public/post/58/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>针不戳，挺有特色的元旦晚会哈</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3487350301.jpeg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/58\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/59/index.html b/public/post/59/index.html
index 687b2b73..7015e9d6 100644
--- a/public/post/59/index.html
+++ b/public/post/59/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>冬至快乐!记得吃饺子哈~</p>
 <p>
 <img data-lazy-src="/pics/2021/12/357142186.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/59\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/6/index.html b/public/post/6/index.html
index 80c97688..8508cc55 100644
--- a/public/post/6/index.html
+++ b/public/post/6/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="给自己的一封信">给自己的一封信</h2>
 <p>这是第二十一世纪的二十一个年头，作为01年的我，也轮到自己的20岁生日</p>
 <p>就这样摇摇晃晃的成年了，很快自己也即将面临步入社会生活</p>
@@ -150,35 +150,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/6\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -204,12 +187,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/60/index.html b/public/post/60/index.html
index 5eef2c01..b8e2dca6 100644
--- a/public/post/60/index.html
+++ b/public/post/60/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>祝母校越办越好</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2436229998.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/60\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/61/index.html b/public/post/61/index.html
index d304f45e..2acd7f20 100644
--- a/public/post/61/index.html
+++ b/public/post/61/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>爆竹声中一岁除，又是新的一年！</p>
 <p>新春快乐！牛年大吉！</p>
 <p>
@@ -105,35 +105,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/61\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -159,12 +142,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/62/index.html b/public/post/62/index.html
index 4c35154b..c9856dc5 100644
--- a/public/post/62/index.html
+++ b/public/post/62/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>每次支付宝五福开奖，心里有一种莫名的悲伤，意味着2020一去不复返了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/134176376.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/62\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/63/index.html b/public/post/63/index.html
index 8896f018..ed585782 100644
--- a/public/post/63/index.html
+++ b/public/post/63/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>或许不是没有年味了，只是快乐已经不属于我们这一辈人了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1507028905.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/63\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/64/index.html b/public/post/64/index.html
index 7ef27df8..ab7c15fa 100644
--- a/public/post/64/index.html
+++ b/public/post/64/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>开学倒计时六天啦，看来要结束这个寒假小假期啦，很喜欢在老家待的这段时间</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3702227975.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/64\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/65/index.html b/public/post/65/index.html
index ef83b2dd..8229abc3 100644
--- a/public/post/65/index.html
+++ b/public/post/65/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>这几天都频繁下雨，上课路上被浇成成落汤鸡</p>
 <p>
 <img data-lazy-src="/pics/2021/12/1488458877.jpg" alt="" class="lazyload"></p>
@@ -104,35 +104,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/65\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -158,12 +141,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/66/index.html b/public/post/66/index.html
index 7a09a34b..056bb4fe 100644
--- a/public/post/66/index.html
+++ b/public/post/66/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>五一倒计时两天，一切美好都会如期而至</p>
 <p>[dplay src=&ldquo;https://usj.cc/sp/8.mp4&rdquo;]</p>
 
@@ -99,35 +99,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/66\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -153,12 +136,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/67/index.html b/public/post/67/index.html
index 08f5e381..b1574f48 100644
--- a/public/post/67/index.html
+++ b/public/post/67/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>以前没钱吃泡面，现在没钱吃泡面</p>
 <p>
 <img data-lazy-src="/pics/2021/12/139394175.jpg" alt="" class="lazyload"></p>
@@ -100,35 +100,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/67\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -154,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/68/index.html b/public/post/68/index.html
index 38c1179b..87f99e06 100644
--- a/public/post/68/index.html
+++ b/public/post/68/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>肝了1400多行css代码，终于把暗夜模式搞定了</p>
 <p>
 <img data-lazy-src="/pics/2021/12/2627300839.webp" alt="" class="lazyload"></p>
@@ -102,35 +102,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/68\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -156,12 +139,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/69/index.html b/public/post/69/index.html
index e7c1ba77..2b3e04f7 100644
--- a/public/post/69/index.html
+++ b/public/post/69/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>再次投资科目二，科目二花了400，希望19号一把过吧
 
 <img data-lazy-src="/pics/2021/12/3650204576.webp" alt="" class="lazyload"></p>
@@ -102,35 +102,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/69\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -156,12 +139,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/7/index.html b/public/post/7/index.html
index 7edd27fe..55e6ef24 100644
--- a/public/post/7/index.html
+++ b/public/post/7/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="初识抖音短视频">初识抖音短视频</h2>
 <p>还记得第一次下载抖音app的时候还是在高考结束后</p>
 <p>那时候这个app十分的火爆，我也不懂抖音有什么好玩的</p>
@@ -253,35 +253,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/7\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -307,12 +290,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/70/index.html b/public/post/70/index.html
index 39888b40..6b926954 100644
--- a/public/post/70/index.html
+++ b/public/post/70/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>一把过，科二结束！</p>
 <p>
 <img data-lazy-src="/pics/2021/12/3275155999.webp" alt="" class="lazyload"></p>
@@ -100,35 +100,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/70\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -154,12 +137,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/71/index.html b/public/post/71/index.html
index 48705130..0a6ac0ea 100644
--- a/public/post/71/index.html
+++ b/public/post/71/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>首先祝各位朋友元旦快乐，距离上次更新差不多十天前了，有小伙伴问我这段时间在干嘛</p>
 <p>简单给大家聊一下，差不多25号我就放寒假了，放假回家一直在老家，大部分时间帮父母干农活</p>
 <p>虽然很累，但也有它的趣味，不得不说，抛开手机电脑，静下心来享受田园生活，不由让人沉浸</p>
@@ -449,35 +449,18 @@ https://cdn.usj.cc/xxx.jpg</a> 下载下来，接着上传为自己的本地图
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/71\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -503,12 +486,12 @@ https://cdn.usj.cc/xxx.jpg</a> 下载下来，接着上传为自己的本地图
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/72/index.html b/public/post/72/index.html
index e662984d..f92341b7 100644
--- a/public/post/72/index.html
+++ b/public/post/72/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>说到苹果手机，可能各位小伙伴十分的熟悉，很多人都想拥有一台自己的苹果手机</p>
 <p>但是一部苹果手机大几千，很多人也不愿意花那么多钱</p>
 <p>作为一个学生党，主要的生活费支出都来源爸妈，自己没有收入来源</p>
@@ -191,35 +191,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/72\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -245,12 +228,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/73/index.html b/public/post/73/index.html
index c5839ea9..e6e21a73 100644
--- a/public/post/73/index.html
+++ b/public/post/73/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>回家差不多大半个月了，在家也是闲着，和长辈拉拉家常，有时候做做家务</p>
 <p>但是不得不说放假之前真的是超级想回家看看，但是回到家一段时间，就想回学校</p>
 <p>在家自己的活动范围很小，在父母的眼里，自己总是长不大的小孩子</p>
@@ -186,35 +186,18 @@ https://usj.cc/usj.apk</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/73\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -240,12 +223,12 @@ https://usj.cc/usj.apk</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/74/index.html b/public/post/74/index.html
index b750fe42..1de8f37b 100644
--- a/public/post/74/index.html
+++ b/public/post/74/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>当打开博客写这篇文章的时候，我已经结束了武汉之旅回家数日了</p>
 <p>在家也有时间去静下心来思考，去打理自己的博客了，计划写此文章来回忆我愉快的春节假期</p>
@@ -206,35 +206,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/74\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -260,12 +243,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/75/index.html b/public/post/75/index.html
index b9070e07..9cc66611 100644
--- a/public/post/75/index.html
+++ b/public/post/75/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>距今天算起，已经回家数日了，由于疫情延期开学影响，我还没开学</p>
 <p>在前一篇文章曾提到我刚从武汉返程，好巧不巧，正好碰上了武汉新出的几例病例</p>
@@ -175,35 +175,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/75\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -229,12 +212,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/76/index.html b/public/post/76/index.html
index c3701397..17582edf 100644
--- a/public/post/76/index.html
+++ b/public/post/76/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>当开始写这篇文章的时候，截止今天，我已经开学两周了</p>
 <p>因为开学的延迟，导致学期缩短，课程基本上都排的很紧，准备在开学那周更新的，还是鸽了很久</p>
@@ -215,35 +215,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/76\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -269,12 +252,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/77/index.html b/public/post/77/index.html
index c21ece0c..c1dbcb37 100644
--- a/public/post/77/index.html
+++ b/public/post/77/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2022/03/409573209.jpg" alt="" class="lazyload"></p>
 <p>
@@ -114,35 +114,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/77\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -168,12 +151,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/78/index.html b/public/post/78/index.html
index 0347fa1f..1b85de1e 100644
--- a/public/post/78/index.html
+++ b/public/post/78/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>前段时间用了很久的秒看青年大学习方法失效了</p>
 <p>随着微信版本的迭代，新版本微信内核禁止了一些调试功能</p>
@@ -172,35 +172,18 @@ http://debugtbs.qq.com</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/78\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -226,12 +209,12 @@ http://debugtbs.qq.com</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/79/index.html b/public/post/79/index.html
index 90865950..899a9d6e 100644
--- a/public/post/79/index.html
+++ b/public/post/79/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>早上起床发现，自己收到了ios 15.4.1 的系统更新推送，网上说15.4.1这个版本的系统太拉跨，比如相机闪屏，还有一些一眼难尽的bug</p>
 <p>但是作为ios的小白用户，一直去不掉这个更新提示的小红点，说实话还是强迫症又犯了，朋友介绍给我了一个方法，感觉挺好用的，分享出来给有需要的朋友</p>
@@ -125,35 +125,18 @@ https://wwi.lanzoup.com/iwPoc02yxlpg</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/79\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -179,12 +162,12 @@ https://wwi.lanzoup.com/iwPoc02yxlpg</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/8/index.html b/public/post/8/index.html
index 7eca890d..b0102266 100644
--- a/public/post/8/index.html
+++ b/public/post/8/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>江的南岸叫襄阳，江的北岸叫樊城，这就是人们常说的襄樊
 <img data-lazy-src="/pics/2021/09/3813677165.jpg" alt="" class="lazyload">
 <img data-lazy-src="/pics/2021/09/347357641.jpg" alt="" class="lazyload">
@@ -101,35 +101,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/8\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -155,12 +138,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/80/index.html b/public/post/80/index.html
index 089943dd..7b21fbf6 100644
--- a/public/post/80/index.html
+++ b/public/post/80/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>首先祝各位朋友五一快乐</p>
 <p>新主题爆肝几天也成功的赶出来了，这次也是自己也是第一次半开发主题</p>
@@ -167,35 +167,18 @@ https://www.icloud.com/shortcuts/b3651207ca3e4ab0b3215c5a416c2f94</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/80\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -221,12 +204,12 @@ https://www.icloud.com/shortcuts/b3651207ca3e4ab0b3215c5a416c2f94</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/81/index.html b/public/post/81/index.html
index 77659fa8..04f3acb9 100644
--- a/public/post/81/index.html
+++ b/public/post/81/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>作为一个独立博客的博主，我经常会访问一些友链朋友的博客，看到一些跟自己产生心灵共识的文章</p>
 <p>总想着要说两句再走，但是遇到需要填写自己的昵称，邮箱，域名，一下子评论的欲望就没有了</p>
@@ -181,35 +181,18 @@ https://greasyfork.org/scripts/434862-</a>博客网站留言评论信息自动
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/81\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -235,12 +218,12 @@ https://greasyfork.org/scripts/434862-</a>博客网站留言评论信息自动
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/82/index.html b/public/post/82/index.html
index 79bf0e11..7eb1bc44 100644
--- a/public/post/82/index.html
+++ b/public/post/82/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="一点碎碎念">一点碎碎念</h2>
 <p>差不多快是月更博主了，因为自己琢磨了给自己主题整了一个朋友圈碎碎念功能，自己的文章更新频率没那么频繁了</p>
 <p>前段时间我在说说页面提到父亲手术，看到各位博主大篇的评论和回复以及祝福，真的挺感动的，虽然我们素不相识，但是却以文字交心</p>
@@ -145,35 +145,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/82\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -199,12 +182,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/83/index.html b/public/post/83/index.html
index 2303fc90..23759d46 100644
--- a/public/post/83/index.html
+++ b/public/post/83/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>作为一个博客的发烧友，最喜欢给自己主题diy各种花里花哨的字体</p>
 <p>因为默认的字体微软雅黑总差点意思，但是一般的字体大都很大</p>
@@ -162,35 +162,18 @@ https://wwi.lanzoup.com/iM6ur0695bcj</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/83\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -216,12 +199,12 @@ https://wwi.lanzoup.com/iM6ur0695bcj</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/84/index.html b/public/post/84/index.html
index 9134b9a2..d5a88671 100644
--- a/public/post/84/index.html
+++ b/public/post/84/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>看到本文章的标题，有些朋友可能以为我是在减肥，其实并非如此，此事情还得从五月说起</p>
 <p>每年的5.20号，市区会从市区卫生部派遣献血车来我们学校进行爱心献血活动，中文的时候饭后茶谈</p>
@@ -140,35 +140,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/84\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -194,12 +177,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/85/index.html b/public/post/85/index.html
index 61f8c209..b0c4845f 100644
--- a/public/post/85/index.html
+++ b/public/post/85/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="一张毕业照">一张毕业照</h2>
 <p>其实有很多朋友曾私聊我，我怎么大二就毕业了，因为我们大专是2+1教学模式，大三一年是需要离校准备插本和实习的</p>
 <p>所以需要在大二下学期就开始拍毕业照，大三基本上都不在学校，学校一般会在大二下学期，组织填写一些必要的资料，然后大三就自己北漂了</p>
@@ -209,35 +209,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/85\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -263,12 +246,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/86/index.html b/public/post/86/index.html
index 3adc0998..ca8888d1 100644
--- a/public/post/86/index.html
+++ b/public/post/86/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>这篇文章诞生之前，特别感谢博友
 <a 
@@ -232,35 +232,18 @@ https://cloud.usj.cc/d/Onedrive/%E4%BB%A3%E7%A0%81/feature.php</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/86\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -286,12 +269,12 @@ https://cloud.usj.cc/d/Onedrive/%E4%BB%A3%E7%A0%81/feature.php</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/87/index.html b/public/post/87/index.html
index a1555f6a..2cff503e 100644
--- a/public/post/87/index.html
+++ b/public/post/87/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>一次偶然的翻看我的博客，其标题是这样写的：记录美好生活与不平凡的你</p>
 <p>渐渐的发现，一些教程和分享类文章，基本上占据了我博客的大部分元素</p>
@@ -235,35 +235,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/87\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -289,12 +272,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/88/index.html b/public/post/88/index.html
index c5d13165..69cae8b3 100644
--- a/public/post/88/index.html
+++ b/public/post/88/index.html
@@ -75,7 +75,7 @@
             <a href="%e6%95%99%e7%a8%8b">教程</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>更新typecho1.2.0版本的朋友可能都知道</p>
 <p>在后台会有一个红框框提示，但是怎么也无法去除</p>
@@ -119,35 +119,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/88\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -173,12 +156,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/89/index.html b/public/post/89/index.html
index d696a4ca..2ed09cb4 100644
--- a/public/post/89/index.html
+++ b/public/post/89/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2022/09/06/631698321fef5.webp" alt="" class="lazyload"></p>
 <p>
@@ -109,35 +109,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/89\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -163,12 +146,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/9/index.html b/public/post/9/index.html
index 99862b81..2465270a 100644
--- a/public/post/9/index.html
+++ b/public/post/9/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>摄影专业学长拍的晚霞，感觉不错，收藏一下
 <img data-lazy-src="/pics/2021/09/4176211302.jpg" alt="" class="lazyload">
 <img data-lazy-src="/pics/2021/09/3851010907.jpg" alt="" class="lazyload">
@@ -101,35 +101,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/9\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -155,12 +138,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/90/index.html b/public/post/90/index.html
index e5112b1f..39505a7f 100644
--- a/public/post/90/index.html
+++ b/public/post/90/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>寒假兼职老板的工资到账，当时256G黑配色的售价是5999，犹豫了很久，还是决定拿下</p>
 <p>在刚拿到手起初就准备写这篇文章，仔细想了想，还是决定使用半年，再来写使用体验</p>
@@ -157,35 +157,18 @@ https://usj.cc/79.html</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/90\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -211,12 +194,12 @@ https://usj.cc/79.html</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/91/index.html b/public/post/91/index.html
index 368bd154..54ef2f36 100644
--- a/public/post/91/index.html
+++ b/public/post/91/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>因为域名修改实名信息需要三天</p>
 <p>所以等到昨天上午10点提交给腾讯云初审</p>
 <p>腾讯云也很给力，当天下午初审通过，六点就提交至管局备案</p>
@@ -106,35 +106,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/91\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -160,12 +143,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/92/index.html b/public/post/92/index.html
index dda1ec35..0aa2961f 100644
--- a/public/post/92/index.html
+++ b/public/post/92/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>网卡在百度其专业术语是这样讲的</p>
 <blockquote>
@@ -182,35 +182,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/92\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -236,12 +219,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/93/index.html b/public/post/93/index.html
index 750af66f..30266808 100644
--- a/public/post/93/index.html
+++ b/public/post/93/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>目前小站的备案是由朋友帮忙备案的，现在因为业务调整，公司需要注销</p>
 <p>所以小站也需要临时闭站半个月，进行重新备案，期间小站暂时无法访问</p>
 <p>我的公益小站 rss.usj.cc（rss阅读器）  img.usj.cc（优图床）也将无法使用</p>
@@ -107,35 +107,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/93\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -161,12 +144,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/94/index.html b/public/post/94/index.html
index c9e9a7f3..a74e679d 100644
--- a/public/post/94/index.html
+++ b/public/post/94/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>大学牲，这个网络词语，不知道从什么时候开始火起来的，顾名思义是大学生群体对自己的自嘲</p>
 <p>今天也是我们学校静默管理的14天的最后一天，所谓静默管理就是学生不能擅自出宿舍，这14日里我艰难度日</p>
@@ -144,35 +144,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/94\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -198,12 +181,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/96/index.html b/public/post/96/index.html
index 406e2673..4f84654f 100644
--- a/public/post/96/index.html
+++ b/public/post/96/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%9b%b8%e5%86%8c">相册</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>
 <img data-lazy-src="/pics/2022/10/16/634bffd140311.webp" alt="" class="lazyload"></p>
 <p>
@@ -109,35 +109,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/96\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -163,12 +146,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/97/index.html b/public/post/97/index.html
index c1074183..40fd33b2 100644
--- a/public/post/97/index.html
+++ b/public/post/97/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>毕业来临，总想写点什么，写点这三年的失败，写点这三年的迷茫</p>
 <p>写点这三年的痛苦，写点这三年的成长</p>
@@ -251,35 +251,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/97\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -305,12 +288,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/986/index.html b/public/post/986/index.html
index 8cd63080..944e3276 100644
--- a/public/post/986/index.html
+++ b/public/post/986/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="前言">前言</h2>
 <p>首先感谢冷寂大佬的
 <a 
@@ -159,35 +159,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/986\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -213,12 +196,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/989/index.html b/public/post/989/index.html
index a9b5f9a6..f1f9ea95 100644
--- a/public/post/989/index.html
+++ b/public/post/989/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>愿疫情早日结束，目前已是宿舍隔离第十天😭
 [dplay src=&quot;/pics/2022/12/3634008739.mp4&quot;]</p>
 
@@ -99,35 +99,18 @@
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/989\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -153,12 +136,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/994/index.html b/public/post/994/index.html
index 3288814d..ea5ee25c 100644
--- a/public/post/994/index.html
+++ b/public/post/994/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <h2 id="一些碎碎念">一些碎碎念</h2>
 <p>可能也有一些朋友想入手，或者即将入手</p>
 <p>在这里，我分享一下，我使用Apple watch三个月的感受，也希望给朋友们一些参考</p>
@@ -233,35 +233,18 @@ https://usj.cc/818.html</a></p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/994\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -287,12 +270,12 @@ https://usj.cc/818.html</a></p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/ikun/index.html b/public/post/ikun/index.html
index 609854ef..3145a27b 100644
--- a/public/post/ikun/index.html
+++ b/public/post/ikun/index.html
@@ -75,7 +75,7 @@
             <a href="%e7%94%9f%e6%b4%bb">生活</a>
             
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             <p>近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下</p>
 <p>还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果</p>
 <p>主要是还自带音效，在适当区间松手时还会触发语音效果</p>
@@ -238,35 +238,18 @@ https://github.com/itorr/sakana</a> 「Sakana!」石蒜模拟器</p>
 
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                
-    server:    'https://artalk.5b2.cn',  
-    site:      '优世界',             
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                
+      server: 'https://artalk.5b2.cn',  
+      site: '优世界',             
+      flatMode: true
+    })
+  }
 </script>
         
         
     </div>
-    
-    <script>
-        function loadBarrager() {
-            
-            var currentPath = "\/post\/ikun\/";
-
-            
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                
-                    defaultAvatar: 'static/default-avatar.png', 
-                    defaultInfo: 'No comment',      
-                    defaultLink: '#',               
-                    speed: 10,                      
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 
@@ -292,12 +275,12 @@ https://github.com/itorr/sakana</a> 「Sakana!」石蒜模拟器</p>
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/index.html b/public/post/index.html
index e95c3089..012ce268 100644
--- a/public/post/index.html
+++ b/public/post/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/2/index.html b/public/post/page/2/index.html
index 32dde9be..228d385b 100644
--- a/public/post/page/2/index.html
+++ b/public/post/page/2/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/3/index.html b/public/post/page/3/index.html
index a94b9aa0..54820f73 100644
--- a/public/post/page/3/index.html
+++ b/public/post/page/3/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/4/index.html b/public/post/page/4/index.html
index 06e4c579..1c04d0be 100644
--- a/public/post/page/4/index.html
+++ b/public/post/page/4/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/5/index.html b/public/post/page/5/index.html
index f3a54d1e..cd77c303 100644
--- a/public/post/page/5/index.html
+++ b/public/post/page/5/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/6/index.html b/public/post/page/6/index.html
index a720d5ef..5a9e53e0 100644
--- a/public/post/page/6/index.html
+++ b/public/post/page/6/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/7/index.html b/public/post/page/7/index.html
index f1f8e37c..63d6c22b 100644
--- a/public/post/page/7/index.html
+++ b/public/post/page/7/index.html
@@ -132,12 +132,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/post/page/8/index.html b/public/post/page/8/index.html
index 9d58fc37..e0967b6a 100644
--- a/public/post/page/8/index.html
+++ b/public/post/page/8/index.html
@@ -120,12 +120,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/index.html b/public/tags/index.html
index c09a66d1..14436779 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/2/index.html b/public/tags/page/2/index.html
index cc7915d7..c0ad04dd 100644
--- a/public/tags/page/2/index.html
+++ b/public/tags/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/3/index.html b/public/tags/page/3/index.html
index b817c866..d0869230 100644
--- a/public/tags/page/3/index.html
+++ b/public/tags/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/4/index.html b/public/tags/page/4/index.html
index bbebcee3..afb2a176 100644
--- a/public/tags/page/4/index.html
+++ b/public/tags/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/5/index.html b/public/tags/page/5/index.html
index 0fcacb98..45b19741 100644
--- a/public/tags/page/5/index.html
+++ b/public/tags/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/6/index.html b/public/tags/page/6/index.html
index 9697fd67..2d0543c0 100644
--- a/public/tags/page/6/index.html
+++ b/public/tags/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/7/index.html b/public/tags/page/7/index.html
index ff14d7e9..f7cfb048 100644
--- a/public/tags/page/7/index.html
+++ b/public/tags/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/page/8/index.html b/public/tags/page/8/index.html
index 42b0503f..02cf9066 100644
--- a/public/tags/page/8/index.html
+++ b/public/tags/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/index.html b/public/tags/美女/index.html
index 3a36af5e..ff99dc55 100644
--- a/public/tags/美女/index.html
+++ b/public/tags/美女/index.html
@@ -128,12 +128,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/2/index.html b/public/tags/美女/page/2/index.html
index 2212a18e..d2640d1e 100644
--- a/public/tags/美女/page/2/index.html
+++ b/public/tags/美女/page/2/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/3/index.html b/public/tags/美女/page/3/index.html
index bc19544b..f1ddea10 100644
--- a/public/tags/美女/page/3/index.html
+++ b/public/tags/美女/page/3/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/4/index.html b/public/tags/美女/page/4/index.html
index 2903035f..86e18a46 100644
--- a/public/tags/美女/page/4/index.html
+++ b/public/tags/美女/page/4/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/5/index.html b/public/tags/美女/page/5/index.html
index ad5a2282..135bf712 100644
--- a/public/tags/美女/page/5/index.html
+++ b/public/tags/美女/page/5/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/6/index.html b/public/tags/美女/page/6/index.html
index 8cd08781..2587b92a 100644
--- a/public/tags/美女/page/6/index.html
+++ b/public/tags/美女/page/6/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/7/index.html b/public/tags/美女/page/7/index.html
index cadbb819..f908e464 100644
--- a/public/tags/美女/page/7/index.html
+++ b/public/tags/美女/page/7/index.html
@@ -130,12 +130,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/public/tags/美女/page/8/index.html b/public/tags/美女/page/8/index.html
index 51d42f67..42b76029 100644
--- a/public/tags/美女/page/8/index.html
+++ b/public/tags/美女/page/8/index.html
@@ -118,12 +118,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/themes/Ying/layouts/_default/single.html b/themes/Ying/layouts/_default/single.html
index 5cf36c20..b423efa5 100644
--- a/themes/Ying/layouts/_default/single.html
+++ b/themes/Ying/layouts/_default/single.html
@@ -8,7 +8,7 @@
             <a href="{{ . }}">{{ . }}</a>
             {{ end }}
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,span; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             {{ .Content }}
         </div>
         <div class="post-tags" style="margin-top: -30px;">
@@ -27,25 +27,6 @@
         {{ end }}
         <!-- 评论区内容结束 -->
     </div>
-    {{/* 文章页面评论弹幕 */}}
-    <script>
-        function loadBarrager() {
-            // 获取当前页面的路径
-            var currentPath = "{{ .RelPermalink }}";
-
-            // 只有当 URL 包含 "post" 时才执行弹幕加载逻辑
-            if (currentPath.includes("post") || currentPath.includes("says")) {
-                // 调用封装的函数
-                fetchCommentsAndCreateBarrager(currentPath, {
-                    looper_time: 3000,                // 每条弹幕的发送间隔，单位毫秒
-                    defaultAvatar: 'static/default-avatar.png', // 默认头像
-                    defaultInfo: 'No comment',      // 默认评论内容
-                    defaultLink: '#',               // 默认用户链接
-                    speed: 10,                      // 弹幕速度，单位秒
-                });
-            }
-        }
-    </script>
     <script async src="/js/bsz.js"></script>
 </div>
 {{ end }}
\ No newline at end of file
diff --git a/themes/Ying/layouts/partials/artalk.html b/themes/Ying/layouts/partials/artalk.html
index 6f8819b5..b5a1990b 100644
--- a/themes/Ying/layouts/partials/artalk.html
+++ b/themes/Ying/layouts/partials/artalk.html
@@ -5,10 +5,12 @@
 <!-- JS -->
 <script src="/js/Artalk.js"></script>
 <script>
-  Artalk.init({
-    el:        '#Comments',                // 绑定元素的 Selector
-    server:    'https://artalk.5b2.cn',  // 后端地址
-    site:      '优世界',             // 你的站点名
-    flatMode: true
-  })
+  if (document.querySelector("#Comments")) {
+    Artalk.init({
+      el: '#Comments',                // 绑定元素的 Selector
+      server: 'https://artalk.5b2.cn',  // 后端地址
+      site: '优世界',             // 你的站点名
+      flatMode: true
+    })
+  }
 </script>
\ No newline at end of file
diff --git a/themes/Ying/layouts/partials/footer.html b/themes/Ying/layouts/partials/footer.html
index f204d701..7b024214 100644
--- a/themes/Ying/layouts/partials/footer.html
+++ b/themes/Ying/layouts/partials/footer.html
@@ -18,12 +18,12 @@
 <script src="/js/uikit.min.js"></script>
 <script src="/js/EasyLazyload.min.js"></script>
 <script src="/js/view-image.min.js"></script>
+<script src="/js/Artalk.js"></script>
 <script src="/js/main.js"></script>
 <script src="/js/mypjax.js"></script>
 <script src="/js/nprogress.js"></script>
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
-<script src="/js/Artalk.js"></script>
 <script async src="/js/bsz.js"></script>
 </body>
 
diff --git a/themes/Ying/static/js/main.js b/themes/Ying/static/js/main.js
index 838b5213..87d65bfd 100644
--- a/themes/Ying/static/js/main.js
+++ b/themes/Ying/static/js/main.js
@@ -44,94 +44,105 @@ lazyLoadInit({
   showTime: 1100
 });
 
-
-async function fetchCommentsAndCreateBarrager(path, options) {
+async function loadBarrager() {
   try {
-      const response = await fetch('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(path));
-      const data = await response.json();
-
-      if (!data.data || !data.data.data) {
-          console.error('评论数据获取失败');
-          return;
-      }
-
-      const commentsData = data.data.data;
-      const looperTime = options.looper_time || 3000;
-      const flattenedComments = flattenComments(commentsData);
-      const totalComments = flattenedComments.length;
-      let currentIndex = 0;
-
-      // 初始化弹幕插件
-      let barrage = new Barrage.default({
-          el: 'body',
-          backColor:"#000000b5",
-          fontSize:"14px",
-          isLeft:true,
-          speed:0,
-          height:"33px"
-      });
-
-      if (totalComments !== 0) {
-          createBarrager();
-      }
-
-      function createBarrager() {
-          const currentComment = flattenedComments[currentIndex];
-          const barragerItem = {
-              headImg: currentComment.avatar + "?s=33" || options.defaultAvatar,
-              content: stripHTML(currentComment.orig) || options.defaultInfo,
-              href: currentComment.link || options.defaultLink,
-              speed: options.speed || 10
-          };
-
-          // 发送弹幕
-          barrage.start(barragerItem.content, {
-              speed: barragerItem.speed,
-              headImg: barragerItem.headImg,
-              speed:35
-          });
-
-          currentIndex++;
-
-          if (currentIndex < totalComments) {
-              setTimeout(createBarrager, looperTime);
-          }
-        
-      }
-
-      function stripHTML(html) {
-          return html.replace(/<\/?[^>]+(>|$)/g, "");
-      }
-
-      function flattenComments(comments) {
-          let result = [];
-          comments.forEach(function(comment) {
-              result.push(comment);
-              if (comment.children && comment.children.length > 0) {
-                  result = result.concat(flattenComments(comment.children));
-              }
-          });
-          return result;
-      }
+    const commentsData = await initArtalkAndGetComments();
+    if (commentsData) {
+      await createBarragerFromArtalk(commentsData);
+    }
   } catch (error) {
-      console.error('无法获取评论数据', error);
+    console.error('加载弹幕时发生错误:', error);
   }
 }
 
-// 弹幕函数
-function loadBarrager() {
-    // 获取当前页面的路径
-    var currentPath = "{{ .RelPermalink }}";
+// 异步初始化 Artalk 并获取评论数据
+function initArtalkAndGetComments() {
+  return new Promise((resolve, reject) => {
+    Artalk.use((ctx) => {
+      ctx.on('list-loaded', () => {
+        console.log('评论列表加载完毕');
+        const commentsData = ctx.getComments();
+        if (commentsData) {
+          resolve(commentsData);
+          // console.log(commentsData);
+        } else {
+          reject('获取评论数据失败');
+        }
+      });
+    });
 
-    // 只有当 URL 包含 "post" 时才执行弹幕加载逻辑
-    if (currentPath.includes("post") || currentPath.includes("says")) {
-        // 调用封装的函数
-        fetchCommentsAndCreateBarrager(currentPath, {
-            looper_time: 3000,                // 每条弹幕的发送间隔，单位毫秒
-            defaultAvatar: 'static/default-avatar.png', // 默认头像
-            defaultInfo: 'No comment',      // 默认评论内容
-            defaultLink: '#',               // 默认用户链接
-            speed: 10,                      // 弹幕速度，单位秒
-        });
+    Artalk.init({
+      el: '#Comments',                // 绑定元素的 Selector
+      server: 'https://artalk.5b2.cn',  // 后端地址
+      site: '优世界',             // 你的站点名
+      flatMode: true
+    });
+  });
+}
+
+// 异步创建弹幕
+async function createBarragerFromArtalk(commentsData) {
+  const looperTime = 1000;  // 每条弹幕的发送间隔，单位毫秒
+  const flattenedComments = flattenComments(commentsData);
+  const totalComments = flattenedComments.length;
+  let currentIndex = 0;
+
+  // 初始化弹幕插件
+  let barrage = new Barrage.default({
+    el: 'body',
+    backColor: "#000000b5",
+    fontSize: "14px",
+    isLeft: true,
+    speed: 0,
+    height: "33px"
+  });
+
+  if (totalComments !== 0) {
+    while (currentIndex < totalComments) {
+      const currentComment = flattenedComments[currentIndex];
+      const barragerItem = {
+        headImg: "https://cravatar.cn/avatar/"+currentComment.email_encrypted + "?s=33" || 'static/default-avatar.png',
+        content: stripHTML(currentComment.content_marked) || 'No comment',
+        href: currentComment.link || '#',
+        speed: 10
+      };
+
+      // 发送弹幕
+      barrage.start(barragerItem.content, {
+        speed: barragerItem.speed,
+        headImg: barragerItem.headImg,
+        speed: 35
+      });
+
+      currentIndex++;
+      await delay(looperTime);  // 等待指定的时间再发送下一条弹幕
     }
+  }
+}
+
+// 延迟函数，返回一个 Promise，用于等待指定的毫秒数
+function delay(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+// 去除 HTML 标签的函数
+function stripHTML(html) {
+  return html.replace(/<\/?[^>]+(>|$)/g, "");
+}
+
+// 展平评论数据结构的函数
+function flattenComments(comments) {
+  let result = [];
+  comments.forEach(function (comment) {
+    result.push(comment);
+    if (comment.children && comment.children.length > 0) {
+      result = result.concat(flattenComments(comment.children));
+    }
+  });
+  return result;
+}
+
+// 调用异步的弹幕加载函数
+if (document.querySelector("#Comments") && !isMobile()) {
+  loadBarrager()
 }
\ No newline at end of file
diff --git a/themes/Ying/static/js/mypjax.js b/themes/Ying/static/js/mypjax.js
index 2cd5e855..58687d8c 100644
--- a/themes/Ying/static/js/mypjax.js
+++ b/themes/Ying/static/js/mypjax.js
@@ -180,17 +180,16 @@ document.addEventListener("pjax:complete", function () {
         });
     });
     // 重载评论
-    if(document.querySelector("#Comments")){
+    if (document.querySelector("#Comments") && !isMobile()) {
+        for (let i = 0; i <= 5; i++) {
+            loadBarrager()
+        }
         Artalk.init({
-            el:        '#Comments',                // 绑定元素的 Selector
-            server:    'https://artalk.5b2.cn',  // 后端地址
-            site:      '优世界',             // 你的站点名
-            flatMode:   true
-          })
-    }
-    // 重载文章弹幕
-    if(!isMobile()){
-        loadBarrager();
+            el: '#Comments',                // 绑定元素的 Selector
+            server: 'https://artalk.5b2.cn',  // 后端地址
+            site: '优世界',             // 你的站点名
+            flatMode: true
+        })
     }
 });