valaxy 0.15.10 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/tbbjcbuyn2/assets/extend-975f8f72.js

@@ -0,0 +1,1851 @@
+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":"Custom Extensions","description":"","frontmatter":{"title":"Custom Extensions","title_zh-CN":"自定义扩展","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动布局注册","slug":"自动布局注册","link":"#自动布局注册","children":[]},{"level":2,"title":"Automatic Layout Registration","slug":"automatic-layout-registration","link":"#automatic-layout-registration","children":[]},{"level":2,"title":"自定义 index.html","slug":"自定义-index-html","link":"#自定义-index-html","children":[]},{"level":2,"title":"Customizing index.html","slug":"customizing-index-html","link":"#customizing-index-html","children":[]},{"level":2,"title":"扩展 Client 上下文","slug":"扩展-client-上下文","link":"#扩展-client-上下文","children":[]},{"level":2,"title":"Extending Client Context","slug":"extending-client-context","link":"#extending-client-context","children":[]},{"level":2,"title":"多语言支持","slug":"多语言支持","link":"#多语言支持","children":[]},{"level":2,"title":"I18n","slug":"i18n","link":"#i18n","children":[]},{"level":2,"title":"模版文件","slug":"模版文件","link":"#模版文件","children":[]},{"level":2,"title":"Template Files","slug":"template-files","link":"#template-files","children":[]},{"level":2,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":2,"title":"Others","slug":"others","link":"#others","children":[]}],"relativePath":"pages/guide/custom/extend.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\extend.md","lastUpdated":1696368478000}');
+const data = JSON.parse('{"title":"Custom Extensions","description":"","frontmatter":{"title":"Custom Extensions","title_zh-CN":"自定义扩展","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动布局注册","slug":"自动布局注册","link":"#自动布局注册","children":[]},{"level":2,"title":"Automatic Layout Registration","slug":"automatic-layout-registration","link":"#automatic-layout-registration","children":[]},{"level":2,"title":"自定义 index.html","slug":"自定义-index-html","link":"#自定义-index-html","children":[]},{"level":2,"title":"Customizing index.html","slug":"customizing-index-html","link":"#customizing-index-html","children":[]},{"level":2,"title":"扩展 Client 上下文","slug":"扩展-client-上下文","link":"#扩展-client-上下文","children":[]},{"level":2,"title":"Extending Client Context","slug":"extending-client-context","link":"#extending-client-context","children":[]},{"level":2,"title":"多语言支持","slug":"多语言支持","link":"#多语言支持","children":[]},{"level":2,"title":"I18n","slug":"i18n","link":"#i18n","children":[]},{"level":2,"title":"模版文件","slug":"模版文件","link":"#模版文件","children":[]},{"level":2,"title":"Template Files","slug":"template-files","link":"#template-files","children":[]},{"level":2,"title":"其他","slug":"其他","link":"#其他","children":[]},{"level":2,"title":"Others","slug":"others","link":"#others","children":[]}],"relativePath":"pages/guide/custom/extend.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\extend.md","lastUpdated":1696368478000}');
+const _sfc_main = {
+  name: "pages/guide/custom/extend.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(`<div lang="zh-CN"${_scopeId}><p${_scopeId}>Valaxy 以约定大于配置的方式提供了强大的扩展功能，如果你有一定开发经验，可以自定义控制站点的每一处细节。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy provides strong extensibility by &quot;Convension over Configuration&quot;. If you have some development experience, you should be able to control every detail in the website.</p></div><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>以下内容无论对于用户还是主题开发者来说都同样适用。</p></blockquote><div class="tip custom-block"${_scopeId}><p class="custom-block-title"${_scopeId}><i class="icon i-carbon-thumbs-up"${_scopeId}></i><span lang="en"${_scopeId}>TIP</span><span lang="zh-CN"${_scopeId}>提示</span></p><p${_scopeId}>默认在用户站点根目录或主题根目录下操作。</p><p${_scopeId}>如果你想要有所参考，你可以参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`valaxy-theme-yun`);
+            } else {
+              return [
+                createTextVNode("valaxy-theme-yun")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></div></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>The following content applies to either users or theme developers.</p></blockquote><div class="tip custom-block"${_scopeId}><p class="custom-block-title"${_scopeId}><i class="icon i-carbon-thumbs-up"${_scopeId}></i><span lang="en"${_scopeId}>TIP</span><span lang="zh-CN"${_scopeId}>提示</span></p><p${_scopeId}>By default, the operations are done in the root directory of the site or the theme.</p><p${_scopeId}>If you want some reference, you can refer to `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`valaxy-theme-yun`);
+            } else {
+              return [
+                createTextVNode("valaxy-theme-yun")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p></div></div><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-layout-registration" tabindex="-1"${_scopeId}>Automatic Layout Registration `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#automatic-layout-registration",
+          "aria-label": 'Permalink to "Automatic Layout 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}>基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vite-plugin-vue-layouts`);
+            } else {
+              return [
+                createTextVNode("vite-plugin-vue-layouts")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`，Valaxy 提供了布局功能。</p><p${_scopeId}>新建 <code${_scopeId}>layouts</code> 文件，书写 Vue 组件作为布局。</p><p${_scopeId}>你可以在 Markdown 中如下使用它。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy provides custom layouts based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vite-plugin-vue-layouts`);
+            } else {
+              return [
+                createTextVNode("vite-plugin-vue-layouts")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p><p${_scopeId}>Create a <code${_scopeId}>layouts</code> file, and write Vue components as layouts.</p><p${_scopeId}>You can use it in your Markdown as follows.</p></div><div class="language-md"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>md</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>---</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>title</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>Photos</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>layout</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>album</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>---</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>---</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>title</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>Photos</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>layout</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>album</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>---</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>同样，当存在同名布局时，覆盖顺序为 <code${_scopeId}>用户目录</code> -&gt; <code${_scopeId}>主题目录</code> -&gt; <code${_scopeId}>Valaxy 客户端目录</code>。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Likewise, when there are layouts with the same name, the order to use is <code${_scopeId}>user directory</code> -&gt; <code${_scopeId}>theme directory</code> -&gt; <code${_scopeId}>Valaxy directory</code>.</p></div><h2 lang="zh-CN" id="自定义-index-html" tabindex="-1"${_scopeId}>自定义 index.html `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#自定义-index-html",
+          "aria-label": 'Permalink to "自定义 index.html {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="customizing-index-html" tabindex="-1"${_scopeId}>Customizing index.html `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#customizing-index-html",
+          "aria-label": 'Permalink to "Customizing index.html {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}>index.html</code>，你可以在 <code${_scopeId}>&lt;head&gt;&lt;/head&gt;</code> 与 <code${_scopeId}>&lt;body&gt;&lt;/body&gt;</code> 全局地插入任意内容。</p><p${_scopeId}>譬如：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create a new <code${_scopeId}>index.html</code> file. You can globally insert anything in between <code${_scopeId}>&lt;head&gt;&lt;/head&gt;</code> or <code${_scopeId}>&lt;body&gt;&lt;/body&gt;</code> tags.</p><p${_scopeId}>For example:</p></div><div class="language-html"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>html</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}>head</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}>link</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>rel</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;stylesheet&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>href</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css&quot;</span></span>
+<span class="line"${_scopeId}><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}>head</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}>head</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}>link</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>rel</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;stylesheet&quot;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>href</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css&quot;</span></span>
+<span class="line"${_scopeId}><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}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span></code></pre></div><h2 lang="zh-CN" id="扩展-client-上下文" tabindex="-1"${_scopeId}>扩展 Client 上下文 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#扩展-client-上下文",
+          "aria-label": 'Permalink to "扩展 Client 上下文 {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="extending-client-context" tabindex="-1"${_scopeId}>Extending Client Context `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#extending-client-context",
+          "aria-label": 'Permalink to "Extending Client Context {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}>setup/main.ts</code>：</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineAppSetup } </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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> ctx</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 任意使用 Vue 生态的插件</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>})</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineAppSetup } </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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> ctx</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// 任意使用 Vue 生态的插件</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><blockquote${_scopeId}><p${_scopeId}>具体示例可参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`谷歌统计｜第三方集成`);
+            } else {
+              return [
+                createTextVNode("谷歌统计｜第三方集成")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>Create a new file <code${_scopeId}>setup/main.ts</code>:</p><div class="language-ts"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>ts</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineAppSetup } </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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> ctx</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Use any Vue plugins</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>})</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineAppSetup } </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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>export</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>default</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>defineAppSetup</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>((</span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>ctx</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>) </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  console.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>log</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(ctx)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>app</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>head</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>router</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>routes</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>isClient</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> ctx</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// Use any Vue plugins</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  app.</span><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>use</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>(</span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>/* */</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>)</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><blockquote${_scopeId}><p${_scopeId}>For a detailed example, please see `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Google Analytics | Third Party Integration`);
+            } else {
+              return [
+                createTextVNode("Google Analytics | Third Party Integration")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></blockquote></div><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="i18n" tabindex="-1"${_scopeId}>I18n `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#i18n",
+          "aria-label": 'Permalink to "I18n {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}>locales</code> 文件夹。</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>zh-CN.yml</code>: 中文翻译</li><li${_scopeId}><code${_scopeId}>en.yml</code>: 英文翻译</li></ul><p${_scopeId}>譬如（请确保文件内容非空）：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create <code${_scopeId}>locales</code> folder.</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>zh-CN.yml</code>: Chinese translation</li><li${_scopeId}><code${_scopeId}>en.yml</code>: English translation</li></ul><p${_scopeId}>For example (make sure that the file is not empty):</p></div><div class="language-yaml"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>yaml</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># en.yml</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>:</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>About</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># en.yml</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>:</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>About</span></span></code></pre></div><div class="language-yaml"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>yaml</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># zh-CN.yml</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>:</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>关于</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># zh-CN.yml</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>:</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>about</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>关于</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>你可以如下方式使用它：</p></div><div lang="en"${_scopeId}><p${_scopeId}>You can use it like this:</p></div><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}>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}> { useI18n } </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;vue-i18n&#39;</span></span>
+<span class="line"${_scopeId}></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}>t</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}>useI18n</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>()</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    {{ t(&#39;button.about&#39;) }}</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#85E89D" })}"${_scopeId}>button</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}>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}> { useI18n } </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>from</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;vue-i18n&#39;</span></span>
+<span class="line"${_scopeId}></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}>t</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}>useI18n</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>()</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>script</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>template</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    {{ t(&#39;button.about&#39;) }}</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  &lt;/</span><span style="${ssrRenderStyle({ "color": "#22863A" })}"${_scopeId}>button</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><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="template-files" tabindex="-1"${_scopeId}>Template Files `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#template-files",
+          "aria-label": 'Permalink to "Template Files {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}>新建某类布局 Markdown 文件的模版。（开发中）</p><p${_scopeId}>新建 <code${_scopeId}>scaffolds</code> 文件夹。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Create some templates for Markdown layout. (Work in progress)</p><p${_scopeId}>Create <code${_scopeId}>scaffolds</code> folder.</p></div><div class="language-bash"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>bash</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>titl</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>e</span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>&gt;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> [layout]</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>&lt;</span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>titl</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>e</span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>&gt;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> [layout]</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><ul${_scopeId}><li${_scopeId}><code${_scopeId}>layout</code>: 默认为 <code${_scopeId}>post</code></li></ul><p${_scopeId}>新建 <code${_scopeId}>xxx.md</code>，xxx 取决于你的布局名称。 譬如 <code${_scopeId}>album.md</code> 代表 <code${_scopeId}>layout: album</code>。</p></div><div lang="en"${_scopeId}><ul${_scopeId}><li${_scopeId}><code${_scopeId}>layout</code>: Default is <code${_scopeId}>post</code></li></ul><p${_scopeId}>Create a new file <code${_scopeId}>xxx.md</code>, where <code${_scopeId}>xxx</code> is your layout name. For example, <code${_scopeId}>album.md</code> represents <code${_scopeId}>layout: album</code>.</p></div><div class="language-bash"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>bash</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>my-young</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>album</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>valaxy</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>new</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>my-young</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>-l</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>album</span></span></code></pre></div><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="others" tabindex="-1"${_scopeId}>Others `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#others",
+          "aria-label": 'Permalink to "Others {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}><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/styles" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`自定义样式 | Valaxy`);
+            } else {
+              return [
+                createTextVNode("自定义样式 | Valaxy")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul></div><div lang="en"${_scopeId}><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/styles" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Custom Styles | Valaxy`);
+            } else {
+              return [
+                createTextVNode("Custom Styles | Valaxy")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul></div>`);
+      } else {
+        return [
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "Valaxy 以约定大于配置的方式提供了强大的扩展功能，如果你有一定开发经验，可以自定义控制站点的每一处细节。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, 'Valaxy provides strong extensibility by "Convension over Configuration". If you have some development experience, you should be able to control every detail in the website.')
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "以下内容无论对于用户还是主题开发者来说都同样适用。")
+            ]),
+            createVNode("div", { class: "tip custom-block" }, [
+              createVNode("p", { class: "custom-block-title" }, [
+                createVNode("i", { class: "icon i-carbon-thumbs-up" }),
+                createVNode("span", { lang: "en" }, "TIP"),
+                createVNode("span", { lang: "zh-CN" }, "提示")
+              ]),
+              createVNode("p", null, "默认在用户站点根目录或主题根目录下操作。"),
+              createVNode("p", null, [
+                createTextVNode("如果你想要有所参考，你可以参见 "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("valaxy-theme-yun")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode("。")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "The following content applies to either users or theme developers.")
+            ]),
+            createVNode("div", { class: "tip custom-block" }, [
+              createVNode("p", { class: "custom-block-title" }, [
+                createVNode("i", { class: "icon i-carbon-thumbs-up" }),
+                createVNode("span", { lang: "en" }, "TIP"),
+                createVNode("span", { lang: "zh-CN" }, "提示")
+              ]),
+              createVNode("p", null, "By default, the operations are done in the root directory of the site or the theme."),
+              createVNode("p", null, [
+                createTextVNode("If you want some reference, you can refer to "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("valaxy-theme-yun")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(".")
+              ])
+            ])
+          ]),
+          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-layout-registration",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Automatic Layout Registration "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#automatic-layout-registration",
+              "aria-label": 'Permalink to "Automatic Layout Registration {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("基于 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("vite-plugin-vue-layouts")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("，Valaxy 提供了布局功能。")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "layouts"),
+              createTextVNode(" 文件，书写 Vue 组件作为布局。")
+            ]),
+            createVNode("p", null, "你可以在 Markdown 中如下使用它。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Valaxy provides custom layouts based on "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/JohnCampionJr/vite-plugin-vue-layouts",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("vite-plugin-vue-layouts")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(".")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("Create a "),
+              createVNode("code", null, "layouts"),
+              createTextVNode(" file, and write Vue components as layouts.")
+            ]),
+            createVNode("p", null, "You can use it in your Markdown as follows.")
+          ]),
+          createVNode("div", { class: "language-md" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "md"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "---")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#85E89D" } }, "title"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "Photos")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#85E89D" } }, "layout"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "album")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  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" } }, "---")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#22863A" } }, "title"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "Photos")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#22863A" } }, "layout"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "album")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "---")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("同样，当存在同名布局时，覆盖顺序为 "),
+              createVNode("code", null, "用户目录"),
+              createTextVNode(" -> "),
+              createVNode("code", null, "主题目录"),
+              createTextVNode(" -> "),
+              createVNode("code", null, "Valaxy 客户端目录"),
+              createTextVNode("。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Likewise, when there are layouts with the same name, the order to use is "),
+              createVNode("code", null, "user directory"),
+              createTextVNode(" -> "),
+              createVNode("code", null, "theme directory"),
+              createTextVNode(" -> "),
+              createVNode("code", null, "Valaxy directory"),
+              createTextVNode(".")
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "自定义-index-html",
+            tabindex: "-1"
+          }, [
+            createTextVNode("自定义 index.html "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#自定义-index-html",
+              "aria-label": 'Permalink to "自定义 index.html {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "customizing-index-html",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Customizing index.html "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#customizing-index-html",
+              "aria-label": 'Permalink to "Customizing index.html {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "index.html"),
+              createTextVNode("，你可以在 "),
+              createVNode("code", null, "<head></head>"),
+              createTextVNode(" 与 "),
+              createVNode("code", null, "<body></body>"),
+              createTextVNode(" 全局地插入任意内容。")
+            ]),
+            createVNode("p", null, "譬如：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Create a new "),
+              createVNode("code", null, "index.html"),
+              createTextVNode(" file. You can globally insert anything in between "),
+              createVNode("code", null, "<head></head>"),
+              createTextVNode(" or "),
+              createVNode("code", null, "<body></body>"),
+              createTextVNode(" tags.")
+            ]),
+            createVNode("p", null, "For example:")
+          ]),
+          createVNode("div", { class: "language-html" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "html"),
+            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" } }, "head"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "link")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "rel"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"stylesheet"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "href"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "="),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css"')
+                ]),
+                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": "#85E89D" } }, "head"),
+                  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" } }, "head"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  <"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "link")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "rel"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"stylesheet"')
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "href"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "="),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"https://cdn.jsdelivr.net/npm/star-markdown-css/dist/planet/planet-markdown.min.css"')
+                ]),
+                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": "#22863A" } }, "head"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "扩展-client-上下文",
+            tabindex: "-1"
+          }, [
+            createTextVNode("扩展 Client 上下文 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#扩展-client-上下文",
+              "aria-label": 'Permalink to "扩展 Client 上下文 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "extending-client-context",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Extending Client Context "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#extending-client-context",
+              "aria-label": 'Permalink to "Extending Client Context {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "setup/main.ts"),
+              createTextVNode("：")
+            ]),
+            createVNode("div", { class: "language-ts" }, [
+              createVNode("button", {
+                title: "Copy Code",
+                class: "copy"
+              }),
+              createVNode("span", { class: "lang" }, "ts"),
+              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineAppSetup } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "export"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "default"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "defineAppSetup"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(("),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "ctx"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ") "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "=>"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  console."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "log"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "app"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "head"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "router"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "routes"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "="),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ctx")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// 任意使用 Vue 生态的插件")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  app."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { defineAppSetup } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "export"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "default"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineAppSetup"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(("),
+                    createVNode("span", { style: { "color": "#E36209" } }, "ctx"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ") "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "=>"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  console."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "log"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "app"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "head"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "router"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "routes"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                    createVNode("span", { style: { "color": "#24292E" } }, " ctx")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// 任意使用 Vue 生态的插件")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  app."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "("),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ")")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("具体示例可参见 "),
+                createVNode(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
+                  default: withCtx(() => [
+                    createTextVNode("谷歌统计｜第三方集成")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode("。")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Create a new file "),
+              createVNode("code", null, "setup/main.ts"),
+              createTextVNode(":")
+            ]),
+            createVNode("div", { class: "language-ts" }, [
+              createVNode("button", {
+                title: "Copy Code",
+                class: "copy"
+              }),
+              createVNode("span", { class: "lang" }, "ts"),
+              createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineAppSetup } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "'valaxy'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#F97583" } }, "export"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "default"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "defineAppSetup"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(("),
+                    createVNode("span", { style: { "color": "#FFAB70" } }, "ctx"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ") "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "=>"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  console."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "log"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "app"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "head"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "router"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "routes"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                    createVNode("span", { style: { "color": "#79B8FF" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
+                    createVNode("span", { style: { "color": "#F97583" } }, "="),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " ctx")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// Use any Vue plugins")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "  app."),
+                    createVNode("span", { style: { "color": "#B392F0" } }, "use"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "("),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, ")")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    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": "#D73A49" } }, "import"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { defineAppSetup } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "'valaxy'")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#D73A49" } }, "export"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "default"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "defineAppSetup"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(("),
+                    createVNode("span", { style: { "color": "#E36209" } }, "ctx"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ") "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "=>"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " {")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  console."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "log"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "(ctx)")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " { "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "app"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "head"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "router"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "routes"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                    createVNode("span", { style: { "color": "#005CC5" } }, "isClient"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " } "),
+                    createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                    createVNode("span", { style: { "color": "#24292E" } }, " ctx")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "// Use any Vue plugins")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "  app."),
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "use"),
+                    createVNode("span", { style: { "color": "#24292E" } }, "("),
+                    createVNode("span", { style: { "color": "#6A737D" } }, "/* */"),
+                    createVNode("span", { style: { "color": "#24292E" } }, ")")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "})")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("For a detailed example, please see "),
+                createVNode(_component_AppLink, { href: "/guide/third-party/#谷歌统计" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Google Analytics | Third Party Integration")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode("。")
+              ])
+            ])
+          ]),
+          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: "i18n",
+            tabindex: "-1"
+          }, [
+            createTextVNode("I18n "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#i18n",
+              "aria-label": 'Permalink to "I18n {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "locales"),
+              createTextVNode(" 文件夹。")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "zh-CN.yml"),
+                createTextVNode(": 中文翻译")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "en.yml"),
+                createTextVNode(": 英文翻译")
+              ])
+            ]),
+            createVNode("p", null, "譬如（请确保文件内容非空）：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Create "),
+              createVNode("code", null, "locales"),
+              createTextVNode(" folder.")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "zh-CN.yml"),
+                createTextVNode(": Chinese translation")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "en.yml"),
+                createTextVNode(": English translation")
+              ])
+            ]),
+            createVNode("p", null, "For example (make sure that the file is not empty):")
+          ]),
+          createVNode("div", { class: "language-yaml" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "yaml"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# en.yml")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ":")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "about"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "About")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# en.yml")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ":")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#22863A" } }, "about"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "About")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { class: "language-yaml" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "yaml"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# zh-CN.yml")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ":")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "about"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "关于")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# zh-CN.yml")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ":")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#22863A" } }, "about"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "关于")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "你可以如下方式使用它：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "You can use it like this:")
+          ]),
+          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" } }, "setup"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { useI18n } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "from"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'vue-i18n'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "t"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " } "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "="),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#B392F0" } }, "useI18n"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "()")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "</"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "script"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "<"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "template"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  <"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    {{ t('button.about') }}")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  </"),
+                  createVNode("span", { style: { "color": "#85E89D" } }, "button"),
+                  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" } }, "setup"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { useI18n } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "from"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'vue-i18n'")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "t"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " } "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "useI18n"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "()")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "</"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "script"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "<"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "template"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  <"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ">")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    {{ t('button.about') }}")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  </"),
+                  createVNode("span", { style: { "color": "#22863A" } }, "button"),
+                  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("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: "template-files",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Template Files "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#template-files",
+              "aria-label": 'Permalink to "Template Files {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "新建某类布局 Markdown 文件的模版。（开发中）"),
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "scaffolds"),
+              createTextVNode(" 文件夹。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Create some templates for Markdown layout. (Work in progress)"),
+            createVNode("p", null, [
+              createTextVNode("Create "),
+              createVNode("code", null, "scaffolds"),
+              createTextVNode(" folder.")
+            ])
+          ]),
+          createVNode("div", { class: "language-bash" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "bash"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "new"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "<"),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "titl"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "e"),
+                  createVNode("span", { style: { "color": "#F97583" } }, ">"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "-l"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " [layout]")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "new"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "<"),
+                  createVNode("span", { style: { "color": "#032F62" } }, "titl"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "e"),
+                  createVNode("span", { style: { "color": "#D73A49" } }, ">"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "-l"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " [layout]")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "layout"),
+                createTextVNode(": 默认为 "),
+                createVNode("code", null, "post")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "xxx.md"),
+              createTextVNode("，xxx 取决于你的布局名称。 譬如 "),
+              createVNode("code", null, "album.md"),
+              createTextVNode(" 代表 "),
+              createVNode("code", null, "layout: album"),
+              createTextVNode("。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "layout"),
+                createTextVNode(": Default is "),
+                createVNode("code", null, "post")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("Create a new file "),
+              createVNode("code", null, "xxx.md"),
+              createTextVNode(", where "),
+              createVNode("code", null, "xxx"),
+              createTextVNode(" is your layout name. For example, "),
+              createVNode("code", null, "album.md"),
+              createTextVNode(" represents "),
+              createVNode("code", null, "layout: album"),
+              createTextVNode(".")
+            ])
+          ]),
+          createVNode("div", { class: "language-bash" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "bash"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "new"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "my-young"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "-l"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "album")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "valaxy"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "new"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "my-young"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "-l"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "album")
+                ])
+              ])
+            ])
+          ]),
+          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: "others",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Others "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#others",
+              "aria-label": 'Permalink to "Others {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, { href: "/guide/custom/styles" }, {
+                  default: withCtx(() => [
+                    createTextVNode("自定义样式 | Valaxy")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, { href: "/guide/custom/styles" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Custom Styles | Valaxy")
+                  ]),
+                  _: 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/extend.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const extend = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  extend as default
+};