valaxy 0.15.9 → 0.15.11-alpha.0

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

@@ -0,0 +1,1105 @@
+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
+};