docs: fix docs

.github/workflows/release.yml

@@ -75,6 +75,15 @@ jobs:
           token: ${{ secrets.ACCESS_TOKEN }}
           single-commit: true
 
+      - name: Deploy copy-code2 docs
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          repository-name: vuepress-theme-hope/copy-code2-docs
+          branch: netlify
+          folder: docs/copy-code2/dist
+          token: ${{ secrets.ACCESS_TOKEN }}
+          single-commit: true
+
       - name: Deploy copyright2 docs
         uses: JamesIves/github-pages-deploy-action@v4
         with:
@@ -383,18 +392,14 @@ jobs:
         run: pnpm run build
 
       - name: Build ${{ matrix.plugin-name }} demo
-        env:
-          BASE: /${{ matrix.plugin-name }}-demo/
-          HOSTNAME: https://vuepress-theme-hope.github.io/
         run: |-
           pnpm --filter ${{ matrix.plugin-name }}-demo demo:vite-build
-          > demo/${{ matrix.plugin-name }}/src/.vuepress/dist/.nojekyll
 
       - name: Deploy ${{ matrix.plugin-name }} demo
         uses: JamesIves/github-pages-deploy-action@v4
         with:
           repository-name: vuepress-theme-hope/${{ matrix.plugin-name }}-demo
-          branch: gh-pages
+          branch: netlify
           folder: demo/${{ matrix.plugin-name }}/src/.vuepress/dist
           token: ${{ secrets.ACCESS_TOKEN }}
           single-commit: true

demo/copyright2/src/.vuepress/config.ts

@@ -22,7 +22,7 @@ export default defineUserConfig({
     copyrightPlugin({
       author: "Mr.Hope",
       license: "MIT",
-      canonical: "https://vuepress-theme-hope.github.io",
+      canonical: "https://plugin-copyright2.vuejs.press",
       global: true,
     }),
   ],

demo/feed2/src/.vuepress/config.ts

@@ -40,7 +40,7 @@ export default defineUserConfig({
 
   plugins: [
     feedPlugin({
-      hostname: "https://vuepress-theme-hope.github.io",
+      hostname: "https://plugin-feed2-demo.vuejs.press",
       atom: true,
       rss: true,
       json: true,

demo/seo2/src/.vuepress/config.ts

@@ -21,7 +21,7 @@ export default defineUserConfig({
 
   plugins: [
     seoPlugin({
-      hostname: "https://vuepress-theme-hope.github.io",
+      hostname: "https://plugin-seo2-demo.vuejs.press",
     }),
   ],
 });

demo/sitemap2/src/.vuepress/config.ts

@@ -19,7 +19,7 @@ export default defineUserConfig({
 
   plugins: [
     sitemapPlugin({
-      hostname: "https://vuepress-theme-hope.github.io",
+      hostname: "https://plugin-sitemap2-demo.vuejs.press",
     }),
   ],
 });

demo/theme-blog/src/.vuepress/navbar/en.ts

@@ -55,7 +55,7 @@ export const enNavbar = navbar([
       },
       {
         text: "V2 Docs Demo",
-        link: "https://vuepress-theme-hope.github.io/docs-demo/",
+        link: "https://theme-hope-docs-demo.vuejs.press/",
       },
       {
         text: "V1 Docs",

demo/theme-blog/src/.vuepress/navbar/zh.ts

@@ -54,8 +54,8 @@ export const zhNavbar = navbar([
         link: "https://theme-hope.vuejs.press/zh/",
       },
       {
-        text: "V2 文档案例o",
-        link: "https://vuepress-theme-hope.github.io/docs-demo/zh/",
+        text: "V2 文档案例",
+        link: "https://theme-hope-docs-demo.vuejs.press/zh/",
       },
       {
         text: "V1 文档",

demo/theme-blog/src/.vuepress/theme.ts

@@ -4,7 +4,7 @@ import { enNavbar, zhNavbar } from "./navbar/index.js";
 import { enSidebar, zhSidebar } from "./sidebar/index.js";
 
 const hostname =
-  process.env.HOSTNAME || "https://vuepress-theme-hope-blog-demo.netlify.app";
+  process.env.HOSTNAME || "https://theme-hope-blog-demo.vuejs.press";
 
 export default hopeTheme({
   hostname,
@@ -275,8 +275,8 @@ export default hopeTheme({
     },
 
     seo:
-      hostname === "https://vuepress-theme-hope.github.io"
+      hostname === "https://theme-hope-blog-demo.vuejs.press"
         ? {}
-        : { canonical: "https://vuepress-theme-hope.github.io/blog-demo/" },
+        : { canonical: "https://theme-hope-blog-demo.vuejs.press" },
   },
 });

demo/theme-docs/src/.vuepress/navbar/en.ts

@@ -33,7 +33,7 @@ export const enNavbar = navbar([
       },
       {
         text: "V2 Blog Demo",
-        link: "https://vuepress-theme-hope.github.io/blog-demo/",
+        link: "https://theme-hope-blog-demo.vuejs.press/",
       },
       {
         text: "V1 Docs",

demo/theme-docs/src/.vuepress/navbar/zh.ts

@@ -33,7 +33,7 @@ export const zhNavbar = navbar([
       },
       {
         text: "V2 博客演示",
-        link: "https://vuepress-theme-hope.github.io/blog-demo/zh/",
+        link: "https://theme-hope-blog-demo.vuejs.press/zh/",
       },
       {
         text: "V1 文档",

demo/theme-docs/src/.vuepress/theme.ts

@@ -3,7 +3,7 @@ import { enNavbar, zhNavbar } from "./navbar/index.js";
 import { enSidebar, zhSidebar } from "./sidebar/index.js";
 
 const hostname =
-  process.env.HOSTNAME || "https://vuepress-theme-hope-docs-demo.netlify.app";
+  process.env.HOSTNAME || "https://theme-hope-docs-demo.vuejs.press";
 
 export default hopeTheme({
   hostname,
@@ -202,8 +202,8 @@ export default hopeTheme({
     },
 
     seo:
-      hostname === "https://vuepress-theme-hope.github.io"
+      hostname === "https://theme-hope-docs-demo.vuejs.press"
         ? {}
-        : { canonical: "https://vuepress-theme-hope.github.io/docs-demo/" },
+        : { canonical: "https://theme-hope-docs-demo.vuejs.press" },
   },
 });

docs-shared/src/components/NetlifyBadge.ts

@@ -1,6 +1,8 @@
+import { ClientOnly } from "@vuepress/client";
 import { defineComponent, h } from "vue";
 // @ts-ignore
 import { useDarkMode } from "@theme-hope/modules/outlook/composables/index";
+
 import type { VNode } from "vue";
 
 declare const IS_NETLIFY: boolean;
@@ -13,15 +15,17 @@ export default defineComponent({
 
     return (): VNode | null =>
       IS_NETLIFY
-        ? h(
-            "a",
-            { href: "https://www.netlify.com", target: "_blank" },
-            h("img", {
-              src: `https://www.netlify.com/img/global/badges/netlify-${
-                isDarkMode.value ? "dark" : "light"
-              }.svg`,
-              alt: "Deploys by Netlify",
-            })
+        ? h(ClientOnly, () =>
+            h(
+              "a",
+              { href: "https://www.netlify.com", target: "_blank" },
+              h("img", {
+                src: `https://www.netlify.com/img/global/badges/netlify-${
+                  isDarkMode.value ? "dark" : "light"
+                }.svg`,
+                alt: "Deploys by Netlify",
+              })
+            )
           )
         : null;
   },

docs-shared/src/theme-wrapper.ts

@@ -10,7 +10,13 @@ export const theme = (
   name: string,
   { plugins = {}, ...options }: ThemeOptions
 ): ThemeFunction => {
-  const canonical = `https://plugin-${name}.vuejs.press`;
+  const canonical = `https://${
+    name === "theme"
+      ? "theme-hope"
+      : name === "shared"
+      ? "shared"
+      : `plugin-${name}`
+  }.vuejs.press`;
 
   const hostname = IS_GITHUB
     ? "https://vuepress-theme-hope.github.io"

docs/auto-catalog/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-auto-catalog` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/auto-catalog/).
-- [Preview](https://vuepress-theme-hope.github.io/auto-catalog-demo/)
+- [Preview](https://plugin-auto-catalog-demo.vuejs.press)

docs/auto-catalog/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-auto-catalog` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/auto-catalog/)
-- [预览](https://vuepress-theme-hope.github.io/auto-catalog-demo/)
+- [预览](https://plugin-auto-catalog-demo.vuejs.press)

docs/blog2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-blog2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/blog2/).
-- [Preview](https://vuepress-theme-hope.github.io/blog2-demo/)
+- [Preview](https://plugin-blog2-demo.vuejs.press)

docs/blog2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-blog2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/blog2/)
-- [预览](https://vuepress-theme-hope.github.io/blog2-demo/)
+- [预览](https://plugin-blog2-demo.vuejs.press)

docs/comment2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-comment2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/comment2/).
-- [Preview](https://vuepress-theme-hope.github.io/comment2-demo/)
+- [Preview](https://plugin-comment2-demo.vuejs.press)

docs/comment2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-comment2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/comment2/)
-- [预览](https://vuepress-theme-hope.github.io/comment2-demo/)
+- [预览](https://plugin-comment2-demo.vuejs.press)

docs/components/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-components` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/components/).
-- [Preview](https://vuepress-theme-hope.github.io/components-demo/)
+- [Preview](https://plugin-components-demo.vuejs.press)

docs/components/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-components` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/components/)
-- [预览](https://vuepress-theme-hope.github.io/components-demo/)
+- [预览](https://plugin-components-demo.vuejs.press)

docs/copy-code2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-copy-code2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/copy-code2/).
-- [Preview](https://vuepress-theme-hope.github.io/copy-code2-demo/)
+- [Preview](https://plugin-copy-code2-demo.vuejs.press)

docs/copy-code2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-copy-code2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/copy-code2/)
-- [预览](https://vuepress-theme-hope.github.io/copy-code2-demo/)
+- [预览](https://plugin-copy-code2-demo.vuejs.press)

docs/copyright2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-copyright2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/copyright2/).
-- [Preview](https://vuepress-theme-hope.github.io/copyright2-demo/)
+- [Preview](https://plugin-copyright2-demo.vuejs.press)

docs/copyright2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-copyright2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/copyright2/)
-- [预览](https://vuepress-theme-hope.github.io/copyright2-demo/)
+- [预览](https://plugin-copyright2-demo.vuejs.press)

docs/feed2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-feed2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/feed2/).
-- [Preview](https://vuepress-theme-hope.github.io/feed2-demo/)
+- [Preview](https://plugin-feed2-demo.vuejs.press)

docs/feed2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-feed2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/feed2/)
-- [预览](https://vuepress-theme-hope.github.io/feed2-demo/)
+- [预览](https://plugin-feed2-demo.vuejs.press)

docs/lightgallery/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-lightgallery` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/lightgallery/).
-- [Preview](https://vuepress-theme-hope.github.io/lightgallery-demo/)
+- [Preview](https://plugin-lightgallery-demo.vuejs.press)

docs/lightgallery/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-lightgallery` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/lightgallery/)
-- [预览](https://vuepress-theme-hope.github.io/lightgallery-demo/)
+- [预览](https://plugin-lightgallery-demo.vuejs.press)

docs/md-enhance/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-md-enhance` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/md-enhance/).
-- [Preview](https://vuepress-theme-hope.github.io/md-enhance-demo/)
+- [Preview](https://plugin-md-enhance-demo.vuejs.press)

docs/md-enhance/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-md-enhance` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/md-enhance/)
-- [预览](https://vuepress-theme-hope.github.io/md-enhance-demo/)
+- [预览](https://plugin-md-enhance-demo.vuejs.press)

docs/photo-swipe/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-photo-swipe` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/photo-swipe/).
-- [Preview](https://vuepress-theme-hope.github.io/photo-swipe-demo/)
+- [Preview](https://plugin-photo-swipe-demo.vuejs.press)

docs/photo-swipe/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-photo-swipe` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/photo-swipe/)
-- [预览](https://vuepress-theme-hope.github.io/photo-swipe-demo/)
+- [预览](https://plugin-photo-swipe-demo.vuejs.press)

docs/pwa2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-pwa2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/pwa2/).
-- [Preview](https://vuepress-theme-hope.github.io/pwa2-demo/)
+- [Preview](https://plugin-pwa2-demo.vuejs.press)

docs/pwa2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-pwa2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/pwa2/)
-- [预览](https://vuepress-theme-hope.github.io/pwa2-demo/)
+- [预览](https://plugin-pwa2-demo.vuejs.press)

docs/redirect/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-redirect` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/redirect/).
-- [Preview](https://vuepress-theme-hope.github.io/redirect-demo/)
+- [Preview](https://plugin-redirect-demo.vuejs.press)

docs/redirect/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-redirect` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/redirect/)
-- [预览](https://vuepress-theme-hope.github.io/redirect-demo/)
+- [预览](https://plugin-redirect-demo.vuejs.press)

docs/sass-palette/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-sass-palette` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/sass-palette/).
-- [Preview](https://vuepress-theme-hope.github.io/sass-palette-demo/)
+- [Preview](https://plugin-sass-palette-demo.vuejs.press)

docs/sass-palette/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-sass-palette` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/sass-palette/)
-- [预览](https://vuepress-theme-hope.github.io/sass-palette-demo/)
+- [预览](https://plugin-sass-palette-demo.vuejs.press)

docs/search-pro/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-search-pro` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/search-pro/).
-- [Preview](https://vuepress-theme-hope.github.io/search-pro-demo/)
+- [Preview](https://plugin-search-pro-demo.vuejs.press)

docs/search-pro/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-search-pro` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/search-pro/)
-- [预览](https://vuepress-theme-hope.github.io/search-pro-demo/)
+- [预览](https://plugin-search-pro-demo.vuejs.press)

docs/seo2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-seo2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/seo2/).
-- [Preview](https://vuepress-theme-hope.github.io/seo2-demo/)
+- [Preview](https://plugin-seo2-demo.vuejs.press)

docs/seo2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-seo2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/seo2/)
-- [预览](https://vuepress-theme-hope.github.io/seo2-demo/)
+- [预览](https://plugin-seo2-demo.vuejs.press)

docs/sitemap2/src/demo.md

@@ -6,4 +6,4 @@ icon: discover
 We provide a demo using `vuepress-plugin-sitemap2` and `@vuepress/theme-default` for you to better understand how to use the plugin.
 
 - [Source Code](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/sitemap2/).
-- [Preview](https://vuepress-theme-hope.github.io/sitemap2-demo/)
+- [Preview](https://plugin-sitemap2-demo.vuejs.press)

docs/sitemap2/src/zh/demo.md

@@ -6,4 +6,4 @@ icon: discover
 为了让你更好的了解如何使用插件，我们使用 `vuepress-plugin-sitemap2` 和 `@vuepress/theme-default` 制作了一个案例。
 
 - [源代码](https://github.com/vuepress-theme-hope/vuepress-theme-hope/tree/main/demo/sitemap2/)
-- [预览](https://vuepress-theme-hope.github.io/sitemap2-demo/)
+- [预览](https://plugin-sitemap2-demo.vuejs.press)