Revert "docs: upgrade vuepress"

This reverts commit 7808f5c.

.gitignore

@@ -7,6 +7,4 @@ DPlayer.log*
 wxw
 .vscode
 package-lock.json
-docs/.vuepress/dist
-docs/.vuepress/.cache
-docs/.vuepress/.temp
+docs/.vuepress/dist

docs/.vuepress/config.ts → docs/.vuepress/config.js

@@ -1,39 +1,56 @@
-import { defaultTheme } from 'vuepress';
-import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics';
-import { registerComponentsPlugin } from '@vuepress/plugin-register-components';
-import { defineUserConfig } from '@vuepress/cli';
-import path from 'path';
-
-export default defineUserConfig({
-    title: 'DPlayer',
-    description: '🍭 Wow, such a lovely HTML5 danmaku video player',
-    plugins: [
-        googleAnalyticsPlugin({
-            id: 'G-QEBJJDX922',
-        }),
-        registerComponentsPlugin({
-            componentsDir: path.resolve(__dirname, './components'),
-        }),
-    ],
-
+module.exports = {
+    plugins: {
+        '@vuepress/google-analytics': {
+            ga: 'UA-48084758-9',
+        },
+        '@vuepress/pwa': {
+            serviceWorker: true,
+            updatePopup: {
+                '/zh/': {
+                    message: '发现新内容可用',
+                    buttonText: '刷新',
+                },
+                '/': {
+                    message: 'New content is available',
+                    buttonText: 'Refresh',
+                },
+            },
+        },
+        '@vuepress/back-to-top': true,
+    },
     locales: {
         '/zh/': {
             lang: 'zh-CN',
+            title: 'DPlayer',
+            description: '🍭 Wow, such a lovely HTML5 danmaku video player',
         },
         '/': {
             lang: 'en-US',
+            title: 'DPlayer',
+            description: '🍭 Wow, such a lovely HTML5 danmaku video player',
         },
     },
-
-    theme: defaultTheme({
-        repo: 'DIYgod/DPlayer',
+    head: [
+        ['link', { rel: 'icon', href: `/logo.png` }],
+        ['script', { src: 'https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js' }],
+        ['script', { src: 'https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js' }],
+        ['script', { src: 'https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js' }],
+        ['script', { src: 'https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js' }],
+        ['script', { src: 'https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js' }],
+    ],
+    theme: 'vuepress-theme-dplayer',
+    themeConfig: {
+        repo: 'MoePlayer/DPlayer',
+        editLinks: true,
         docsDir: 'docs',
-        logo: '/logo.png',
-
         locales: {
             '/zh/': {
-                selectLanguageName: '简体中文',
-                navbar: [
+                lang: 'zh-CN',
+                selectText: '选择语言',
+                label: '简体中文',
+                editLinkText: '在 GitHub 上编辑此页',
+                lastUpdated: '上次更新',
+                nav: [
                     {
                         text: '指南',
                         link: '/zh/guide/',
@@ -49,8 +66,12 @@ export default defineUserConfig({
                 ],
             },
             '/': {
-                selectLanguageName: 'English',
-                navbar: [
+                lang: 'en-US',
+                selectText: 'Languages',
+                label: 'English',
+                editLinkText: 'Edit this page on GitHub',
+                lastUpdated: 'Last Updated',
+                nav: [
                     {
                         text: 'Guide',
                         link: '/guide/',
@@ -66,14 +87,5 @@ export default defineUserConfig({
                 ],
             },
         },
-    }),
-
-    head: [
-        ['link', { rel: 'icon', href: `/logo.png` }],
-        ['script', { src: 'https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js' }],
-        ['script', { src: 'https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js' }],
-        ['script', { src: 'https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js' }],
-        ['script', { src: 'https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js' }],
-        ['script', { src: 'https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js' }],
-    ],
-});
+    },
+};

docs/.vuepress/styles/index.styl

@@ -0,0 +1,48 @@
+.navbar .home-link .site-name {
+    color: #F5712C;
+}
+
+.page .custom-block.tip {
+    border-color: #F5712C;
+}
+
+.icon.outbound {
+    display: none;
+}
+
+a {
+  word-break: break-all;
+}
+
+#指南 {
+    display: none;
+}
+
+#guide {
+    display: none;
+}
+
+#app .global-ui .sw-update-popup {
+    border: 1px solid #F5712C;
+}
+
+.routes .sidebar-group-items > li > .sidebar-sub-headers > .sidebar-sub-header > a {
+    color: $accentColor;
+}
+
+#dplayer {
+    margin-top: -1.5rem;
+    margin-bottom: 1rem;
+}
+
+.hero .description {
+    display: none;
+}
+
+.hero .action {
+    display: none;
+}
+
+.hero.custom .action {
+    display: block;
+}

docs/.vuepress/styles/palette.styl

@@ -0,0 +1 @@
+$accentColor = #F5712C

docs/README.md

@@ -1,12 +1,12 @@
 ---
 home: true
+actionText: Get Started →
+actionLink: /guide/
 footer: MIT Licensed | Made with love by DIYgod
 ---
 
 <div>
   <DPlayer :immediate="true"></DPlayer>
 </div>
 
-<div class="hero custom">
-<p class="actions"><a href="/guide/" class="action-button primary" aria-label="Get Started"> Get Started </a></p>
-</div>
+<div class="hero custom"><p class="action"><router-link to="/guide/" class="nav-link action-button">Get Started →</router-link></p></div>

package.json

@@ -39,9 +39,9 @@
     "devDependencies": {
         "@babel/core": "^7.6.0",
         "@babel/preset-env": "^7.4.5",
-        "@vuepress/client": "2.0.0-beta.49",
-        "@vuepress/plugin-google-analytics": "2.0.0-beta.49",
-        "@vuepress/plugin-register-components": "2.0.0-beta.49",
+        "@vuepress/plugin-back-to-top": "1.9.7",
+        "@vuepress/plugin-google-analytics": "1.9.7",
+        "@vuepress/plugin-pwa": "1.9.7",
         "art-template": "4.13.2",
         "art-template-loader": "1.4.3",
         "autoprefixer": "^10.4.8",
@@ -69,8 +69,7 @@
         "svg-inline-loader": "0.8.2",
         "template-string-optimize-loader": "^3.0.0",
         "url-loader": "^4.1.0",
-        "vue": "^3.2.37",
-        "vuepress": "2.0.0-beta.49",
+        "vuepress": "1.9.7",
         "webpack": "^5.74.0",
         "webpack-cli": "4.10.0",
         "webpack-dev-server": "^4.10.0",