valaxy 0.15.11-alpha.0 → 0.15.12

package/client/.vite-ssg-temp/vp12eb5cgm/assets/best-pratice-0231a551.js

@@ -1,1105 +0,0 @@
-import { _ as _export_sfc, a as _sfc_main$1 } from "../main.mjs";
-import { _ as __unplugin_components_0 } from "./ValaxyMain-26e77dc6.js";
-import { provide, mergeProps, withCtx, createTextVNode, createVNode, renderSlot, useSSRContext } from "vue";
-import { useRoute } from "vue-router";
-import { ssrRenderComponent, ssrRenderStyle, ssrRenderSlot } from "vue/server-renderer";
-import "vite-ssg";
-import "pinia";
-import "@vueuse/core";
-import "dayjs";
-import "dayjs/plugin/utc.js";
-import "dayjs/plugin/timezone.js";
-import "dayjs/locale/zh-cn.js";
-import "body-scroll-lock";
-import "@intlify/shared";
-import "@intlify/core-base";
-import "@vue/devtools-api";
-import "@unhead/schema-org";
-import "@unhead/vue";
-import "dayjs/plugin/relativeTime.js";
-import "defu";
-import "nprogress";
-import "medium-zoom";
-import "vanilla-lazyload";
-const __pageData = JSON.parse('{"title":"Best Practice","description":"","frontmatter":{"title":"Best Practice","title_zh-CN":"最佳实践","categories":["guide"],"top":1},"headers":[{"level":2,"title":"文章","slug":"文章","link":"#文章","children":[]},{"level":2,"title":"Post","slug":"post","link":"#post","children":[]}],"relativePath":"pages/guide/best-pratice.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\best-pratice.md","lastUpdated":1696615123000}');
-const data = JSON.parse('{"title":"Best Practice","description":"","frontmatter":{"title":"Best Practice","title_zh-CN":"最佳实践","categories":["guide"],"top":1},"headers":[{"level":2,"title":"文章","slug":"文章","link":"#文章","children":[]},{"level":2,"title":"Post","slug":"post","link":"#post","children":[]}],"relativePath":"pages/guide/best-pratice.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\best-pratice.md","lastUpdated":1696615123000}');
-const _sfc_main = {
-  name: "pages/guide/best-pratice.md",
-  data() {
-    return { data, frontmatter: data.frontmatter, $frontmatter: data.frontmatter };
-  },
-  setup() {
-    const route = useRoute();
-    route.meta.frontmatter = Object.assign(route.meta.frontmatter, data.frontmatter);
-    provide("pageData", data);
-  }
-};
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_ValaxyMain = __unplugin_components_0;
-  const _component_AppLink = _sfc_main$1;
-  _push(ssrRenderComponent(_component_ValaxyMain, mergeProps({
-    frontmatter: $data.frontmatter,
-    data: $data.data
-  }, _attrs), {
-    "main-content-md": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<h2 lang="zh-CN" id="文章" tabindex="-1"${_scopeId}>文章 `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#文章",
-          "aria-label": 'Permalink to "文章 {lang="zh-CN"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h2><h2 lang="en" id="post" tabindex="-1"${_scopeId}>Post `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#post",
-          "aria-label": 'Permalink to "Post {lang="en"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h2><div lang="zh-CN"${_scopeId}><p${_scopeId}>以下是我们推荐的部分最佳实践，但您不必完全遵守。</p><ol${_scopeId}><li${_scopeId}><p${_scopeId}>建议使用英文命名文件夹和文件，如 <code${_scopeId}>blog/pages/posts/your-post.md</code>。</p></li><li${_scopeId}><p${_scopeId}>插入第三方/大量动态内容时，优先将其封装为组件放置于 <code${_scopeId}>components</code>，并通过组件标签名引入，以下是一个例子。</p></li></ol><div class="language-vue"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>vue</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// blog/components/BszComponent.vue</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>lang</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;ts&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { useScriptTag } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;@vueuse/core&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>useScriptTag</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;本站总访问量 &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;busuanzi_value_site_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt; 次&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;本站访客数 &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;busuanzi_value_site_uv&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt; 人次&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// blog/components/BszComponent.vue</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>lang</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;ts&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { useScriptTag } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;@vueuse/core&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>useScriptTag</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;本站总访问量 &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;busuanzi_value_site_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt; 次&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;本站访客数 &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;busuanzi_value_site_uv&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt; 人次&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// blog/pages/posts/test-custom-component.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#79B8FF", "font-weight": "bold" })}"${_scopeId}># hello World</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;BszComponent/&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// blog/pages/posts/test-custom-component.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#005CC5", "font-weight": "bold" })}"${_scopeId}># hello World</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;BszComponent/&gt;</span></span></code></pre></div><ol start="3"${_scopeId}><li${_scopeId}>如果文章中不想使用外链图片，建议按照以下格式创建文件夹及引用图片，便于管理和迁移。</li></ol><div class="language-txt"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>txt</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>posts</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>├─ your-post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>│  ├─ a.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>|  ├─ b.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>│  └─ index.md</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>posts</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>├─ your-post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>│  ├─ a.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>|  ├─ b.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>│  └─ index.md</span></span></code></pre></div><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// posts/your-post/index.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#E1E4E8", "text-decoration": "underline" })}"${_scopeId}>./a.png</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#E1E4E8", "text-decoration": "underline" })}"${_scopeId}>./b.png</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// posts/your-post/index.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#24292E", "text-decoration": "underline" })}"${_scopeId}>./a.png</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#24292E", "text-decoration": "underline" })}"${_scopeId}>./b.png</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span></code></pre></div></div><div lang="en"${_scopeId}><p${_scopeId}>The following are some of our recommended best practices, but you do not need to fully adhere to them.</p><ol${_scopeId}><li${_scopeId}>It is recommended to name folders and files in English.</li></ol><div class="language-txt"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>txt</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>blog/pages/posts/your-post.md</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>blog/pages/posts/your-post.md</span></span></code></pre></div><ol start="2"${_scopeId}><li${_scopeId}>When inserting third-party/large amounts of dynamic content, priority should be given to encapsulating it as a component and placing it in <code${_scopeId}>blog/components</code>, and introducing it through component tag names.</li></ol><div class="language-vue"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>vue</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// blog/components/BszComponent.vue</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>lang</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;ts&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { useScriptTag } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;@vueuse/core&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>useScriptTag</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;本站总访问量 &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;busuanzi_value_site_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt; 次&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;本站访客数 &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;busuanzi_value_site_uv&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt; 人次&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// blog/components/BszComponent.vue</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>lang</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;ts&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>setup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { useScriptTag } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;@vueuse/core&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>useScriptTag</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;本站总访问量 &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;busuanzi_value_site_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt; 次&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;本站访客数 &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>id</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;busuanzi_value_site_uv&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>/</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt; 人次&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>div</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// blog/pages/posts/test-custom-component.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#79B8FF", "font-weight": "bold" })}"${_scopeId}># hello World</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;BszComponent/&gt;</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// blog/pages/posts/test-custom-component.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#005CC5", "font-weight": "bold" })}"${_scopeId}># hello World</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;BszComponent/&gt;</span></span></code></pre></div><ol start="3"${_scopeId}><li${_scopeId}>If you do not want to use external links in the post, it is recommended to create folders and reference images in the following format for easy management and migration.</li></ol><div class="language-txt"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>txt</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>posts</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>├─ your-post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>│  ├─ a.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>|  ├─ b.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#e1e4e8" })}"${_scopeId}>│  └─ index.md</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>posts</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>├─ your-post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>│  ├─ a.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>|  ├─ b.png</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292e" })}"${_scopeId}>│  └─ index.md</span></span></code></pre></div><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>// posts/your-post/index.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#E1E4E8", "text-decoration": "underline" })}"${_scopeId}>./a.png</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#E1E4E8", "text-decoration": "underline" })}"${_scopeId}>./b.png</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>// posts/your-post/index.md</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#24292E", "text-decoration": "underline" })}"${_scopeId}>./a.png</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>![](</span><span style="${ssrRenderStyle({ "color": "#24292E", "text-decoration": "underline" })}"${_scopeId}>./b.png</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span></code></pre></div></div>`);
-      } else {
-        return [
-          createVNode("h2", {
-            lang: "zh-CN",
-            id: "文章",
-            tabindex: "-1"
-          }, [
-            createTextVNode("文章 "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#文章",
-              "aria-label": 'Permalink to "文章 {lang="zh-CN"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("h2", {
-            lang: "en",
-            id: "post",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Post "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#post",
-              "aria-label": 'Permalink to "Post {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, "以下是我们推荐的部分最佳实践，但您不必完全遵守。"),
-            createVNode("ol", null, [
-              createVNode("li", null, [
-                createVNode("p", null, [
-                  createTextVNode("建议使用英文命名文件夹和文件，如 "),
-                  createVNode("code", null, "blog/pages/posts/your-post.md"),
-                  createTextVNode("。")
-                ])
-              ]),
-              createVNode("li", null, [
-                createVNode("p", null, [
-                  createTextVNode("插入第三方/大量动态内容时，优先将其封装为组件放置于 "),
-                  createVNode("code", null, "components"),
-                  createTextVNode("，并通过组件标签名引入，以下是一个例子。")
-                ])
-              ])
-            ]),
-            createVNode("div", { class: "language-vue" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "vue"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// blog/components/BszComponent.vue")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "lang"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"ts"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "setup"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { useScriptTag } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'@vueuse/core'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#B392F0" } }, "useScriptTag"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">本站总访问量 <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_value_site_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "> 次</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">本站访客数 <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_value_site_uv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "> 人次</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// blog/components/BszComponent.vue")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "lang"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"ts"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "setup"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { useScriptTag } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'@vueuse/core'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "useScriptTag"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">本站总访问量 <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_value_site_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "> 次</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">本站访客数 <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_value_site_uv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "> 人次</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("div", { class: "language-md" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "md"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// blog/pages/posts/test-custom-component.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#79B8FF", "font-weight": "bold" } }, "# hello World")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<BszComponent/>")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// blog/pages/posts/test-custom-component.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#005CC5", "font-weight": "bold" } }, "# hello World")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<BszComponent/>")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("ol", { start: "3" }, [
-              createVNode("li", null, "如果文章中不想使用外链图片，建议按照以下格式创建文件夹及引用图片，便于管理和迁移。")
-            ]),
-            createVNode("div", { class: "language-txt" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "txt"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "posts")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "├─ your-post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "│  ├─ a.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "|  ├─ b.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "│  └─ index.md")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "posts")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "├─ your-post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "│  ├─ a.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "|  ├─ b.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "│  └─ index.md")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("div", { class: "language-md" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "md"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// posts/your-post/index.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "![]("),
-                    createVNode("span", { style: { "color": "#E1E4E8", "text-decoration": "underline" } }, "./a.png"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "![]("),
-                    createVNode("span", { style: { "color": "#E1E4E8", "text-decoration": "underline" } }, "./b.png"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// posts/your-post/index.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "![]("),
-                    createVNode("span", { style: { "color": "#24292E", "text-decoration": "underline" } }, "./a.png"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "![]("),
-                    createVNode("span", { style: { "color": "#24292E", "text-decoration": "underline" } }, "./b.png"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ])
-                ])
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, "The following are some of our recommended best practices, but you do not need to fully adhere to them."),
-            createVNode("ol", null, [
-              createVNode("li", null, "It is recommended to name folders and files in English.")
-            ]),
-            createVNode("div", { class: "language-txt" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "txt"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "blog/pages/posts/your-post.md")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "blog/pages/posts/your-post.md")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("ol", { start: "2" }, [
-              createVNode("li", null, [
-                createTextVNode("When inserting third-party/large amounts of dynamic content, priority should be given to encapsulating it as a component and placing it in "),
-                createVNode("code", null, "blog/components"),
-                createTextVNode(", and introducing it through component tag names.")
-              ])
-            ]),
-            createVNode("div", { class: "language-vue" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "vue"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// blog/components/BszComponent.vue")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "lang"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"ts"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "setup"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { useScriptTag } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'@vueuse/core'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#B392F0" } }, "useScriptTag"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "script"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">本站总访问量 <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_value_site_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "> 次</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">本站访客数 <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_value_site_uv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "> 人次</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "template"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// blog/components/BszComponent.vue")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "lang"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"ts"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "setup"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { useScriptTag } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'@vueuse/core'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "useScriptTag"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js'"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "script"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">本站总访问量 <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_value_site_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "> 次</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">本站访客数 <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_value_site_uv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "> 人次</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "</"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "template"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("div", { class: "language-md" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "md"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// blog/pages/posts/test-custom-component.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#79B8FF", "font-weight": "bold" } }, "# hello World")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<BszComponent/>")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// blog/pages/posts/test-custom-component.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#005CC5", "font-weight": "bold" } }, "# hello World")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "<BszComponent/>")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("ol", { start: "3" }, [
-              createVNode("li", null, "If you do not want to use external links in the post, it is recommended to create folders and reference images in the following format for easy management and migration.")
-            ]),
-            createVNode("div", { class: "language-txt" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "txt"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "posts")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "├─ your-post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "│  ├─ a.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "|  ├─ b.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#e1e4e8" } }, "│  └─ index.md")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "posts")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "├─ your-post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "│  ├─ a.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "|  ├─ b.png")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292e" } }, "│  └─ index.md")
-                  ])
-                ])
-              ])
-            ]),
-            createVNode("div", { class: "language-md" }, [
-              createVNode("button", {
-                title: "Copy Code",
-                class: "copy"
-              }),
-              createVNode("span", { class: "lang" }, "md"),
-              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "// posts/your-post/index.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "![]("),
-                    createVNode("span", { style: { "color": "#E1E4E8", "text-decoration": "underline" } }, "./a.png"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "![]("),
-                    createVNode("span", { style: { "color": "#E1E4E8", "text-decoration": "underline" } }, "./b.png"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
-                  ])
-                ])
-              ]),
-              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
-                createVNode("code", null, [
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "// posts/your-post/index.md")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "![]("),
-                    createVNode("span", { style: { "color": "#24292E", "text-decoration": "underline" } }, "./a.png"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "![]("),
-                    createVNode("span", { style: { "color": "#24292E", "text-decoration": "underline" } }, "./b.png"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ")")
-                  ])
-                ])
-              ])
-            ])
-          ])
-        ];
-      }
-    }),
-    "main-header": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-header", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-header")
-        ];
-      }
-    }),
-    "main-header-after": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-header-after", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-header-after")
-        ];
-      }
-    }),
-    "main-nav": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-nav", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-nav")
-        ];
-      }
-    }),
-    "main-content": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-content", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-content")
-        ];
-      }
-    }),
-    "main-content-after": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-content-after", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-content-after")
-        ];
-      }
-    }),
-    "main-nav-before": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-nav-before", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-nav-before")
-        ];
-      }
-    }),
-    "main-nav-after": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "main-nav-after", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "main-nav-after")
-        ];
-      }
-    }),
-    comment: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "comment", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "comment")
-        ];
-      }
-    }),
-    footer: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "footer")
-        ];
-      }
-    }),
-    aside: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "aside")
-        ];
-      }
-    }),
-    "aside-custom": withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "aside-custom", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "aside-custom")
-        ];
-      }
-    }),
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "default")
-        ];
-      }
-    }),
-    _: 3
-    /* FORWARDED */
-  }, _parent));
-}
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../docs/pages/guide/best-pratice.md");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const bestPratice = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-export {
-  __pageData,
-  bestPratice as default
-};