valaxy 0.15.10 → 0.15.11-alpha.0

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

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