fix: gitalk ignore path for guide; update popup style; README docs link

README.md

@@ -25,9 +25,9 @@ Welcome to the Awesome Javascript Code Implementation.
 
 Document Link:
 
-- [1](https://rain120.github.io/awesome-javascript-code-implementation/)
+- [github.io](https://rain120.github.io/awesome-javascript-code-implementation/)
 
-- [2](https://awesome-javascript-code-implementation.netlify.com/)
+- [netlify](https://awesome-javascript-code-implementation.netlify.com/)
 
 #### 🎮 TL;DR
 

docs/.vuepress/components/MySWUpdatePopup.vue

@@ -4,7 +4,7 @@
       v-if="enabled"
       class="my-sw-update-popup">
       {{ message }}<br>
-      <button @click="reload">{{ buttonText }}</button>
+      <button class="pulse" @click="reload">{{ buttonText }}</button>
     </div>
   </SWUpdatePopup>
 </template>
@@ -19,14 +19,15 @@ export default {
 
 <style>
 .my-sw-update-popup {
-  text-align: right;
   position: fixed;
-  bottom: 20px;
-  right: 20px;
-  background-color: #fff;
-  font-size: 19px;
-  padding: 15px;
-  margin: 0px 15px;
+  right: 1em;
+  bottom: 1em;
+  padding: 1em;
+  border: 1px solid #3eaf7c;
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  z-index: 2;
   box-shadow: 0 4px 10px rgba(17, 255, 106, 0.2);
 }
 
@@ -50,8 +51,32 @@ export default {
   text-shadow: 0px 1px 0px #2f6627;
 }
 
-.my-sw-update-popup button:hover {
-  background-color: #3eaf7c;
+button {
+  background: none;
+  border-radius: 40px;
+  display: inline-block;
+  cursor: pointer;
+  border: 2px solid;
+  font-size: 16px;
+  line-height: 1;
+  margin: 0.5em;
+  padding: 1em 2em;
+  color: #ef6eae;
+  transition: 0.25s;
+}
+
+button:hover, button:focus { 
+  border-color: #ef8f6e;
+}
+
+.pulse:hover, 
+.pulse:focus {
+  animation: pulse 1s;
+  box-shadow: 0 0 0 2em rgba(#fff,0);
+}
+
+@keyframes pulse {
+  0% { box-shadow: 0 0 0 0 #ef8f6e; }
 }
 
 </style>

docs/.vuepress/utils/plugins.js

@@ -21,13 +21,13 @@ module.exports = [
     'vuepress-plugin-awesome-gitalk',
     {
       home: false,
+      ignorePaths: ['/zh/guide/'],
       gitalk: {
         clientID: '58efa883d352424befd3',
         clientSecret: 'faf0e2d7ff9355b3692d605d698f7abcbbd43388',
         repo: 'awesome-javascript-code-implementation',
         owner: 'Rain120',
         admin: ['Rain120'],
-        ignorePaths: [],
         distractionFreeMode: true,
         language: 'zh-CN',
       }

docs/zh/guide/README.md

@@ -25,9 +25,9 @@ Welcome to the Awesome Javascript Code Implementation.
 
 Document Link:
 
-- [1](https://rain120.github.io/awesome-javascript-code-implementation/)
+- [github.io](https://rain120.github.io/awesome-javascript-code-implementation/)
 
-- [2](https://awesome-javascript-code-implementation.netlify.com/)
+- [netlify](https://awesome-javascript-code-implementation.netlify.com/)
 
 ## 🎮 TL;DR
 

package.json

@@ -70,6 +70,6 @@
     "tslint": "^5.20.1",
     "typescript": "^3.7.2",
     "vuepress": "^1.2.0",
-    "vuepress-plugin-awesome-gitalk": "^0.0.3"
+    "vuepress-plugin-awesome-gitalk": "^0.0.4"
   }
 }

zh-CN.md

@@ -25,9 +25,9 @@
 
 文档地址:
 
-- [1](https://rain120.github.io/awesome-javascript-code-implementation/)
+- [github.io](https://rain120.github.io/awesome-javascript-code-implementation/)
 
-- [2](https://awesome-javascript-code-implementation.netlify.com/)
+- [netlify](https://awesome-javascript-code-implementation.netlify.com/)
 
 #### 🎮 TL;DR