Merge pull request #172 from GuoXiCheng/dev-c

update docs

package.json

@@ -11,14 +11,16 @@
     "code": "ts-node"
   },
   "devDependencies": {
-    "@vuepress/client": "2.0.0-rc.0",
-    "@vuepress/plugin-register-components": "^2.0.0-rc.0",
+    "@vuepress/bundler-vite": "^2.0.0-rc.6",
+    "@vuepress/plugin-pwa": "^2.0.0-rc.11",
+    "@vuepress/plugin-pwa-popup": "^2.0.0-rc.11",
+    "@vuepress/plugin-register-components": "2.0.0-rc.11",
     "mermaid": "^10.6.1",
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
-    "vue": "^3.3.13",
-    "vuepress": "2.0.0-rc.0",
-    "vuepress-plugin-md-enhance": "2.0.0-rc.5",
-    "vuepress-theme-hope": "2.0.0-rc.5"
+    "vue": "^3.4.15",
+    "vuepress": "2.0.0-rc.6",
+    "vuepress-plugin-md-enhance": "2.0.0-rc.22",
+    "vuepress-theme-hope": "2.0.0-rc.22"
   }
 }

src/.vuepress/config.ts

@@ -1,11 +1,16 @@
+import { viteBundler } from '@vuepress/bundler-vite'
 import { defineUserConfig } from "vuepress";
 import theme from "./theme.js";
 import { registerComponentsPlugin } from '@vuepress/plugin-register-components';
 import { getDirname, path } from '@vuepress/utils'
+import { pwaPlugin } from '@vuepress/plugin-pwa'
+import { pwaPopupPlugin } from '@vuepress/plugin-pwa-popup'
 const __dirname = getDirname(import.meta.url)
+
 export default defineUserConfig({
   head: [
     ['script', { src: '/js/snowfall.js', async: true }],
+    ['link', { rel: 'manifest', href: '/manifest.webmanifest' }]
   ],
   base: "/",
 
@@ -27,8 +32,15 @@ export default defineUserConfig({
     registerComponentsPlugin({
       componentsDir: path.resolve(__dirname, './components')
     }),
+    pwaPlugin(),
+    pwaPopupPlugin()
   ],
 
   // Enable it with pwa
   shouldPrefetch: false,
+
+  bundler: viteBundler({
+    viteOptions: {},
+    vuePluginOptions: {},
+  }),
 });

src/.vuepress/navbar-en.ts

@@ -2,7 +2,7 @@ import { navbar } from "vuepress-theme-hope";
 
 export default navbar([
   "/en/projects/",
-  "/en/algorithm",
+  "/en/algorithm/",
   {
     text: "Online Coding",
     icon: "code",

src/.vuepress/navbar.ts

@@ -4,10 +4,10 @@ export default navbar([
   "/projects/",
   "/reading/",
   "/cloud-native/",
-  "/design-pattern",
-  "/develop",
-  "/algorithm",
-  "/article",
+  "/design-pattern/",
+  "/develop/",
+  "/algorithm/",
+  "/article/",
   {
     text: "在线编程",
     icon: "code",

src/.vuepress/public/manifest.webmanifest

@@ -0,0 +1,50 @@
+{
+    "favicon": "/favicon.ico",
+    "cacheHTML": true,
+    "cachePic": true,
+    "appendBase": true,
+    "themeColor": "#000000",
+    "update": "available",
+    "manifest": {
+      "icons": [
+        {
+          "src": "/assets/icon/chrome-mask-512.png",
+          "sizes": "512x512",
+          "purpose": "maskable",
+          "type": "image/png"
+        },
+        {
+          "src": "/assets/icon/chrome-mask-192.png",
+          "sizes": "192x192",
+          "purpose": "maskable",
+          "type": "image/png"
+        },
+        {
+          "src": "/assets/icon/chrome-512.png",
+          "sizes": "512x512",
+          "type": "image/png"
+        },
+        {
+          "src": "/assets/icon/chrome-192.png",
+          "sizes": "192x192",
+          "type": "image/png"
+        }
+      ],
+      "shortcuts": [
+        {
+          "name": "Demo",
+          "short_name": "Demo",
+          "url": "/demo/",
+          "icons": [
+            {
+              "src": "/assets/icon/guide-maskable.png",
+              "sizes": "192x192",
+              "purpose": "maskable",
+              "type": "image/png"
+            }
+          ]
+        }
+      ]
+    }
+  }
+

src/.vuepress/theme.ts

@@ -114,7 +114,7 @@ export default hopeTheme({
       vPre: true,
       vuePlayground: true
     },
-
+/*
     pwa: {
       favicon: "/favicon.ico",
       cacheHTML: true,
@@ -164,7 +164,7 @@ export default hopeTheme({
         ],
       },
     },
-
+*/
     git: {
       contributors: false,
       updatedTime: true,