valaxy 0.15.11-alpha.0 → 0.15.12

package/client/.vite-ssg-temp/vp12eb5cgm/assets/components-7000ddd3.js

@@ -1,2460 +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":"Components","description":"","frontmatter":{"title":"Components","title_zh-CN":"自定义组件","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动组件注册","slug":"自动组件注册","link":"#自动组件注册","children":[]},{"level":2,"title":"Automatic Component Registration","slug":"automatic-component-registration","link":"#automatic-component-registration","children":[{"level":3,"title":"自定义覆盖主题组件","slug":"自定义覆盖主题组件","link":"#自定义覆盖主题组件","children":[]},{"level":3,"title":"Custom Override Theme Component","slug":"custom-override-theme-component","link":"#custom-override-theme-component","children":[]},{"level":3,"title":"更多示例","slug":"更多示例","link":"#更多示例","children":[]},{"level":3,"title":"More Examples","slug":"more-examples","link":"#more-examples","children":[]},{"level":3,"title":"插入不蒜子统计","slug":"插入不蒜子统计","link":"#插入不蒜子统计","children":[]},{"level":3,"title":"Insert Busuanzi Statistics","slug":"insert-busuanzi-statistics","link":"#insert-busuanzi-statistics","children":[]},{"level":3,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":3,"title":"Other","slug":"other","link":"#other","children":[]}]}],"relativePath":"pages/guide/custom/components.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\components.md","lastUpdated":1696368478000}');
-const data = JSON.parse('{"title":"Components","description":"","frontmatter":{"title":"Components","title_zh-CN":"自定义组件","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动组件注册","slug":"自动组件注册","link":"#自动组件注册","children":[]},{"level":2,"title":"Automatic Component Registration","slug":"automatic-component-registration","link":"#automatic-component-registration","children":[{"level":3,"title":"自定义覆盖主题组件","slug":"自定义覆盖主题组件","link":"#自定义覆盖主题组件","children":[]},{"level":3,"title":"Custom Override Theme Component","slug":"custom-override-theme-component","link":"#custom-override-theme-component","children":[]},{"level":3,"title":"更多示例","slug":"更多示例","link":"#更多示例","children":[]},{"level":3,"title":"More Examples","slug":"more-examples","link":"#more-examples","children":[]},{"level":3,"title":"插入不蒜子统计","slug":"插入不蒜子统计","link":"#插入不蒜子统计","children":[]},{"level":3,"title":"Insert Busuanzi Statistics","slug":"insert-busuanzi-statistics","link":"#insert-busuanzi-statistics","children":[]},{"level":3,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":3,"title":"Other","slug":"other","link":"#other","children":[]}]}],"relativePath":"pages/guide/custom/components.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\components.md","lastUpdated":1696368478000}');
-const _sfc_main = {
-  name: "pages/guide/custom/components.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="automatic-component-registration" tabindex="-1"${_scopeId}>Automatic Component Registration `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#automatic-component-registration",
-          "aria-label": 'Permalink to "Automatic Component Registration {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}>新建 <code${_scopeId}>components</code> 文件夹，书写任意 Vue 组件。 它们会被自动注册，你甚至可以在你的 Markdown 文件中使用它。</p><p${_scopeId}>如果存在与主题、Valaxy 的同名组件，覆盖顺序为 <code${_scopeId}>用户目录</code> -&gt; <code${_scopeId}>主题目录</code> -&gt; <code${_scopeId}>Valaxy 客户端目录</code>。 这也意味着你可以只覆盖主题的某个组件，来达到自定义局部主题的效果！</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create <code${_scopeId}>components</code> folder, write any Vue components. They will be registered automatically and you can even use them in your Markdown files.</p><p${_scopeId}>If there are components with the same name as the theme and Valaxy, the order of overriding is <code${_scopeId}>user directory</code> -&gt; <code${_scopeId}>theme directory</code> -&gt; <code${_scopeId}>Valaxy client directory</code>.</p><p${_scopeId}>This also means that you can cover one component of the theme to achieve customizing the local theme!</p></div><h3 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(`</h3><h3 lang="en" id="custom-override-theme-component" tabindex="-1"${_scopeId}>Custom Override Theme Component `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#custom-override-theme-component",
-          "aria-label": 'Permalink to "Custom Override Theme Component {lang="en"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>基于此，你可以非常容易地自定义主题的任何地方！</p><p${_scopeId}>譬如自定义页脚：</p><blockquote${_scopeId}><p${_scopeId}>可参见 `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/blob/main/demo/yun/components/YunFooter.vue",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`demo/yun/components/YunFooter.vue | GitHub`);
-            } else {
-              return [
-                createTextVNode("demo/yun/components/YunFooter.vue | GitHub")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</p></blockquote><p${_scopeId}>在博客文件夹中 <code${_scopeId}>components</code> 目录下，新建 <code${_scopeId}>YunFooter.vue</code> 覆盖你的主题页脚文件。</p><p${_scopeId}>你可以直接替换掉页脚内容：</p><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}>&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;页脚内容&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}>&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;页脚内容&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><p${_scopeId}>也可以继承扩展此前的页脚：</p><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}>&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}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#39;</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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    自定义页脚内容</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</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}>&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}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#39;</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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    自定义页脚内容</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</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><div lang="en"${_scopeId}><p${_scopeId}>Based on this, you can easily customize the theme anywhere!</p><p${_scopeId}>For example, custom footer:</p><blockquote${_scopeId}><p${_scopeId}>Refer to `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/blob/main/demo/yun/components/YunFooter.vue",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`demo/yun/components/YunFooter.vue | GitHub`);
-            } else {
-              return [
-                createTextVNode("demo/yun/components/YunFooter.vue | GitHub")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</p></blockquote><p${_scopeId}>In the <code${_scopeId}>components</code> directory of the blog folder, create a new <code${_scopeId}>YunFooter.vue</code> to overwrite the footer file of your theme.</p><p${_scopeId}>You can replace the footer directly:</p><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}>&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;Footer content&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}>&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;Footer content&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><p${_scopeId}>You can also inherit and extend the previous footer:</p><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}>&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}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#39;</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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    Customize footer content</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</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}>&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}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#39;</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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    Customize footer content</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</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><h3 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(`</h3><h3 lang="en" id="more-examples" tabindex="-1"${_scopeId}>More Examples `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#more-examples",
-          "aria-label": 'Permalink to "More Examples {lang="en"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h3><h3 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(`</h3><h3 lang="en" id="insert-busuanzi-statistics" tabindex="-1"${_scopeId}>Insert Busuanzi Statistics `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#insert-busuanzi-statistics",
-          "aria-label": 'Permalink to "Insert Busuanzi Statistics {lang="en"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h3><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "http://ibruce.info/2015/04/04/busuanzi/",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`不蒜子统计`);
-            } else {
-              return [
-                createTextVNode("不蒜子统计")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</p></blockquote><p${_scopeId}>以 valaxy-theme-yun 为例：</p><blockquote${_scopeId}><p${_scopeId}>默认指在你的博客文件夹下进行操作。</p></blockquote><p${_scopeId}>在 <code${_scopeId}>components/</code> 文件夹下新建 <code${_scopeId}>YunFooter.vue</code> 以自定义页脚并显示不蒜子统计。 你可以根据你的需要自由定制它的样式。</p><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}>&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 style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>&lt;!-- 自定义页脚内容 --&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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</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}>&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 style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>&lt;!-- 自定义页脚内容 --&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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</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><p${_scopeId}>在 <code${_scopeId}>components/</code> 文件夹下新建 <code${_scopeId}>YunPostMeta.vue</code> 以自定义每篇文章的信息并显示不蒜子单篇文章统计。</p><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}>&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}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { Post } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { useLayout } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> YunPostMeta </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunPostMeta.vue&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineProps</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;{</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>frontmatter</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>Post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>}&gt;()</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 仅在 Post 布局显示</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isPost</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>useLayout</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;post&#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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunPostMeta</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>:frontmatter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;frontmatter&quot;</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}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>v-if</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;isPost&quot;</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_container_page_pv&quot;</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}>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_page_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; 次</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunPostMeta</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}>&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}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { Post } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { useLayout } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> YunPostMeta </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunPostMeta.vue&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineProps</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;{</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>frontmatter</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>Post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>}&gt;()</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 仅在 Post 布局显示</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isPost</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>useLayout</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;post&#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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunPostMeta</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>:frontmatter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;frontmatter&quot;</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}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>v-if</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;isPost&quot;</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_container_page_pv&quot;</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}>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_page_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; 次</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunPostMeta</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><p${_scopeId}>原理即覆盖组件，您还可以自由覆盖主题的任意其他组件。</p></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "http://ibruce.info/2015/04/04/busuanzi/",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`Busuanzi Statistics`);
-            } else {
-              return [
-                createTextVNode("Busuanzi Statistics")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</p></blockquote><p${_scopeId}>Take valaxy-theme-yun as an example:</p><blockquote${_scopeId}><p${_scopeId}>By default, operate in your blog folder.</p></blockquote><p${_scopeId}>Create a new <code${_scopeId}>YunFooter.vue</code> under the <code${_scopeId}>components/</code> folder to customize the footer and display <em${_scopeId}>Busuanzi Statistics</em>. You can customize its style freely according to your needs.</p><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}>&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 style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>&lt;!-- customize footer content --&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;Total visits of this site &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;Number of visitors &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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunFooter</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}>&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 style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> YunFooter </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunFooter.vue&#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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>&lt;!-- customize footer content --&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;Total visits of this site &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;Number of visitors &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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunFooter</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><p${_scopeId}>Create a new <code${_scopeId}>YunPostMeta.vue</code> under the <code${_scopeId}>components/</code> folder to customize the information of each article and display the statistics of each article.</p><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}>&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}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { Post } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { useLayout } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> YunPostMeta </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunPostMeta.vue&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineProps</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;{</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>frontmatter</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>Post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>}&gt;()</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Display only in Post layout</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isPost</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>useLayout</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;post&#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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunPostMeta</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>:frontmatter</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;frontmatter&quot;</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}>span</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>v-if</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;isPost&quot;</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_container_page_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      Total reading of this article &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_page_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;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>span</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": "#FDAEB7", "font-style": "italic" })}"${_scopeId}>YunPostMeta</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}>&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}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>type</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { Post } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { useLayout } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy&#39;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> YunPostMeta </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;valaxy-theme-yun/components/YunPostMeta.vue&#39;</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineProps</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;{</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>frontmatter</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>:</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>Post</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>}&gt;()</span></span>
-<span class="line"${_scopeId}></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Display only in Post layout</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isPost</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>useLayout</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;post&#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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunPostMeta</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>:frontmatter</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;frontmatter&quot;</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}>span</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>v-if</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;isPost&quot;</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_container_page_pv&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      Total reading of this article &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_page_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;</span></span>
-<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>span</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": "#B31D28", "font-style": "italic" })}"${_scopeId}>YunPostMeta</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><p${_scopeId}>The principle is to cover components. You can also freely cover any other components of the theme.</p></div><h3 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(`</h3><h3 lang="en" id="other" tabindex="-1"${_scopeId}>Other `);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          class: "header-anchor",
-          href: "#other",
-          "aria-label": 'Permalink to "Other {lang="en"}"'
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`​`);
-            } else {
-              return [
-                createTextVNode("​")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`valaxy-addon-components`);
-            } else {
-              return [
-                createTextVNode("valaxy-addon-components")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(` 也是一个充分利用该机制的插件，你也可以参考它的实现方式，以 Valaxy 插件的形式自由发布你的自定义组件。</p><blockquote${_scopeId}><p${_scopeId}>由于发布的是原生的 Vue 组件，所以打包时它将会完全是<strong${_scopeId}>按需</strong>的，无需您额外担忧。</p></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`valaxy-addon-components`);
-            } else {
-              return [
-                createTextVNode("valaxy-addon-components")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(` is also a plugin that makes full use of this mechanism. You can also refer to its implementation method and freely publish your custom components in the form of Valaxy plugin.</p><blockquote${_scopeId}><p${_scopeId}>Because Vue components published is native, it will be completely <strong${_scopeId}>on-demand</strong> when packaging, without your extra worry.</p></blockquote></div><p${_scopeId}>`);
-        _push2(ssrRenderComponent(_component_AppLink, {
-          href: "https://yun.valaxy.site/examples/addons/components",
-          target: "_blank",
-          rel: "noreferrer"
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`使用 valaxy-addon-components 插入公共组件的示例`);
-            } else {
-              return [
-                createTextVNode("使用 valaxy-addon-components 插入公共组件的示例")
-              ];
-            }
-          }),
-          _: 1
-          /* STABLE */
-        }, _parent2, _scopeId));
-        _push2(`</p>`);
-      } 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: "automatic-component-registration",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Automatic Component Registration "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#automatic-component-registration",
-              "aria-label": 'Permalink to "Automatic Component Registration {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createTextVNode("新建 "),
-              createVNode("code", null, "components"),
-              createTextVNode(" 文件夹，书写任意 Vue 组件。 它们会被自动注册，你甚至可以在你的 Markdown 文件中使用它。")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("如果存在与主题、Valaxy 的同名组件，覆盖顺序为 "),
-              createVNode("code", null, "用户目录"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "主题目录"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "Valaxy 客户端目录"),
-              createTextVNode("。 这也意味着你可以只覆盖主题的某个组件，来达到自定义局部主题的效果！")
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createTextVNode("Create "),
-              createVNode("code", null, "components"),
-              createTextVNode(" folder, write any Vue components. They will be registered automatically and you can even use them in your Markdown files.")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("If there are components with the same name as the theme and Valaxy, the order of overriding is "),
-              createVNode("code", null, "user directory"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "theme directory"),
-              createTextVNode(" -> "),
-              createVNode("code", null, "Valaxy client directory"),
-              createTextVNode(".")
-            ]),
-            createVNode("p", null, "This also means that you can cover one component of the theme to achieve customizing the local theme!")
-          ]),
-          createVNode("h3", {
-            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("h3", {
-            lang: "en",
-            id: "custom-override-theme-component",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Custom Override Theme Component "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#custom-override-theme-component",
-              "aria-label": 'Permalink to "Custom Override Theme Component {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, "基于此，你可以非常容易地自定义主题的任何地方！"),
-            createVNode("p", null, "譬如自定义页脚："),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("可参见 "),
-                createVNode(_component_AppLink, {
-                  href: "https://github.com/YunYouJun/valaxy/blob/main/demo/yun/components/YunFooter.vue",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("demo/yun/components/YunFooter.vue | GitHub")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ]),
-            createVNode("p", null, [
-              createTextVNode("在博客文件夹中 "),
-              createVNode("code", null, "components"),
-              createTextVNode(" 目录下，新建 "),
-              createVNode("code", null, "YunFooter.vue"),
-              createTextVNode(" 覆盖你的主题页脚文件。")
-            ]),
-            createVNode("p", null, "你可以直接替换掉页脚内容："),
-            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" } }, "<"),
-                    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" } }, ">页脚内容</"),
-                    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" } }, "<"),
-                    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" } }, ">页脚内容</"),
-                    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("p", null, "也可以继承扩展此前的页脚："),
-            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" } }, "<"),
-                    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" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    自定义页脚内容")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    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" } }, "<"),
-                    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" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    自定义页脚内容")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    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", { lang: "en" }, [
-            createVNode("p", null, "Based on this, you can easily customize the theme anywhere!"),
-            createVNode("p", null, "For example, custom footer:"),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("Refer to "),
-                createVNode(_component_AppLink, {
-                  href: "https://github.com/YunYouJun/valaxy/blob/main/demo/yun/components/YunFooter.vue",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("demo/yun/components/YunFooter.vue | GitHub")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ]),
-            createVNode("p", null, [
-              createTextVNode("In the "),
-              createVNode("code", null, "components"),
-              createTextVNode(" directory of the blog folder, create a new "),
-              createVNode("code", null, "YunFooter.vue"),
-              createTextVNode(" to overwrite the footer file of your theme.")
-            ]),
-            createVNode("p", null, "You can replace the footer directly:"),
-            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" } }, "<"),
-                    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" } }, ">Footer content</"),
-                    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" } }, "<"),
-                    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" } }, ">Footer content</"),
-                    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("p", null, "You can also inherit and extend the previous footer:"),
-            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" } }, "<"),
-                    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" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    Customize footer content")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    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" } }, "<"),
-                    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" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    Customize footer content")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    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("h3", {
-            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("h3", {
-            lang: "en",
-            id: "more-examples",
-            tabindex: "-1"
-          }, [
-            createTextVNode("More Examples "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#more-examples",
-              "aria-label": 'Permalink to "More Examples {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("h3", {
-            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("h3", {
-            lang: "en",
-            id: "insert-busuanzi-statistics",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Insert Busuanzi Statistics "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#insert-busuanzi-statistics",
-              "aria-label": 'Permalink to "Insert Busuanzi Statistics {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createVNode(_component_AppLink, {
-                  href: "http://ibruce.info/2015/04/04/busuanzi/",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("不蒜子统计")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ]),
-            createVNode("p", null, "以 valaxy-theme-yun 为例："),
-            createVNode("blockquote", null, [
-              createVNode("p", null, "默认指在你的博客文件夹下进行操作。")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("在 "),
-              createVNode("code", null, "components/"),
-              createTextVNode(" 文件夹下新建 "),
-              createVNode("code", null, "YunFooter.vue"),
-              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" } }, "<"),
-                    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" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "<!-- 自定义页脚内容 -->")
-                  ]),
-                  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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    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" } }, "<"),
-                    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" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "<!-- 自定义页脚内容 -->")
-                  ]),
-                  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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    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("p", null, [
-              createTextVNode("在 "),
-              createVNode("code", null, "components/"),
-              createTextVNode(" 文件夹下新建 "),
-              createVNode("code", null, "YunPostMeta.vue"),
-              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" } }, "<"),
-                    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" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "type"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { Post } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { useLayout } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " YunPostMeta "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunPostMeta.vue'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#B392F0" } }, "defineProps"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<{")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#FFAB70" } }, "frontmatter"),
-                    createVNode("span", { style: { "color": "#F97583" } }, ":"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "Post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "}>()")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// 仅在 Post 布局显示")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "isPost"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "="),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "useLayout"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'post'"),
-                    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": "#FDAEB7", "font-style": "italic" } }, "YunPostMeta"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, ":frontmatter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"frontmatter"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "v-if"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"isPost"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_container_page_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    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_page_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "> 次")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    </"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "YunPostMeta"),
-                    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" } }, "<"),
-                    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" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "type"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { Post } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { useLayout } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " YunPostMeta "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunPostMeta.vue'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineProps"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "<{")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#E36209" } }, "frontmatter"),
-                    createVNode("span", { style: { "color": "#D73A49" } }, ":"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "Post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "}>()")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// 仅在 Post 布局显示")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "isPost"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "useLayout"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'post'"),
-                    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": "#B31D28", "font-style": "italic" } }, "YunPostMeta"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, ":frontmatter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"frontmatter"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "v-if"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"isPost"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_container_page_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    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_page_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "> 次")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    </"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "YunPostMeta"),
-                    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("p", null, "原理即覆盖组件，您还可以自由覆盖主题的任意其他组件。")
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createVNode(_component_AppLink, {
-                  href: "http://ibruce.info/2015/04/04/busuanzi/",
-                  target: "_blank",
-                  rel: "noreferrer"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("Busuanzi Statistics")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
-            ]),
-            createVNode("p", null, "Take valaxy-theme-yun as an example:"),
-            createVNode("blockquote", null, [
-              createVNode("p", null, "By default, operate in your blog folder.")
-            ]),
-            createVNode("p", null, [
-              createTextVNode("Create a new "),
-              createVNode("code", null, "YunFooter.vue"),
-              createTextVNode(" under the "),
-              createVNode("code", null, "components/"),
-              createTextVNode(" folder to customize the footer and display "),
-              createVNode("em", null, "Busuanzi Statistics"),
-              createTextVNode(". You can customize its style freely according to your needs.")
-            ]),
-            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" } }, "<"),
-                    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" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "<!-- customize footer content -->")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "div"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">Total visits of this site <"),
-                    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" } }, ">Number of visitors <"),
-                    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": "#FDAEB7", "font-style": "italic" } }, "YunFooter"),
-                    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" } }, "<"),
-                    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" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " YunFooter "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunFooter.vue'")
-                  ]),
-                  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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    "),
-                    createVNode("span", { style: { "color": "#6A737D" } }, "<!-- customize footer content -->")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "div"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">Total visits of this site <"),
-                    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" } }, ">Number of visitors <"),
-                    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": "#B31D28", "font-style": "italic" } }, "YunFooter"),
-                    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("p", null, [
-              createTextVNode("Create a new "),
-              createVNode("code", null, "YunPostMeta.vue"),
-              createTextVNode(" under the "),
-              createVNode("code", null, "components/"),
-              createTextVNode(" folder to customize the information of each article and display the statistics of each article.")
-            ]),
-            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" } }, "<"),
-                    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" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "type"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { Post } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { useLayout } "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " YunPostMeta "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy-theme-yun/components/YunPostMeta.vue'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#B392F0" } }, "defineProps"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "<{")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
-                    createVNode("span", { style: { "color": "#FFAB70" } }, "frontmatter"),
-                    createVNode("span", { style: { "color": "#F97583" } }, ":"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "Post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "}>()")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// Display only in Post layout")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#79B8FF" } }, "isPost"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#F97583" } }, "="),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "useLayout"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'post'"),
-                    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": "#FDAEB7", "font-style": "italic" } }, "YunPostMeta"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, ":frontmatter"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"frontmatter"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    <"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "v-if"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"isPost"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#B392F0" } }, "id"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
-                    createVNode("span", { style: { "color": "#9ECBFF" } }, '"busuanzi_container_page_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "      Total reading of this article <"),
-                    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_page_pv"'),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "    </"),
-                    createVNode("span", { style: { "color": "#85E89D" } }, "span"),
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
-                    createVNode("span", { style: { "color": "#FDAEB7", "font-style": "italic" } }, "YunPostMeta"),
-                    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" } }, "<"),
-                    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" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "type"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { Post } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " { useLayout } "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "import"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " YunPostMeta "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy-theme-yun/components/YunPostMeta.vue'")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineProps"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "<{")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
-                    createVNode("span", { style: { "color": "#E36209" } }, "frontmatter"),
-                    createVNode("span", { style: { "color": "#D73A49" } }, ":"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "Post")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "}>()")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#6A737D" } }, "// Display only in Post layout")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#005CC5" } }, "isPost"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "useLayout"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "("),
-                    createVNode("span", { style: { "color": "#032F62" } }, "'post'"),
-                    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": "#B31D28", "font-style": "italic" } }, "YunPostMeta"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, ":frontmatter"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"frontmatter"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    <"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "v-if"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"isPost"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#6F42C1" } }, "id"),
-                    createVNode("span", { style: { "color": "#24292E" } }, "="),
-                    createVNode("span", { style: { "color": "#032F62" } }, '"busuanzi_container_page_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "      Total reading of this article <"),
-                    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_page_pv"'),
-                    createVNode("span", { style: { "color": "#24292E" } }, " "),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "/"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "    </"),
-                    createVNode("span", { style: { "color": "#22863A" } }, "span"),
-                    createVNode("span", { style: { "color": "#24292E" } }, ">")
-                  ]),
-                  createTextVNode("\n"),
-                  createVNode("span", { class: "line" }, [
-                    createVNode("span", { style: { "color": "#24292E" } }, "  </"),
-                    createVNode("span", { style: { "color": "#B31D28", "font-style": "italic" } }, "YunPostMeta"),
-                    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("p", null, "The principle is to cover components. You can also freely cover any other components of the theme.")
-          ]),
-          createVNode("h3", {
-            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("h3", {
-            lang: "en",
-            id: "other",
-            tabindex: "-1"
-          }, [
-            createTextVNode("Other "),
-            createVNode(_component_AppLink, {
-              class: "header-anchor",
-              href: "#other",
-              "aria-label": 'Permalink to "Other {lang="en"}"'
-            }, {
-              default: withCtx(() => [
-                createTextVNode("​")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          createVNode("div", { lang: "zh-CN" }, [
-            createVNode("p", null, [
-              createVNode(_component_AppLink, {
-                href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
-                target: "_blank",
-                rel: "noreferrer"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("valaxy-addon-components")
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createTextVNode(" 也是一个充分利用该机制的插件，你也可以参考它的实现方式，以 Valaxy 插件的形式自由发布你的自定义组件。")
-            ]),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("由于发布的是原生的 Vue 组件，所以打包时它将会完全是"),
-                createVNode("strong", null, "按需"),
-                createTextVNode("的，无需您额外担忧。")
-              ])
-            ])
-          ]),
-          createVNode("div", { lang: "en" }, [
-            createVNode("p", null, [
-              createVNode(_component_AppLink, {
-                href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-addon-components",
-                target: "_blank",
-                rel: "noreferrer"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("valaxy-addon-components")
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createTextVNode(" is also a plugin that makes full use of this mechanism. You can also refer to its implementation method and freely publish your custom components in the form of Valaxy plugin.")
-            ]),
-            createVNode("blockquote", null, [
-              createVNode("p", null, [
-                createTextVNode("Because Vue components published is native, it will be completely "),
-                createVNode("strong", null, "on-demand"),
-                createTextVNode(" when packaging, without your extra worry.")
-              ])
-            ])
-          ]),
-          createVNode("p", null, [
-            createVNode(_component_AppLink, {
-              href: "https://yun.valaxy.site/examples/addons/components",
-              target: "_blank",
-              rel: "noreferrer"
-            }, {
-              default: withCtx(() => [
-                createTextVNode("使用 valaxy-addon-components 插入公共组件的示例")
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ])
-        ];
-      }
-    }),
-    "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/custom/components.md");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const components = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-export {
-  __pageData,
-  components as default
-};