valaxy 0.15.9 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/vp12eb5cgm/assets/features-8acbd53d.js

@@ -0,0 +1,2625 @@
+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":"Features","description":"","frontmatter":{"title":"Features","title_zh-CN":"亮点","categories":["getting-started"],"end":false,"top":98},"headers":[{"level":2,"title":"热更新","slug":"热更新","link":"#热更新","children":[]},{"level":2,"title":"Hot Reloading","slug":"hot-reloading","link":"#hot-reloading","children":[]},{"level":2,"title":"自定义","slug":"自定义","link":"#自定义","children":[]},{"level":2,"title":"Customization","slug":"customization","link":"#customization","children":[]},{"level":2,"title":"UnoCSS","slug":"unocss","link":"#unocss","children":[]},{"level":2,"title":"Icones","slug":"icones","link":"#icones","children":[]},{"level":2,"title":"UI","slug":"ui","link":"#ui","children":[{"level":3,"title":"代码高亮","slug":"代码高亮","link":"#代码高亮","children":[]},{"level":3,"title":"Syntax Highlighting","slug":"syntax-highlighting","link":"#syntax-highlighting","children":[]},{"level":3,"title":"自定义主题色","slug":"自定义主题色","link":"#自定义主题色","children":[]},{"level":3,"title":"Custom Theme Color","slug":"custom-theme-color","link":"#custom-theme-color","children":[]}]},{"level":2,"title":"File-based Routing","slug":"file-based-routing","link":"#file-based-routing","children":[]},{"level":2,"title":"基于文件的自动路由","slug":"基于文件的自动路由","link":"#基于文件的自动路由","children":[]},{"level":2,"title":"构建","slug":"构建","link":"#构建","children":[]},{"level":2,"title":"Building","slug":"building","link":"#building","children":[{"level":3,"title":"SSG","slug":"ssg","link":"#ssg","children":[]},{"level":3,"title":"SPA","slug":"spa","link":"#spa","children":[]}]},{"level":2,"title":"SEO","slug":"seo","link":"#seo","children":[]},{"level":2,"title":"RSS","slug":"rss","link":"#rss","children":[]},{"level":2,"title":"i18n in One Page","slug":"i18n-in-one-page","link":"#i18n-in-one-page","children":[]},{"level":2,"title":"单页 i18n","slug":"单页-i18n","link":"#单页-i18n","children":[]},{"level":2,"title":"KaTeX","slug":"katex","link":"#katex","children":[]},{"level":2,"title":"自动路由替换","slug":"自动路由替换","link":"#自动路由替换","children":[]},{"level":2,"title":"Auto Route Replacing","slug":"auto-route-replacing","link":"#auto-route-replacing","children":[]}],"relativePath":"pages/guide/features.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\features.md","lastUpdated":1696615123000}');
+const data = JSON.parse('{"title":"Features","description":"","frontmatter":{"title":"Features","title_zh-CN":"亮点","categories":["getting-started"],"end":false,"top":98},"headers":[{"level":2,"title":"热更新","slug":"热更新","link":"#热更新","children":[]},{"level":2,"title":"Hot Reloading","slug":"hot-reloading","link":"#hot-reloading","children":[]},{"level":2,"title":"自定义","slug":"自定义","link":"#自定义","children":[]},{"level":2,"title":"Customization","slug":"customization","link":"#customization","children":[]},{"level":2,"title":"UnoCSS","slug":"unocss","link":"#unocss","children":[]},{"level":2,"title":"Icones","slug":"icones","link":"#icones","children":[]},{"level":2,"title":"UI","slug":"ui","link":"#ui","children":[{"level":3,"title":"代码高亮","slug":"代码高亮","link":"#代码高亮","children":[]},{"level":3,"title":"Syntax Highlighting","slug":"syntax-highlighting","link":"#syntax-highlighting","children":[]},{"level":3,"title":"自定义主题色","slug":"自定义主题色","link":"#自定义主题色","children":[]},{"level":3,"title":"Custom Theme Color","slug":"custom-theme-color","link":"#custom-theme-color","children":[]}]},{"level":2,"title":"File-based Routing","slug":"file-based-routing","link":"#file-based-routing","children":[]},{"level":2,"title":"基于文件的自动路由","slug":"基于文件的自动路由","link":"#基于文件的自动路由","children":[]},{"level":2,"title":"构建","slug":"构建","link":"#构建","children":[]},{"level":2,"title":"Building","slug":"building","link":"#building","children":[{"level":3,"title":"SSG","slug":"ssg","link":"#ssg","children":[]},{"level":3,"title":"SPA","slug":"spa","link":"#spa","children":[]}]},{"level":2,"title":"SEO","slug":"seo","link":"#seo","children":[]},{"level":2,"title":"RSS","slug":"rss","link":"#rss","children":[]},{"level":2,"title":"i18n in One Page","slug":"i18n-in-one-page","link":"#i18n-in-one-page","children":[]},{"level":2,"title":"单页 i18n","slug":"单页-i18n","link":"#单页-i18n","children":[]},{"level":2,"title":"KaTeX","slug":"katex","link":"#katex","children":[]},{"level":2,"title":"自动路由替换","slug":"自动路由替换","link":"#自动路由替换","children":[]},{"level":2,"title":"Auto Route Replacing","slug":"auto-route-replacing","link":"#auto-route-replacing","children":[]}],"relativePath":"pages/guide/features.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\features.md","lastUpdated":1696615123000}');
+const _sfc_main = {
+  name: "pages/guide/features.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}>First, I&#39;ll introduce you to some easy</p></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="hot-reloading" tabindex="-1"${_scopeId}>Hot Reloading `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#hot-reloading",
+          "aria-label": 'Permalink to "Hot Reloading {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}>最值得一提的是，Valaxy 从配置到文章内容、动画到全局的标签、分类，全部都是支持热更新的！局部的！</p><p${_scopeId}>譬如，你修改了 <code${_scopeId}>valaxy.config.ts</code>/<code${_scopeId}>site.config.ts</code> 或是 <code${_scopeId}>xxx.md</code> 文章中的内容或 <code${_scopeId}>frontmatter</code>（<code${_scopeId}>tags</code>/<code${_scopeId}>categories</code>）所有的变动会立刻显示在预览界面上，无需手动刷新。同时热更新也是局部的，它只变动有修改的地方，不会重新刷新整个页面。</p></div><div lang="en"${_scopeId}><p${_scopeId}>It&#39;s most worth mentioning that Valaxy supports partial hot reloading, for configuration, post contents, animation, tags, categories, and much more!</p><p${_scopeId}>For example, if you modified <code${_scopeId}>valaxy.config.ts</code>/<code${_scopeId}>site.config.ts</code>, the content in <code${_scopeId}>xxx.md</code>, or <code${_scopeId}>frontmatter</code> (<code${_scopeId}>tags</code>/<code${_scopeId}>categories</code>), all changes will immediately appear on the preview page, and there is no need for manual refreshing. Also, hot reloads are local, meaning that only the place modified will change, and other elements on the page will not be refreshed.</p></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="customization" tabindex="-1"${_scopeId}>Customization `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#customization",
+          "aria-label": 'Permalink to "Customization {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><p${_scopeId}>强大的自定义能力，你可以如忒修斯之船一样组件粒度地继承定制主题与你的博客。</p><p${_scopeId}>更多请参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/components" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`自定义组件`);
+            } else {
+              return [
+                createTextVNode("自定义组件")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy provides powerful customization support. You can customize every component for your theme and blog just like the Ship of Theseus.</p><p${_scopeId}>See more at `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/custom/components" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Customizing Components`);
+            } else {
+              return [
+                createTextVNode("Customizing Components")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p></div><h2 id="unocss" tabindex="-1"${_scopeId}>UnoCSS `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#unocss",
+          "aria-label": 'Permalink to "UnoCSS"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>内置的类 TailwindCSS 的工具类（基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/unocss/unocss",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`UnoCSS`);
+            } else {
+              return [
+                createTextVNode("UnoCSS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`）。</p></blockquote><p${_scopeId}>如果你使用过 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://tailwindcss.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`TailwindCSS`);
+            } else {
+              return [
+                createTextVNode("TailwindCSS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`，那么一定能迅速领会到它的便捷之处。</p><p${_scopeId}>你可以在你的 Markdown 和 Vue 组件中肆无忌惮地使用它，而且最终它会被按需打包并加载。</p><p${_scopeId}>譬如：</p><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}>这是一份 Markdown 内容。</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;div class=&quot;bg-white text-blue shadow&quot; p=&quot;4&quot;&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>这是一份 Markdown 内容。</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/div&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}>这是一份 Markdown 内容。</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;div class=&quot;bg-white text-blue shadow&quot; p=&quot;4&quot;&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>这是一份 Markdown 内容。</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/div&gt;</span></span></code></pre></div><p${_scopeId}>你可以迅速得到这样的效果：</p><div class="bg-white text-blue shadow" p="4"${_scopeId}> 这是一份 Markdown 内容。 </div></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>The builtin TailwindCSS-like util class (based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/unocss/unocss",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`UnoCSS`);
+            } else {
+              return [
+                createTextVNode("UnoCSS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`).</p></blockquote><p${_scopeId}>If you have used `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://tailwindcss.com/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`TailwindCSS`);
+            } else {
+              return [
+                createTextVNode("TailwindCSS")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` before, then you will rapidly learn it&#39;s convenience.</p><p${_scopeId}>You can use it at will in your Markdown and Vue components, and it will finally get packaged by need and loaded.</p><p${_scopeId}>For example:</p><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}>This is markdown.</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;div class=&quot;bg-white text-blue shadow&quot; p=&quot;4&quot;&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>This is markdown.</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>&lt;/div&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}>This is markdown.</span></span>
+<span class="line"${_scopeId}></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;div class=&quot;bg-white text-blue shadow&quot; p=&quot;4&quot;&gt;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>This is markdown.</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>&lt;/div&gt;</span></span></code></pre></div><p${_scopeId}>You will get the effect immediately like this:</p><div class="bg-white text-blue shadow" p="4"${_scopeId}> This is markdown. </div></div><h2 id="icones" tabindex="-1"${_scopeId}>Icones `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#icones",
+          "aria-label": 'Permalink to "Icones"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>海量的图标</p></blockquote><p${_scopeId}>你可以任意使用 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://icones.js.org/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Icones`);
+            } else {
+              return [
+                createTextVNode("Icones")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 中可搜索到的任意图标。</p><p${_scopeId}>命名规范为 <code${_scopeId}>i-\${collection}-\${name}</code>，例如 <code${_scopeId}>i-ri-home-line</code>。</p><p${_scopeId}>主题默认安装了 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/Remix-Design/RemixIcon",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`RemixIcon`);
+            } else {
+              return [
+                createTextVNode("RemixIcon")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p><p${_scopeId}>如果你需要其他集合下的图标，可以自行安装。如：</p><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": "#6A737D" })}"${_scopeId}># collection 为对应的图标集名称，如 @iconify-json/ri</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>@iconify-json/collection</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}># collection 为对应的图标集名称，如 @iconify-json/ri</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>@iconify-json/collection</span></span></code></pre></div><p${_scopeId}>被添加至 <code${_scopeId}>config.unocss.safelist</code> 的图标名称将全部是热加载的！</p></div><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>Massive amount of icons</p></blockquote><p${_scopeId}>You can use any icons that are from `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://icones.js.org/",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Icônes`);
+            } else {
+              return [
+                createTextVNode("Icônes")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p><p${_scopeId}>The naming rule is <code${_scopeId}>i-\${collection}-\${name}</code>, e.g. <code${_scopeId}>i-ri-home-line</code>.</p><p${_scopeId}>The theme by default has `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/Remix-Design/RemixIcon",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`RemixIcon`);
+            } else {
+              return [
+                createTextVNode("RemixIcon")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` installed.</p><p${_scopeId}>If you need any icons from other collections, you can install yourself. For example:</p><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": "#6A737D" })}"${_scopeId}># \`collection\` is the name of the icon collection, e.g. @iconify-json/ri</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>@iconify-json/collection</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}># \`collection\` is the name of the icon collection, e.g. @iconify-json/ri</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>i</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>@iconify-json/collection</span></span></code></pre></div><p${_scopeId}>All icon names added to <code${_scopeId}>config.unocss.safelist</code> will be ready for hot reloading.</p></div><h2 id="ui" tabindex="-1"${_scopeId}>UI `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#ui",
+          "aria-label": 'Permalink to "UI"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h3 lang="zh-CN" id="代码高亮" tabindex="-1"${_scopeId}>代码高亮 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#代码高亮",
+          "aria-label": 'Permalink to "代码高亮 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><h3 lang="en" id="syntax-highlighting" tabindex="-1"${_scopeId}>Syntax Highlighting `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#syntax-highlighting",
+          "aria-label": 'Permalink to "Syntax Highlighting {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div lang="en"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>More info about syntax highlighting can be found at `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/markdown#syntax-highlighting" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Markdown Syntax Highlighting`);
+            } else {
+              return [
+                createTextVNode("Markdown Syntax Highlighting")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p></blockquote></div><div lang="zh-CN"${_scopeId}><blockquote${_scopeId}><p${_scopeId}>更多关于代码高亮的信息请参见 `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/guide/markdown#%E4%BB%A3%E7%A0%81%E8%A1%8C%E9%AB%98%E4%BA%AE" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Markdown 代码高亮`);
+            } else {
+              return [
+                createTextVNode("Markdown 代码高亮")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></blockquote></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/shikijs/shiki",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Shiki`);
+            } else {
+              return [
+                createTextVNode("Shiki")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 实现。 Valaxy 支持 <code${_scopeId}>vue</code> 等语法高亮，拷贝代码，高亮其中某一行。</p><p${_scopeId}>譬如：</p></div><div lang="en"${_scopeId}><p${_scopeId}>Based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/shikijs/shiki",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`Shiki`);
+            } else {
+              return [
+                createTextVNode("Shiki")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`. Valaxy supports syntax highlighting for languages like <code${_scopeId}>vue</code>, and also supports copying code and highlighting a particular line in the code block.</p><p${_scopeId}>For example:</p></div><div class="language-js"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>js</span><pre class="shiki github-dark has-highlighted-lines vp-code-dark"${_scopeId}><code${_scopeId}><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}>a</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": "#79B8FF" })}"${_scopeId}>1</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>b</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> a</span></span></code></pre><pre class="shiki github-light has-highlighted-lines vp-code-light"${_scopeId}><code${_scopeId}><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}>a</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": "#005CC5" })}"${_scopeId}>1</span></span>
+<span class="line highlighted"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>const</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>b</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>=</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> a</span></span></code></pre></div><h3 lang="zh-CN" id="自定义主题色" tabindex="-1"${_scopeId}>自定义主题色 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#自定义主题色",
+          "aria-label": 'Permalink to "自定义主题色 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><h3 lang="en" id="custom-theme-color" tabindex="-1"${_scopeId}>Custom Theme Color `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#custom-theme-color",
+          "aria-label": 'Permalink to "Custom Theme Color {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>你只需传入一个主题色，全局各处的色彩会动态进行计算得出最终的效果。</p><p${_scopeId}>譬如我希望主题色是红色：</p><blockquote${_scopeId}><p${_scopeId}><code${_scopeId}>valaxy-theme-yun</code> 支持</p></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>You only need to provide a theme color for the global color dynamics to work and show effect.</p><p${_scopeId}>For example, if I want my theme color to be red:</p><blockquote${_scopeId}><p${_scopeId}>Supported by <code${_scopeId}>valaxy-theme-yun</code></p></blockquote></div><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": "#6A737D" })}"${_scopeId}>// valaxy.config.ts</span></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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  themeConfig: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    colors: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>      primary: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;red&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    },</span></span>
+<span class="line"${_scopeId}><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": "#6A737D" })}"${_scopeId}>// valaxy.config.ts</span></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>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  themeConfig: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    colors: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>      primary: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;red&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>,</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    },</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  },</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>}</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><p${_scopeId}>但不仅如此，其他主题同样可复用 Valaxy 默认提供的色彩及变量函数来快速构建自身。</p><blockquote${_scopeId}><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></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>Even more, other themes can also re-use the default color dynamic functions provided by Valaxy to build their own.</p><blockquote${_scopeId}><p${_scopeId}>Please refer to code in `);
+        _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(` for more.</p></blockquote></div><h2 lang="en" id="file-based-routing" tabindex="-1"${_scopeId}>File-based Routing `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#file-based-routing",
+          "aria-label": 'Permalink to "File-based Routing {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><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><div lang="zh-CN"${_scopeId}><p${_scopeId}>路由会自动遵循相同目录结构从当前路径中的 Vue 文件生成。更多请参考 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/hannoeru/vite-plugin-pages",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>vite-plugin-pages</code>`);
+            } else {
+              return [
+                createVNode("code", null, "vite-plugin-pages")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Routes will be auto-generated for Vue files in this dir with the same file structure. Check out `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/hannoeru/vite-plugin-pages",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<code${_scopeId2}>vite-plugin-pages</code>`);
+            } else {
+              return [
+                createVNode("code", null, "vite-plugin-pages")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` for more details.</p></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="building" tabindex="-1"${_scopeId}>Building `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#building",
+          "aria-label": 'Permalink to "Building {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}>同时支持 SPA 与 SSG 两种方案。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Supports SPA and SSG.</p></div><h3 id="ssg" tabindex="-1"${_scopeId}>SSG `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#ssg",
+          "aria-label": 'Permalink to "SSG"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><div lang="zh-CN"${_scopeId}><p${_scopeId}>基于 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/antfu/vite-ssg",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vite-ssg`);
+            } else {
+              return [
+                createTextVNode("vite-ssg")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(` 实现</p></div><div lang="en"${_scopeId}><p${_scopeId}>Based on `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://github.com/antfu/vite-ssg",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`vite-ssg`);
+            } else {
+              return [
+                createTextVNode("vite-ssg")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</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": "#6A737D" })}"${_scopeId}># SSG</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>build:ssg</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy build --ssg</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}># SSG</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>npm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>build:ssg</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy build --ssg</span></span></code></pre></div><h3 id="spa" tabindex="-1"${_scopeId}>SPA `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#spa",
+          "aria-label": 'Permalink to "SPA"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h3><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}>npm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>build:spa</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy build</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}>npm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>build:spa</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy build</span></span></code></pre></div><h2 id="seo" tabindex="-1"${_scopeId}>SEO `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#seo",
+          "aria-label": 'Permalink to "SEO"'
+        }, {
+          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}>Valaxy 已经默认集成了 Open Graph 的 SEO 优化，您无需为此操心。 但需要注意的是，对于许多搜索引擎来说，他们可能只青睐 SSG 的构建模式。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy by default has integrated SEO optimization by Open Graph, and you don&#39;t need to worry about that. Note that for many search engines, they like SSG builds more.</p></div><h2 id="rss" tabindex="-1"${_scopeId}>RSS `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#rss",
+          "aria-label": 'Permalink to "RSS"'
+        }, {
+          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}>自带命令生成 RSS 订阅源。</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://baike.baidu.com/item/rss/24470",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`RSS 是什么？`);
+            } else {
+              return [
+                createTextVNode("RSS 是什么？")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote></div><div lang="en"${_scopeId}><p${_scopeId}>Valaxy comes with a command to generate RSS feeds.</p><blockquote${_scopeId}><p${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          href: "https://en.wikipedia.org/wiki/RSS",
+          target: "_blank",
+          rel: "noreferrer"
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`What is RSS?`);
+            } else {
+              return [
+                createTextVNode("What is RSS?")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</p></blockquote></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}>npm</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>rss</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy rss</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}>npm</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>run</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>rss</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}># valaxy rss</span></span></code></pre></div><h2 lang="en" id="i18n-in-one-page" tabindex="-1"${_scopeId}>i18n in One Page `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#i18n-in-one-page",
+          "aria-label": 'Permalink to "i18n in One Page {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h2 lang="zh-CN" id="单页-i18n" tabindex="-1"${_scopeId}>单页 i18n `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#单页-i18n",
+          "aria-label": 'Permalink to "单页 i18n {lang="zh-CN"}"'
+        }, {
+          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: "/posts/i18n" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`i18n`);
+            } else {
+              return [
+                createTextVNode("i18n")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`。</p></div><div lang="en"${_scopeId}><p${_scopeId}>For more info, see `);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/posts/i18n" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`i18n`);
+            } else {
+              return [
+                createTextVNode("i18n")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`.</p></div><h2 id="katex" tabindex="-1"${_scopeId}>KaTeX `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#katex",
+          "aria-label": 'Permalink to "KaTeX"'
+        }, {
+          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}>KaTeX 已被默认支持并启用。</p></div><div lang="en"${_scopeId}><p${_scopeId}>Katex is enabled by default.</p></div><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": "#6A737D" })}"${_scopeId}>// valaxy.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#F97583" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> { defineValaxyConfig } </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}>defineValaxyConfig</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  features: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// disable katex</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>    katex: </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>false</span></span>
+<span class="line"${_scopeId}><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": "#6A737D" })}"${_scopeId}>// valaxy.config.ts</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#D73A49" })}"${_scopeId}>import</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> { defineValaxyConfig } </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}>defineValaxyConfig</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>({</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  features: {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    </span><span style="${ssrRenderStyle({ "color": "#6A737D" })}"${_scopeId}>// disable katex</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>    katex: </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>false</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  }</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>})</span></span></code></pre></div><div lang="zh-CN"${_scopeId}><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/examples/katex" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`KaTeX | 示例`);
+            } else {
+              return [
+                createTextVNode("KaTeX | 示例")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul></div><div lang="en"${_scopeId}><ul${_scopeId}><li${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_AppLink, { href: "/examples/katex" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`KaTeX | Examples`);
+            } else {
+              return [
+                createTextVNode("KaTeX | Examples")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</li></ul></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="auto-route-replacing" tabindex="-1"${_scopeId}>Auto Route Replacing `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#auto-route-replacing",
+          "aria-label": 'Permalink to "Auto Route Replacing {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}>当 Valaxy 检测到文章的 a 链接为站内链接时，会自动将其替换为 <code${_scopeId}>RouterLink</code>，享受丝滑的动态切换吧！</p></div><div lang="en"${_scopeId}><p${_scopeId}>When Valaxy detects that an <code${_scopeId}>a</code> hyperlink in a post is an intra-site link (relative link), it will automatically replace it with a <code${_scopeId}>RouterLink</code>. Enjoy the dynamic page switching!</p></div>`);
+      } else {
+        return [
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "首先，我们来介绍一下 Valaxy 有哪些便捷的特性。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "First, I'll introduce you to some easy")
+          ]),
+          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: "hot-reloading",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Hot Reloading "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#hot-reloading",
+              "aria-label": 'Permalink to "Hot Reloading {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "最值得一提的是，Valaxy 从配置到文章内容、动画到全局的标签、分类，全部都是支持热更新的！局部的！"),
+            createVNode("p", null, [
+              createTextVNode("譬如，你修改了 "),
+              createVNode("code", null, "valaxy.config.ts"),
+              createTextVNode("/"),
+              createVNode("code", null, "site.config.ts"),
+              createTextVNode(" 或是 "),
+              createVNode("code", null, "xxx.md"),
+              createTextVNode(" 文章中的内容或 "),
+              createVNode("code", null, "frontmatter"),
+              createTextVNode("（"),
+              createVNode("code", null, "tags"),
+              createTextVNode("/"),
+              createVNode("code", null, "categories"),
+              createTextVNode("）所有的变动会立刻显示在预览界面上，无需手动刷新。同时热更新也是局部的，它只变动有修改的地方，不会重新刷新整个页面。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "It's most worth mentioning that Valaxy supports partial hot reloading, for configuration, post contents, animation, tags, categories, and much more!"),
+            createVNode("p", null, [
+              createTextVNode("For example, if you modified "),
+              createVNode("code", null, "valaxy.config.ts"),
+              createTextVNode("/"),
+              createVNode("code", null, "site.config.ts"),
+              createTextVNode(", the content in "),
+              createVNode("code", null, "xxx.md"),
+              createTextVNode(", or "),
+              createVNode("code", null, "frontmatter"),
+              createTextVNode(" ("),
+              createVNode("code", null, "tags"),
+              createTextVNode("/"),
+              createVNode("code", null, "categories"),
+              createTextVNode("), all changes will immediately appear on the preview page, and there is no need for manual refreshing. Also, hot reloads are local, meaning that only the place modified will change, and other elements on the page will not be refreshed.")
+            ])
+          ]),
+          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: "customization",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Customization "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#customization",
+              "aria-label": 'Permalink to "Customization {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "强大的自定义能力，你可以如忒修斯之船一样组件粒度地继承定制主题与你的博客。"),
+            createVNode("p", null, [
+              createTextVNode("更多请参见 "),
+              createVNode(_component_AppLink, { href: "/guide/custom/components" }, {
+                default: withCtx(() => [
+                  createTextVNode("自定义组件")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Valaxy provides powerful customization support. You can customize every component for your theme and blog just like the Ship of Theseus."),
+            createVNode("p", null, [
+              createTextVNode("See more at "),
+              createVNode(_component_AppLink, { href: "/guide/custom/components" }, {
+                default: withCtx(() => [
+                  createTextVNode("Customizing Components")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(".")
+            ])
+          ]),
+          createVNode("h2", {
+            id: "unocss",
+            tabindex: "-1"
+          }, [
+            createTextVNode("UnoCSS "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#unocss",
+              "aria-label": 'Permalink to "UnoCSS"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("内置的类 TailwindCSS 的工具类（基于 "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/unocss/unocss",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("UnoCSS")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode("）。")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("如果你使用过 "),
+              createVNode(_component_AppLink, {
+                href: "https://tailwindcss.com/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("TailwindCSS")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("，那么一定能迅速领会到它的便捷之处。")
+            ]),
+            createVNode("p", null, "你可以在你的 Markdown 和 Vue 组件中肆无忌惮地使用它，而且最终它会被按需打包并加载。"),
+            createVNode("p", null, "譬如："),
+            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" } }, "这是一份 Markdown 内容。")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, '<div class="bg-white text-blue shadow" p="4">')
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "这是一份 Markdown 内容。")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</div>")
+                  ])
+                ])
+              ]),
+              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "这是一份 Markdown 内容。")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, '<div class="bg-white text-blue shadow" p="4">')
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "这是一份 Markdown 内容。")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "</div>")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("p", null, "你可以迅速得到这样的效果："),
+            createVNode("div", {
+              class: "bg-white text-blue shadow",
+              p: "4"
+            }, " 这是一份 Markdown 内容。 ")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("The builtin TailwindCSS-like util class (based on "),
+                createVNode(_component_AppLink, {
+                  href: "https://github.com/unocss/unocss",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("UnoCSS")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(").")
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("If you have used "),
+              createVNode(_component_AppLink, {
+                href: "https://tailwindcss.com/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("TailwindCSS")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" before, then you will rapidly learn it's convenience.")
+            ]),
+            createVNode("p", null, "You can use it at will in your Markdown and Vue components, and it will finally get packaged by need and loaded."),
+            createVNode("p", null, "For example:"),
+            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" } }, "This is markdown.")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, '<div class="bg-white text-blue shadow" p="4">')
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "This is markdown.")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, "</div>")
+                  ])
+                ])
+              ]),
+              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "This is markdown.")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, '<div class="bg-white text-blue shadow" p="4">')
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "This is markdown.")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#24292E" } }, "</div>")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("p", null, "You will get the effect immediately like this:"),
+            createVNode("div", {
+              class: "bg-white text-blue shadow",
+              p: "4"
+            }, " This is markdown. ")
+          ]),
+          createVNode("h2", {
+            id: "icones",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Icones "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#icones",
+              "aria-label": 'Permalink to "Icones"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "海量的图标")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("你可以任意使用 "),
+              createVNode(_component_AppLink, {
+                href: "https://icones.js.org/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Icones")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 中可搜索到的任意图标。")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("命名规范为 "),
+              createVNode("code", null, "i-${collection}-${name}"),
+              createTextVNode("，例如 "),
+              createVNode("code", null, "i-ri-home-line"),
+              createTextVNode("。")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("主题默认安装了 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/Remix-Design/RemixIcon",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("RemixIcon")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("。")
+            ]),
+            createVNode("p", null, "如果你需要其他集合下的图标，可以自行安装。如："),
+            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": "#6A737D" } }, "# collection 为对应的图标集名称，如 @iconify-json/ri")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#B392F0" } }, "npm"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "i"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "@iconify-json/collection")
+                  ])
+                ])
+              ]),
+              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "# collection 为对应的图标集名称，如 @iconify-json/ri")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "npm"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "i"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "@iconify-json/collection")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("被添加至 "),
+              createVNode("code", null, "config.unocss.safelist"),
+              createTextVNode(" 的图标名称将全部是热加载的！")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, "Massive amount of icons")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("You can use any icons that are from "),
+              createVNode(_component_AppLink, {
+                href: "https://icones.js.org/",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Icônes")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(".")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("The naming rule is "),
+              createVNode("code", null, "i-${collection}-${name}"),
+              createTextVNode(", e.g. "),
+              createVNode("code", null, "i-ri-home-line"),
+              createTextVNode(".")
+            ]),
+            createVNode("p", null, [
+              createTextVNode("The theme by default has "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/Remix-Design/RemixIcon",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("RemixIcon")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" installed.")
+            ]),
+            createVNode("p", null, "If you need any icons from other collections, you can install yourself. For example:"),
+            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": "#6A737D" } }, "# `collection` is the name of the icon collection, e.g. @iconify-json/ri")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#B392F0" } }, "npm"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "i"),
+                    createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                    createVNode("span", { style: { "color": "#9ECBFF" } }, "@iconify-json/collection")
+                  ])
+                ])
+              ]),
+              createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+                createVNode("code", null, [
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6A737D" } }, "# `collection` is the name of the icon collection, e.g. @iconify-json/ri")
+                  ]),
+                  createTextVNode("\n"),
+                  createVNode("span", { class: "line" }, [
+                    createVNode("span", { style: { "color": "#6F42C1" } }, "npm"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "i"),
+                    createVNode("span", { style: { "color": "#24292E" } }, " "),
+                    createVNode("span", { style: { "color": "#032F62" } }, "@iconify-json/collection")
+                  ])
+                ])
+              ])
+            ]),
+            createVNode("p", null, [
+              createTextVNode("All icon names added to "),
+              createVNode("code", null, "config.unocss.safelist"),
+              createTextVNode(" will be ready for hot reloading.")
+            ])
+          ]),
+          createVNode("h2", {
+            id: "ui",
+            tabindex: "-1"
+          }, [
+            createTextVNode("UI "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#ui",
+              "aria-label": 'Permalink to "UI"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "zh-CN",
+            id: "代码高亮",
+            tabindex: "-1"
+          }, [
+            createTextVNode("代码高亮 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#代码高亮",
+              "aria-label": 'Permalink to "代码高亮 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "en",
+            id: "syntax-highlighting",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Syntax Highlighting "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#syntax-highlighting",
+              "aria-label": 'Permalink to "Syntax Highlighting {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("More info about syntax highlighting can be found at "),
+                createVNode(_component_AppLink, { href: "/guide/markdown#syntax-highlighting" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Markdown Syntax Highlighting")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(".")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("更多关于代码高亮的信息请参见 "),
+                createVNode(_component_AppLink, { href: "/guide/markdown#%E4%BB%A3%E7%A0%81%E8%A1%8C%E9%AB%98%E4%BA%AE" }, {
+                  default: withCtx(() => [
+                    createTextVNode("Markdown 代码高亮")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode("。")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("基于 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/shikijs/shiki",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Shiki")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 实现。 Valaxy 支持 "),
+              createVNode("code", null, "vue"),
+              createTextVNode(" 等语法高亮，拷贝代码，高亮其中某一行。")
+            ]),
+            createVNode("p", null, "譬如：")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Based on "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/shikijs/shiki",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Shiki")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(". Valaxy supports syntax highlighting for languages like "),
+              createVNode("code", null, "vue"),
+              createTextVNode(", and also supports copying code and highlighting a particular line in the code block.")
+            ]),
+            createVNode("p", null, "For example:")
+          ]),
+          createVNode("div", { class: "language-js" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "js"),
+            createVNode("pre", { class: "shiki github-dark has-highlighted-lines vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "a"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "="),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "1")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "const"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "b"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#F97583" } }, "="),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " a")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light has-highlighted-lines vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "a"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "1")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line highlighted" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "const"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "b"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#D73A49" } }, "="),
+                  createVNode("span", { style: { "color": "#24292E" } }, " a")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h3", {
+            lang: "zh-CN",
+            id: "自定义主题色",
+            tabindex: "-1"
+          }, [
+            createTextVNode("自定义主题色 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#自定义主题色",
+              "aria-label": 'Permalink to "自定义主题色 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h3", {
+            lang: "en",
+            id: "custom-theme-color",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Custom Theme Color "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#custom-theme-color",
+              "aria-label": 'Permalink to "Custom Theme Color {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "你只需传入一个主题色，全局各处的色彩会动态进行计算得出最终的效果。"),
+            createVNode("p", null, "譬如我希望主题色是红色："),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode("code", null, "valaxy-theme-yun"),
+                createTextVNode(" 支持")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "You only need to provide a theme color for the global color dynamics to work and show effect."),
+            createVNode("p", null, "For example, if I want my theme color to be red:"),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("Supported by "),
+                createVNode("code", null, "valaxy-theme-yun")
+              ])
+            ])
+          ]),
+          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": "#6A737D" } }, "// valaxy.config.ts")
+                ]),
+                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" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  themeConfig: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    colors: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "      primary: "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'red'"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    },")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  },")
+                ]),
+                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": "#6A737D" } }, "// valaxy.config.ts")
+                ]),
+                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" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  themeConfig: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    colors: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "      primary: "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'red'"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ",")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    },")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  },")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "}")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "但不仅如此，其他主题同样可复用 Valaxy 默认提供的色彩及变量函数来快速构建自身。"),
+            createVNode("blockquote", 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("p", null, "Even more, other themes can also re-use the default color dynamic functions provided by Valaxy to build their own."),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createTextVNode("Please refer to code in "),
+                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(" for more.")
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "file-based-routing",
+            tabindex: "-1"
+          }, [
+            createTextVNode("File-based Routing "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#file-based-routing",
+              "aria-label": 'Permalink to "File-based Routing {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          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("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("路由会自动遵循相同目录结构从当前路径中的 Vue 文件生成。更多请参考 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/hannoeru/vite-plugin-pages",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "vite-plugin-pages")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Routes will be auto-generated for Vue files in this dir with the same file structure. Check out "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/hannoeru/vite-plugin-pages",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createVNode("code", null, "vite-plugin-pages")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" for more details.")
+            ])
+          ]),
+          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: "building",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Building "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#building",
+              "aria-label": 'Permalink to "Building {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "同时支持 SPA 与 SSG 两种方案。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Supports SPA and SSG.")
+          ]),
+          createVNode("h3", {
+            id: "ssg",
+            tabindex: "-1"
+          }, [
+            createTextVNode("SSG "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#ssg",
+              "aria-label": 'Permalink to "SSG"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("基于 "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/antfu/vite-ssg",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("vite-ssg")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(" 实现")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Based on "),
+              createVNode(_component_AppLink, {
+                href: "https://github.com/antfu/vite-ssg",
+                target: "_blank",
+                rel: "noreferrer"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("vite-ssg")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          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": "#6A737D" } }, "# SSG")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, "npm"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "run"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "build:ssg")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy build --ssg")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# SSG")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "npm"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "run"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "build:ssg")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy build --ssg")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h3", {
+            id: "spa",
+            tabindex: "-1"
+          }, [
+            createTextVNode("SPA "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#spa",
+              "aria-label": 'Permalink to "SPA"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          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" } }, "npm"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "run"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "build:spa")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy build")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "npm"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "run"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "build:spa")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy build")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            id: "seo",
+            tabindex: "-1"
+          }, [
+            createTextVNode("SEO "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#seo",
+              "aria-label": 'Permalink to "SEO"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "Valaxy 已经默认集成了 Open Graph 的 SEO 优化，您无需为此操心。 但需要注意的是，对于许多搜索引擎来说，他们可能只青睐 SSG 的构建模式。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Valaxy by default has integrated SEO optimization by Open Graph, and you don't need to worry about that. Note that for many search engines, they like SSG builds more.")
+          ]),
+          createVNode("h2", {
+            id: "rss",
+            tabindex: "-1"
+          }, [
+            createTextVNode("RSS "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#rss",
+              "aria-label": 'Permalink to "RSS"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "自带命令生成 RSS 订阅源。"),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://baike.baidu.com/item/rss/24470",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("RSS 是什么？")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Valaxy comes with a command to generate RSS feeds."),
+            createVNode("blockquote", null, [
+              createVNode("p", null, [
+                createVNode(_component_AppLink, {
+                  href: "https://en.wikipedia.org/wiki/RSS",
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("What is RSS?")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          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" } }, "npm"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "run"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "rss")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy rss")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, "npm"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "run"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "rss")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6A737D" } }, "# valaxy rss")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "i18n-in-one-page",
+            tabindex: "-1"
+          }, [
+            createTextVNode("i18n in One Page "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#i18n-in-one-page",
+              "aria-label": 'Permalink to "i18n in One Page {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "单页-i18n",
+            tabindex: "-1"
+          }, [
+            createTextVNode("单页 i18n "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#单页-i18n",
+              "aria-label": 'Permalink to "单页 i18n {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("详情请见 "),
+              createVNode(_component_AppLink, { href: "/posts/i18n" }, {
+                default: withCtx(() => [
+                  createTextVNode("i18n")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode("。")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("For more info, see "),
+              createVNode(_component_AppLink, { href: "/posts/i18n" }, {
+                default: withCtx(() => [
+                  createTextVNode("i18n")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createTextVNode(".")
+            ])
+          ]),
+          createVNode("h2", {
+            id: "katex",
+            tabindex: "-1"
+          }, [
+            createTextVNode("KaTeX "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#katex",
+              "aria-label": 'Permalink to "KaTeX"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, "KaTeX 已被默认支持并启用。")
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "Katex is enabled by default.")
+          ]),
+          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": "#6A737D" } }, "// valaxy.config.ts")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#F97583" } }, "import"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " { defineValaxyConfig } "),
+                  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" } }, "defineValaxyConfig"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  features: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    "),
+                  createVNode("span", { style: { "color": "#6A737D" } }, "// disable katex")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "    katex: "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "false")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  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": "#6A737D" } }, "// valaxy.config.ts")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#D73A49" } }, "import"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " { defineValaxyConfig } "),
+                  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" } }, "defineValaxyConfig"),
+                  createVNode("span", { style: { "color": "#24292E" } }, "({")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  features: {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    "),
+                  createVNode("span", { style: { "color": "#6A737D" } }, "// disable katex")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "    katex: "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "false")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  }")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "})")
+                ])
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, { href: "/examples/katex" }, {
+                  default: withCtx(() => [
+                    createTextVNode("KaTeX | 示例")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode(_component_AppLink, { href: "/examples/katex" }, {
+                  default: withCtx(() => [
+                    createTextVNode("KaTeX | Examples")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          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: "auto-route-replacing",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Auto Route Replacing "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#auto-route-replacing",
+              "aria-label": 'Permalink to "Auto Route Replacing {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("当 Valaxy 检测到文章的 a 链接为站内链接时，会自动将其替换为 "),
+              createVNode("code", null, "RouterLink"),
+              createTextVNode("，享受丝滑的动态切换吧！")
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("When Valaxy detects that an "),
+              createVNode("code", null, "a"),
+              createTextVNode(" hyperlink in a post is an intra-site link (relative link), it will automatically replace it with a "),
+              createVNode("code", null, "RouterLink"),
+              createTextVNode(". Enjoy the dynamic page switching!")
+            ])
+          ])
+        ];
+      }
+    }),
+    "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/features.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const features = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  features as default
+};