feat: encrypt password

Author: reco_luan

components/Background.vue

@@ -74,6 +74,7 @@
 </template>
 
 <script>
+import md5 from 'md5'
 import Navbar from '@theme/components/Navbar'
 import Sidebar from '@theme/components/Sidebar'
 import { resolveSidebarItems } from '@theme/helpers/utils'
@@ -180,22 +181,25 @@ export default {
   methods: {
     hasKey () {
       const keyPage = this.$themeConfig.keyPage
-      if (!keyPage) {
+      if (!keyPage || !keyPage.keys || keyPage.keys.length === 0) {
         this.isHasKey = true
         return
       }
 
-      const keys = keyPage.keys
+      let { keys } = keyPage
+      keys = keys.map(item => md5(item))
       this.isHasKey = keys && keys.indexOf(sessionStorage.getItem('key')) > -1
     },
     hasPageKey () {
-      const pageKeys = this.$frontmatter.keys
-      if (!pageKeys) {
+      let pageKeys = this.$frontmatter.keys
+      if (!pageKeys || pageKeys.length === 0) {
         this.isHasPageKey = true
         return
       }
 
-      this.isHasPageKey = pageKeys && pageKeys.indexOf(sessionStorage.getItem(`pageKey${window.location.pathname}`)) > -1
+      pageKeys = pageKeys.map(item => md5(item))
+
+      this.isHasPageKey = pageKeys.indexOf(sessionStorage.getItem(`pageKey${window.location.pathname}`)) > -1
     },
     toggleSidebar (to) {
       this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen

components/Common.vue

@@ -41,6 +41,7 @@
 </template>
 
 <script>
+import md5 from 'md5'
 import ModuleTransition from '@theme/components/ModuleTransition'
 import moduleTransitonMixin from '@theme/mixins/moduleTransiton'
 
@@ -74,7 +75,7 @@ export default {
         isHasKey,
         $refs: { passwordBtn }
       } = this
-      const keyVal = key.trim()
+      const keyVal = md5(key.trim())
       const pageKey = `pageKey${window.location.pathname}`
       const keyName = isPage ? pageKey : 'key'
       sessionStorage.setItem(keyName, keyVal)
@@ -101,12 +102,12 @@ export default {
       this.warningText = 'Konck! Knock!'
     },
     isHasKey () {
-      const keyPage = this.$themeConfig.keyPage
-      const keys = keyPage.keys
-      return keys && keys.indexOf(sessionStorage.getItem('key')) > -1
+      let { keys } = this.$themeConfig.keyPage
+      keys = keys.map(item => md5(item))
+      return keys.indexOf(sessionStorage.getItem('key')) > -1
     },
     isHasPageKey () {
-      const pageKeys = this.$frontmatter.keys
+      const pageKeys = this.$frontmatter.keys.map(item => md5(item))
       const pageKey = `pageKey${window.location.pathname}`
 
       return pageKeys && pageKeys.indexOf(sessionStorage.getItem(pageKey)) > -1

components/Password.vue

@@ -54,12 +54,9 @@ module.exports = {
     /**
      * 密钥 (if your blog is private)
      */
-
-    // keyPage: {
-    //   keys: ['your password'],
-    //   color: '#42b983',
-    //   lineColor: '#42b983'
-    // },
+    keyPage: {
+      keys: ['123456']
+    },
     friendLink: [
       {
         title: '午后南杂',

example/docs/.vuepress/config.js

@@ -31,7 +31,7 @@
     "@vuepress-reco/vuepress-plugin-extract-code": "1.0.3",
     "@vuepress-reco/vuepress-plugin-loading-page": "1.0.5",
     "@vuepress-reco/vuepress-plugin-pagation": "1.0.6",
-    "@vuepress-reco/vuepress-plugin-comments": "1.0.12",
+    "@vuepress-reco/vuepress-plugin-comments": "1.0.13",
     "@vuepress/plugin-medium-zoom": "1.2.0",
     "@vuepress/plugin-blog": "1.3.0",
     "docsearch.js": "2.5.2",