pwa test

docusaurus.config.js

@@ -41,7 +41,7 @@ const config = {
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          remarkPlugins: [[tabBlocks,{}]],
+          remarkPlugins: [[tabBlocks, {}]],
           sidebarPath: './sidebars.js',
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
@@ -135,7 +135,7 @@ const config = {
         darkTheme: prismThemes.vsDark,
       },
     }),
-  themes:[
+  themes: [
     [
       require.resolve("@easyops-cn/docusaurus-search-local"),
       ({
@@ -144,7 +144,7 @@ const config = {
         explicitSearchResultPath: true,
       }),
     ],
-  ],plugins:[
+  ], plugins: [
     // [
     //   'vercel-analytics',
     //   {
@@ -176,6 +176,34 @@ const config = {
     //     out: "/docs/areact/api/components"
     //   },
     // ],
+    [
+      '@docusaurus/plugin-pwa',
+      {
+        // debug: true,
+        offlineModeActivationStrategies: [
+          'appInstalled',
+          'standalone',
+          'queryString',
+        ],
+        pwaHead: [
+          {
+            tagName: 'link',
+            rel: 'icon',
+            href: '/img/trclogo.png',
+          },
+          {
+            tagName: 'link',
+            rel: 'manifest',
+            href: '/manifest.json', // your PWA manifest
+          },
+          {
+            tagName: 'meta',
+            name: 'theme-color',
+            content: '#7345c4',
+          },
+        ],
+      },
+    ],
   ]
 };
 

package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@docusaurus/core": "^3.5.2",
+    "@docusaurus/plugin-pwa": "^3.5.2",
     "@docusaurus/plugin-vercel-analytics": "^3.5.2",
     "@docusaurus/preset-classic": "^3.5.2",
     "@easyops-cn/docusaurus-search-local": "^0.44.5",

static/manifest.json

@@ -0,0 +1,15 @@
+{
+    "name": "Box3TRC 文档",
+    "short_name": "岛研所文档",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#7345c4",
+    "description": "Box3TRC文档，🔬 Box3TRC 「Technical Research Center」🔬 欢迎来到岛研所！ ",
+    "icons": [
+        {
+            "src": "/img/trclogo.png",
+            "sizes": "48x48",
+            "type": "image/png"
+        }
+    ]
+}