imagezoom

.vuepress/config.js

@@ -21,6 +21,14 @@ module.exports = {
         return dateFns.format(timestamp, 'YYYY-MM-DD HH:mm:ss')
       }
     },
+    '@vuepress/medium-zoom': {
+      selector: 'p img',
+      // medium-zoom options here
+      // See: https://github.com/francoischalifour/medium-zoom#options
+      options: {
+        margin: 16
+      }
+    },
     'reading-progress': {},
     'vuepress-plugin-element-tabs': {},
     'vuepress-plugin-baidu-autopush':{},

.vuepress/theme/components/Sidebar.vue

@@ -11,9 +11,7 @@
       </p>
       <div>
         <a target="_blank" :href="`http://demo.kuboard.cn/#/login?isReadOnly=true&token=${$site.themeConfig.kuboardToken}`">
-          <p>
-            <img :src="demo_img" style="width: 226px; height: 127px;"></img>
-          </p>
+          <img :src="demo_img" style="width: 226px; height: 127px; border: 1px solid #d7dae2;"></img>
         </a>
       </div>
       <p>