From b601c07ea418d635b8e3c77ce36a20cecfd862fb Mon Sep 17 00:00:00 2001
From: surmon-china <surmon@foxmail.com>
Date: Thu, 11 Oct 2018 23:38:30 +0800
Subject: [PATCH] update jsdoc info and optimize code

---
 .eslintrc.js                            | 10 ++++++++-
 CHANGELOG.md                            |  2 ++
 api.config.js                           |  3 ++-
 components/archive/header.vue           |  2 +-
 components/common/color-block/block.vue |  4 ++--
 components/common/color-block/index.js  |  3 ++-
 components/common/comment/index.js      |  3 ++-
 components/common/empty/index.js        |  3 ++-
 components/common/loading/index.js      |  3 ++-
 components/common/wall-flower/index.js  |  3 ++-
 components/layout/calendar.vue          | 10 ++++-----
 components/layout/emoji-rain.vue        |  4 +++-
 components/layout/footer.vue            |  2 +-
 components/layout/header.vue            |  4 +++-
 components/layout/index.js              |  3 ++-
 components/layout/language-psm.vue      |  2 +-
 components/layout/tool-box.vue          | 20 ++++++++---------
 components/layout/webrtc/main.vue       |  4 +++-
 components/mobile/aside.vue             |  6 ++---
 components/mobile/index.js              |  3 ++-
 environment.js                          | 19 +++++++++++++---
 extend/html-cdn-loader.js               |  9 ++++----
 filters/html-filter.js                  |  3 ++-
 filters/index.js                        |  3 ++-
 filters/time-filter.js                  |  3 ++-
 i18n.config.js                          |  3 ++-
 middleware/change-page-col.js           |  3 ++-
 nuxt.config.js                          |  3 ++-
 pages/about.vue                         | 13 ++++-------
 pages/app.vue                           |  6 +++--
 pages/article/_article_id.vue           |  5 +----
 pages/category/_category_slug.vue       |  2 +-
 pages/guestbook.vue                     | 10 ++++-----
 pages/index.vue                         |  1 +
 pages/music.vue                         | 29 ++++++++++++-------------
 pages/project.vue                       |  6 +++--
 pages/search/_keyword.vue               |  3 ++-
 pages/service.vue                       |  6 +++--
 pages/sitemap.vue                       |  6 +++--
 pages/tag/_tag_slug.vue                 |  4 +---
 plugins/baidu-seo-push.js               | 19 +++++++++-------
 plugins/copy-right.js                   |  9 +++++---
 plugins/emoji-233333.js                 |  6 +++--
 plugins/ga.js                           |  7 ++++--
 plugins/gravatar.js                     |  3 ++-
 plugins/highlight.js                    |  5 +++--
 plugins/image-popup.js                  |  7 ++++--
 plugins/loaded-task.js                  |  6 +++--
 plugins/marked.js                       |  5 +++--
 plugins/particles.js                    |  5 +++--
 plugins/socket.io.js                    | 12 +++++-----
 plugins/swiper.js                       |  3 ++-
 plugins/vue-extend.js                   |  3 ++-
 plugins/webrtc.js                       |  3 ++-
 server.js                               | 11 +++++-----
 servers/barrage.server.js               |  6 ++++-
 servers/webrtc.server.js                |  5 +++--
 store/announcement.js                   |  3 ++-
 store/article.js                        |  5 +++--
 store/category.js                       |  5 +++--
 store/comment.js                        |  9 +++++---
 store/index.js                          |  8 ++++---
 store/option.js                         |  6 +++--
 store/project.js                        |  3 ++-
 store/sitemap.js                        |  3 ++-
 store/tag.js                            |  3 ++-
 utils/article-tag-releted-parse.js      | 13 ++---------
 utils/console-slogan.js                 |  7 ++++--
 utils/event-bus.js                      |  3 ++-
 utils/i18n-transfer.js                  |  3 ++-
 utils/local-storage.js                  |  3 ++-
 utils/music-player-builder.js           |  3 ++-
 utils/scroll-to-anywhere.js             |  3 ++-
 utils/ua-device.js                      |  3 ++-
 utils/ua-os-browser.js                  |  3 ++-
 utils/underscore-simple.js              |  5 +++--
 utils/update-analytics.js               | 14 ++++--------
 77 files changed, 267 insertions(+), 184 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 41fdf3cf6..f7fa5d0bc 100755
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,3 +1,11 @@
+/**
+ * @file Api config / Commonjs module
+ * @module eslint.config
+ * @author Surmon <https://github.com/surmon-china>
+*/
+
+const { isProdMode } = require('./environment')
+
 module.exports = {
   root: true,
   env: {
@@ -58,7 +66,7 @@ module.exports = {
     "no-control-regex": 2,
 
     // 禁止使用debugger语句
-    "no-debugger": process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    "no-debugger": isProdMode ? 'error' : 'off',
 
     // 函数参数禁止重名
     "no-dupe-args": 2,
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a34966f98..b7817d785 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,8 @@
 - 规范编码风格
 - 增加壁纸功能
 - 优化开发时正向代理服务
+- 优化组件结构
+- 重新抽象一些方法
 
 ### v1.2.6
 - 修复 APP 下载地址
diff --git a/api.config.js b/api.config.js
index 1a741b8e8..241136996 100755
--- a/api.config.js
+++ b/api.config.js
@@ -1,6 +1,7 @@
 /**
  * @file Api config / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module api.config
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const { isProdMode } = require('./environment')
diff --git a/components/archive/header.vue b/components/archive/header.vue
index f94742c0e..d184f4809 100755
--- a/components/archive/header.vue
+++ b/components/archive/header.vue
@@ -62,7 +62,7 @@
     name: 'article-list-header',
     computed: {
       languageIsEn() {
-        return this.$store.state.option.language === 'en'
+        return this.$store.getters['option/langIsEn']
       },
       currentTag() {
         return this.$store.state.tag.data.data.find((tag, index, arr) => {
diff --git a/components/common/color-block/block.vue b/components/common/color-block/block.vue
index 9ab32499f..305c08ec8 100755
--- a/components/common/color-block/block.vue
+++ b/components/common/color-block/block.vue
@@ -14,11 +14,11 @@
     name: 'color-block-box',
     props: {
       left: Number,
+      color: String,
       border: {
         type: String,
         default: 'right'
-      },
-      color: String
+      }
     }
   }
 </script>
diff --git a/components/common/color-block/index.js b/components/common/color-block/index.js
index dc95467ed..3b5c2cc17 100755
--- a/components/common/color-block/index.js
+++ b/components/common/color-block/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Color block component / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/common/color-block
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import ColorBlockComponent from './block'
diff --git a/components/common/comment/index.js b/components/common/comment/index.js
index 5f33d8719..d0450f3c9 100755
--- a/components/common/comment/index.js
+++ b/components/common/comment/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Comment box component / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/common/comment
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import vueComment from './comment'
diff --git a/components/common/empty/index.js b/components/common/empty/index.js
index 422b72948..b4b970aec 100755
--- a/components/common/empty/index.js
+++ b/components/common/empty/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Empty box component / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/common/empty
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import EmptyComponent from './empty'
diff --git a/components/common/loading/index.js b/components/common/loading/index.js
index 1b857c42c..9f50dc64b 100755
--- a/components/common/loading/index.js
+++ b/components/common/loading/index.js
@@ -1,6 +1,7 @@
  /**
  * @file Loading component / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/common/loading
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import LoadingComponent from './loading'
diff --git a/components/common/wall-flower/index.js b/components/common/wall-flower/index.js
index a2b03a6b0..5cadc3a17 100755
--- a/components/common/wall-flower/index.js
+++ b/components/common/wall-flower/index.js
@@ -1,6 +1,7 @@
  /**
  * @file Wall flower component / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/common/wall-flower
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import WallFlowerComponent from './garden'
diff --git a/components/layout/calendar.vue b/components/layout/calendar.vue
index 0b4781b5b..1d53dbc1d 100755
--- a/components/layout/calendar.vue
+++ b/components/layout/calendar.vue
@@ -19,15 +19,15 @@
     </div>
     <!-- 星期 -->
     <ul class="weekdays" v-if="languageIsEn">
-      <li v-for="day in weeksEn">{{ day }}</li>
+      <li :key="index" v-for="(day, index) in weeksEn">{{ day }}</li>
     </ul>
     <ul class="weekdays" v-else>
-      <li v-for="day in weeksZh">{{ day }}</li>
+      <li :key="index" v-for="(day, index) in weeksZh">{{ day }}</li>
     </ul>
     <!-- 日期 -->
     <ul class="days">
       <loading-box v-if="!days.length" class="loading-box"></loading-box>
-      <li v-for="day in days">
+      <li :key="index" v-for="(day, index) in days">
         <!--本月-->
         <span v-if="day.getMonth() + 1 != currentMonth" 
               class="other-month">{{ day.getDate() }}</span>
@@ -60,7 +60,7 @@
     },
     computed: {
       languageIsEn() {
-        return this.$store.state.option.language === 'en'
+        return this.$store.getters['option/langIsEn']
       }
     },
     methods: {
@@ -172,7 +172,7 @@
       margin-bottom: .5em;
 
       > li {
-        display: inline-block;
+        display: block;
         float: left;
         width: calc(100% / 7);
         text-align: center;
diff --git a/components/layout/emoji-rain.vue b/components/layout/emoji-rain.vue
index 720f8ad0d..2806bc6ee 100644
--- a/components/layout/emoji-rain.vue
+++ b/components/layout/emoji-rain.vue
@@ -7,6 +7,8 @@
 
 <script>
   import eventBus from '~/utils/event-bus'
+  import { isBrowser } from '~/environment'
+
   export default {
     name: 'global-emoji-rain',
     computed: {
@@ -16,7 +18,7 @@
     },
     methods: {
       buildEmojiBase() {
-        if (process.browser) {
+        if (isBrowser) {
           const emojiBase = this.$refs.emoji
           emojiBase.width = document.documentElement.clientWidth || document.body.clientWidth
           emojiBase.height = document.documentElement.clientHeight || document.body.clientHeight
diff --git a/components/layout/footer.vue b/components/layout/footer.vue
index 8a063cad8..7b81e52fc 100755
--- a/components/layout/footer.vue
+++ b/components/layout/footer.vue
@@ -39,7 +39,7 @@
     name: 'layout-footer',
     computed: {
       languageIsEn() {
-        return this.$store.state.option.language === 'en'
+        return this.$store.getters['option/langIsEn']
       }
     }
   }
diff --git a/components/layout/header.vue b/components/layout/header.vue
index 543ad6356..2ae43ec7d 100755
--- a/components/layout/header.vue
+++ b/components/layout/header.vue
@@ -54,6 +54,8 @@
 
 <script>
   import EventBus from '~/utils/event-bus'
+  import { isBrowser } from '~/environment'
+
   export default {
     name: 'layout-header',
     data() {
@@ -62,7 +64,7 @@
       }
     },
     mounted() {
-      if (process.browser) {
+      if (isBrowser) {
         window.addLoadedTask(() => {
           this.preload = true;
         })
diff --git a/components/layout/index.js b/components/layout/index.js
index f314afc27..187190326 100755
--- a/components/layout/index.js
+++ b/components/layout/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Layout components / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/layout/index
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Background from './background.vue'
diff --git a/components/layout/language-psm.vue b/components/layout/language-psm.vue
index 2c9cf1933..95dfdef73 100644
--- a/components/layout/language-psm.vue
+++ b/components/layout/language-psm.vue
@@ -28,7 +28,7 @@
         let psmText = ''
         let onText = ''
         let offText = ''
-        const isEn = this.language === 'en'
+        const isEn = this.$store.getters['option/langIsEn']
         if (isEn) {
           psmText = 'Canvas background, comment emoji rain, WebRTC, Theme、core socialist values'
         } else {
diff --git a/components/layout/tool-box.vue b/components/layout/tool-box.vue
index 81621b880..c391db8c9 100755
--- a/components/layout/tool-box.vue
+++ b/components/layout/tool-box.vue
@@ -49,8 +49,9 @@
 
 <script>
   import { mapState } from 'vuex'
-  import { scrollTo, Easing } from '~/utils/scroll-to-anywhere'
   import underscore from '~/utils/underscore-simple'
+  import { scrollTo, Easing } from '~/utils/scroll-to-anywhere'
+
   export default {
     name: 'tool-box',
     data() {
@@ -78,7 +79,7 @@
         scrollTo(window.scrollY + window.innerHeight, 300, { easing: Easing['ease-in'] })
       },
       setButtonState(position, state, start) {
-        this[(Object.is(position, 'bottom') ? 'bottomBtnMouseOver' : 'topBtnMouseOver')] = state
+        this[position === 'bottom' ? 'bottomBtnMouseOver' : 'topBtnMouseOver'] = state
         window.cancelAnimationFrame(this.animationFrameId)
         start && this.slowMoveToAnyWhere()
       },
@@ -94,7 +95,9 @@
             targetScrollY = currentScrollY
           }
           const canScrollTo = targetScrollY > 0 && targetScrollY < currentScrollY
-          if (!canScrollTo) return false
+          if (!canScrollTo) {
+            return false
+          }
           window.scrollTo(0, targetScrollY)
           if (this.bottomBtnMouseOver || this.topBtnMouseOver) {
             this.animationFrameId = window.requestAnimationFrame(step)
@@ -109,14 +112,11 @@
         this.$store.commit('option/UPDATE_BARRAGE_STATE')
       },
       toggleWebrtc() {
-        const isEn = this.language === 'en'
+        const isEn = this.$store.getters['option/langIsEn']
         if (this.firstOpenWeRtc && !this.webrtcState) {
-          let confirmText
-          if (isEn) {
-            confirmText = 'Will open WebRTC、WebGL、Canvas, ready?'
-          } else {
-            confirmText = '实验室功能需要 WebRTC、WebGL、Canvas 等技术的支持，可能占用较多 CPU/GPU 资源，甚至死机、起火、爆炸、毁灭，继续？'
-          }
+          const confirmText = isEn
+            ? 'Will open WebRTC、WebGL、Canvas, ready?'
+            : '实验室功能需要 WebRTC、WebGL、Canvas 等技术的支持，可能占用较多 CPU/GPU 资源，甚至死机、起火、爆炸、毁灭，继续？'
           if (!window.confirm(confirmText)) {
             this.$store.commit('option/UPDATE_WEBRTC_STATE', false)
             window.alert(isEn ? 'Sorry~' : '滚滚滚')
diff --git a/components/layout/webrtc/main.vue b/components/layout/webrtc/main.vue
index ef4479a24..aaf9b8fd8 100644
--- a/components/layout/webrtc/main.vue
+++ b/components/layout/webrtc/main.vue
@@ -106,9 +106,11 @@
 
 <script>
   import apiConfig from '~/api.config'
+  import { isDevMode } from '~/environment'
   import socketio from '~/plugins/socket.io'
   import SimpleWebRTC from '~/plugins/webrtc'
   import faceCtracker from './face-ctracker'
+  
   export default {
     name: 'webrtc',
     components: {
@@ -283,7 +285,7 @@
         localVideoEl: '',
         remoteVideosEl: '',
         debug: false,
-        // debug: process.env.NODE_ENV !== 'production',
+        debug: isDevMode,
         autoAdjustMic: true,
         autoRequestMedia: true,
         detectSpeakingEvents: true,
diff --git a/components/mobile/aside.vue b/components/mobile/aside.vue
index 61c5a701e..0a4ac89c2 100755
--- a/components/mobile/aside.vue
+++ b/components/mobile/aside.vue
@@ -82,9 +82,9 @@
     computed: {
       gravatar() {
         const gravatar = this.$store.state.option.adminInfo.data.gravatar
-        return !!gravatar 
-                ? `${gravatar}?imageView2/1/w/180/h/180/interlace/1/q/75|imageslim` 
-                : `${this.cdnUrl}/images/gravatar.jpg`
+        return gravatar 
+          ? `${gravatar}?imageView2/1/w/180/h/180/interlace/1/q/75|imageslim` 
+          : `${this.cdnUrl}/images/gravatar.jpg`
       }
     }
   }
diff --git a/components/mobile/index.js b/components/mobile/index.js
index eff294e2f..fb3efbef7 100755
--- a/components/mobile/index.js
+++ b/components/mobile/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Mobile Layout components / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module components/mobile/index
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import MobileHeader from './header.vue'
diff --git a/environment.js b/environment.js
index ebcd450b2..3daf865d6 100644
--- a/environment.js
+++ b/environment.js
@@ -1,10 +1,23 @@
 /**
  * @file Environment / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module environment
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-const isProdMode = Object.is(process.env.NODE_ENV, 'production')
+const environment = process.env
+const isDevMode = Object.is(environment.NODE_ENV, 'development')
+const isProdMode = Object.is(environment.NODE_ENV, 'production')
+
+const isStatic = process && process.static
+const isServer = process && process.server
+const isBrowser = process && process.browser
 
 module.exports = {
-  isProdMode
+  isDevMode,
+  isProdMode,
+  environment,
+  
+  isStatic,
+  isBrowser,
+  isServer
 }
diff --git a/extend/html-cdn-loader.js b/extend/html-cdn-loader.js
index 04e04a82d..28cab3fa5 100644
--- a/extend/html-cdn-loader.js
+++ b/extend/html-cdn-loader.js
@@ -1,15 +1,16 @@
 /**
  * @file Webpack CDN 解析器 / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module extend/html-cdn-loader
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-const apiConfig = require('../api.config')
+const { cdnUrl } = require('../api.config')
 const { isProdMode } = require('../environment')
 
 module.exports = source => {
   if (isProdMode) {
-    source = source.replace(/src="\/images\//g, `src="${apiConfig.cdnUrl}/images/`)
-    source = source.replace(/src="\/partials\//g, `src="${apiConfig.cdnUrl}/partials/`)
+    source = source.replace(/src="\/images\//g, `src="${cdnUrl}/images/`)
+    source = source.replace(/src="\/partials\//g, `src="${cdnUrl}/partials/`)
   }
   return source
 }
diff --git a/filters/html-filter.js b/filters/html-filter.js
index 8bac7118f..38fa6d859 100755
--- a/filters/html-filter.js
+++ b/filters/html-filter.js
@@ -1,6 +1,7 @@
 /**
  * @file Text Filters / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module filters/html-filter
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 // 文字溢出过滤器
diff --git a/filters/index.js b/filters/index.js
index 6625c4bef..fe68edb92 100755
--- a/filters/index.js
+++ b/filters/index.js
@@ -1,6 +1,7 @@
 /**
  * @file Filters / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module filters/index
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import { textOverflow, firstUpperCase } from './html-filter.js'
diff --git a/filters/time-filter.js b/filters/time-filter.js
index c6a5bcf93..ef38a1ae1 100755
--- a/filters/time-filter.js
+++ b/filters/time-filter.js
@@ -1,6 +1,7 @@
 /**
  * @file Time Filters / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module filters/time-filter
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 // 取剩余秒
diff --git a/i18n.config.js b/i18n.config.js
index 089db05be..043e23585 100644
--- a/i18n.config.js
+++ b/i18n.config.js
@@ -1,6 +1,7 @@
 /**
  * @file I18n config / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module i18n.config
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 module.exports = {
diff --git a/middleware/change-page-col.js b/middleware/change-page-col.js
index 4230e49c6..c829f86a8 100755
--- a/middleware/change-page-col.js
+++ b/middleware/change-page-col.js
@@ -1,6 +1,7 @@
 /**
  * @file 响应布局-中间件 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module middleware/change-page-col
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export default ({ route, store }, next) => {
diff --git a/nuxt.config.js b/nuxt.config.js
index 520af100a..3f7e04f81 100755
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,6 +1,7 @@
 /**
  * @file App config / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module nuxt.config
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const path = require('path')
diff --git a/pages/about.vue b/pages/about.vue
index 2e22d49de..53dc11765 100755
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -221,22 +221,17 @@
   export default {
     name: 'about',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.about + ' | '}About`
+        title: `${this.langIsEn ? '' : this.$i18n.nav.about + ' | '}About`
       }
     },
     computed: {
-      language() {
-        return this.$store.state.option.language
-      },
-      langEn() {
-        return this.$store.state.option.language === 'en'
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
       },
       gravatar() {
-        // const gravatar = null
         const gravatar = this.$store.state.option.adminInfo.data.gravatar
-        return !!gravatar 
+        return gravatar
                 ? `${gravatar}?imageView2/1/w/360/h/360/interlace/1/q/75|imageslim` 
                 : `${this.cdnUrl}/images/gravatar.jpg`
       },
diff --git a/pages/app.vue b/pages/app.vue
index 4c19a9f38..ab194a3c7 100755
--- a/pages/app.vue
+++ b/pages/app.vue
@@ -30,9 +30,8 @@
   export default {
     name: 'app',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.app + ' | '}App`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.app + ' | '}App`
       }
     },
     data() {
@@ -41,6 +40,9 @@
       }
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       mobileLayout() {
         return this.$store.state.option.mobileLayout
       }
diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index abccea8ea..b5b1a191d 100755
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -199,7 +199,7 @@
         mobileLayout: state => state.option.mobileLayout,
       }),
       languageIsEn() {
-        return this.language === 'en'
+        return this.$store.getters['option/langIsEn']
       },
       articleContent() {
         const content = this.article.content
@@ -621,9 +621,6 @@
       padding: .8em;
       margin-bottom: 1em;
       background-color: $module-bg;
-
-      > .share-box {
-      }
     }
 
     > .metas {
diff --git a/pages/category/_category_slug.vue b/pages/category/_category_slug.vue
index 03ad588c3..eac9d4e12 100755
--- a/pages/category/_category_slug.vue
+++ b/pages/category/_category_slug.vue
@@ -25,7 +25,7 @@
     head() {
       const slug = this.defaultParams.category_slug || ''
       const title = slug.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase())
-      const isEn = this.$store.state.option.language === 'en'
+      const isEn = this.$store.getters['option/langIsEn']
       const zhTitle = isEn ? '' : `${this.$i18n.nav[slug]} | `
       return { 
         title: `${zhTitle}${title} | Category` 
diff --git a/pages/guestbook.vue b/pages/guestbook.vue
index 0e60c8fb5..8835604f8 100755
--- a/pages/guestbook.vue
+++ b/pages/guestbook.vue
@@ -9,9 +9,7 @@
       </div>
     </div>
     <div class="comment">
-      <comment-box :post-id="0" 
-                   :likes="$store.state.option.globalOption.data.meta.likes">
-      </comment-box>
+      <comment-box :post-id="0" :likes="$store.state.option.globalOption.data.meta.likes" />
     </div>
   </div>
 </template>
@@ -20,12 +18,14 @@
   export default {
     name: 'guestbook',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.guestbook + ' | '}Guestbook`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.guestbook + ' | '}Guestbook`
       }
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       mobileLayout() {
         return this.$store.state.option.mobileLayout
       }
diff --git a/pages/index.vue b/pages/index.vue
index 093588f3c..6a7806226 100755
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,6 +10,7 @@
   import ArticleList from '~/components/archive/list'
   import Carrousel from '~/components/archive/carrousel'
   import Announcement from '~/components/archive/announcement'
+  
   export default {
     name: 'index',
     fetch({ store }) {
diff --git a/pages/music.vue b/pages/music.vue
index 212c5c673..c7505d352 100755
--- a/pages/music.vue
+++ b/pages/music.vue
@@ -61,12 +61,13 @@
 
 <script>
   import EventBus from '~/utils/event-bus'
+  import { isBrowser } from '~/environment'
+
   export default {
     name: 'music',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.music + ' | '}Music`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.music + ' | '}Music`
       }
     },
     data() {
@@ -80,7 +81,7 @@
       }
     },
     mounted() {
-      if (process.browser) {
+      if (isBrowser) {
         this.updateScreenHeight()
         window.addEventListener('resize', this.updateScreenHeight)
       }
@@ -89,6 +90,9 @@
       window.removeEventListener('resize', this.updateScreenHeight)
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       player() {
         return EventBus.player.player
       },
@@ -132,25 +136,20 @@
           this.height = minHeight
         }
       },
+      checkPLayerState(action) {
+        this.playerState.ready && action()
+      },
       togglePlay() {
-        if (this.playerState.ready) {
-          this.player.togglePlay()
-        }
+        this.checkPLayerState(this.player.togglePlay)
       },
       toggleMuted() {
-        if (this.playerState.ready) {
-          this.player.toggleMuted()
-        }
+        this.checkPLayerState(this.player.toggleMuted)
       },
       prevSong() {
-        if (this.playerState.ready) {
-          this.player.prevSong()
-        }
+        this.checkPLayerState(this.player.prevSong)
       },
       nextSong() {
-        if (this.playerState.ready) {
-          this.player.nextSong()
-        }
+        this.checkPLayerState(this.player.nextSong)
       }
     }
   }
diff --git a/pages/project.vue b/pages/project.vue
index abc67c24d..695252bce 100755
--- a/pages/project.vue
+++ b/pages/project.vue
@@ -38,15 +38,17 @@
   export default {
     name: 'project',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.project + ' | '}Project`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.project + ' | '}Project`
       }
     },
     fetch({ store }) {
       return store.dispatch('loadGithubRepositories')
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       projects() {
         return this.$store.state.project.repositories.data
       },
diff --git a/pages/search/_keyword.vue b/pages/search/_keyword.vue
index cbf2a3d4c..6571da5c2 100755
--- a/pages/search/_keyword.vue
+++ b/pages/search/_keyword.vue
@@ -17,7 +17,8 @@
     },
     head () {
       return {
-        title: `${this.defaultParams.keyword} | Search` }
+        title: `${this.defaultParams.keyword} | Search`
+      }
     },
     components: {
       ArticleList
diff --git a/pages/service.vue b/pages/service.vue
index a73fe3d2b..e51064bc0 100644
--- a/pages/service.vue
+++ b/pages/service.vue
@@ -104,9 +104,8 @@
   export default {
     name: 'service',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.service + ' | '}Service`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.service + ' | '}Service`
       }
     },
     methods: {
@@ -121,6 +120,9 @@
       }
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       mobileLayout() {
         return this.$store.state.option.mobileLayout
       }
diff --git a/pages/sitemap.vue b/pages/sitemap.vue
index 7fde1b1da..debcb5c9f 100755
--- a/pages/sitemap.vue
+++ b/pages/sitemap.vue
@@ -84,15 +84,17 @@
   export default {
     name: 'sitemap',
     head() {
-      const isEn = this.$store.state.option.language === 'en'
       return {
-        title: `${isEn ? '' : this.$i18n.nav.map + ' | '}Sitemap`,
+        title: `${this.langIsEn ? '' : this.$i18n.nav.map + ' | '}Sitemap`
       }
     },
     fetch ({ store }) {
       return store.dispatch('loadSitemapArticles', { per_page: 500 })
     },
     computed: {
+      langIsEn() {
+        return this.$store.getters['option/langIsEn']
+      },
       ...mapState({
         tags: state => state.tag.data.data,
         categories: state => state.category.data.data,
diff --git a/pages/tag/_tag_slug.vue b/pages/tag/_tag_slug.vue
index 8b34dfa30..6ccb90b27 100755
--- a/pages/tag/_tag_slug.vue
+++ b/pages/tag/_tag_slug.vue
@@ -21,9 +21,7 @@
     head () {
       const slug = this.defaultParams.tag_slug || ''
       const title = slug.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase())
-      return {
-        title: `${title} | Tag`
-      }
+      return { title: `${title} | Tag` }
     },
     created() {
       if (!this.currentTag) {
diff --git a/plugins/baidu-seo-push.js b/plugins/baidu-seo-push.js
index 7d2f4f4b5..423fc84b0 100755
--- a/plugins/baidu-seo-push.js
+++ b/plugins/baidu-seo-push.js
@@ -1,25 +1,28 @@
 /**
  * @file 客户端百度 SEO 服务 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/baidu-seo-push
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-if (process.env.NODE_ENV === 'production') {
+import { isBrowser, isProdMode } from '~/environment'
+
+if (isProdMode && isBrowser) {
   /*
   ** 百度seo-自动push脚本
   ** https://zz.bdstatic.com/linksubmit/push.js
   */
   const baiduPush = href => {
-    !function(){
-      let e = /([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi
-      let r = href || window.location.href
-      let t = document.referrer
+    (function() {
+      const e = /([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi
+      const r = href || window.location.href
+      const t = document.referrer
       if (!e.test(r)) {
         let o = "https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif"
         t ? (o += "?r=" + encodeURIComponent(document.referrer), r && (o += "&l=" + r)) : r && (o += "?l=" + r)
-        let i = new Image
+        const i = new Image
         i.src = o
       }
-    }(window)
+    }(window))
   }
 
   baiduPush()
diff --git a/plugins/copy-right.js b/plugins/copy-right.js
index f37ce0528..558e6f429 100755
--- a/plugins/copy-right.js
+++ b/plugins/copy-right.js
@@ -1,9 +1,12 @@
 /**
  * @file 复制拦截器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/copy-right
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-if (process.browser) {
+import { isBrowser } from '~/environment'
+
+if (isBrowser) {
  
   const copyText = () => {
     return [ '',
@@ -27,7 +30,7 @@ if (process.browser) {
   }
 
   document.addEventListener('copy', e => {
-    if(!window.getSelection) return
+    if (!window.getSelection) return
     if (!window.clickCopy) {
       const content = window.getSelection().toString()
       e.clipboardData.setData('text/plain', buildText(content))
diff --git a/plugins/emoji-233333.js b/plugins/emoji-233333.js
index 77285fc46..012c39f6e 100644
--- a/plugins/emoji-233333.js
+++ b/plugins/emoji-233333.js
@@ -1,10 +1,12 @@
 /**
  * @file 留言表情雨 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/emoji-233333
+ * @author Surmon <https://github.com/surmon-china>
  */
 
+import { isBrowser } from '~/environment'
 import Emoji233333 from 'emoji-233333'
 
-if (process.browser) {
+if (isBrowser) {
   window.Emoji233333 = Emoji233333
 }
diff --git a/plugins/ga.js b/plugins/ga.js
index 59b63e1d0..05dc1f643 100755
--- a/plugins/ga.js
+++ b/plugins/ga.js
@@ -1,9 +1,12 @@
 /**
  * @file GA 统计服务 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/ga
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-if (process.env.NODE_ENV === 'production') {
+import { isProdMode } from '~/environment'
+
+if (isProdMode) {
   /*
   ** Google 统计分析脚本
   */
diff --git a/plugins/gravatar.js b/plugins/gravatar.js
index c9dbf5188..95143daf9 100755
--- a/plugins/gravatar.js
+++ b/plugins/gravatar.js
@@ -1,6 +1,7 @@
 /**
  * @file gravatar / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/gravatar
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import gravatar from 'gravatar'
diff --git a/plugins/highlight.js b/plugins/highlight.js
index f389ed1b3..e440cc9d5 100644
--- a/plugins/highlight.js
+++ b/plugins/highlight.js
@@ -1,9 +1,10 @@
 /**
  * @file highlight.js / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/highlight
+ * @author Surmon <https://github.com/surmon-china>
  */
 
- const Hljs = require('highlight.js/lib/highlight')
+const Hljs = require('highlight.js/lib/highlight')
 
 Hljs.registerLanguage('go', require('highlight.js/lib/languages/go'))
 Hljs.registerLanguage('css', require('highlight.js/lib/languages/css'))
diff --git a/plugins/image-popup.js b/plugins/image-popup.js
index 1ce4f1142..f8bdc9cfb 100755
--- a/plugins/image-popup.js
+++ b/plugins/image-popup.js
@@ -1,9 +1,12 @@
 /**
  * @file 图片弹窗服务 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/image-popup
+ * @author Surmon <https://github.com/surmon-china>
  */
 
-if (process.browser) {
+import { isBrowser } from '~/environment'
+
+if (isBrowser) {
 
   // 销毁图片弹窗
   const closeImgPopup = () => {
diff --git a/plugins/loaded-task.js b/plugins/loaded-task.js
index a1954cb81..1e06d595e 100644
--- a/plugins/loaded-task.js
+++ b/plugins/loaded-task.js
@@ -1,11 +1,13 @@
 /**
  * @file 客户端初始化任务管理器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/loaded-task
+ * @author Surmon <https://github.com/surmon-china>
  */
 
+import { isBrowser, isServer } from '~/environment'
 import consoleSlogan from '~/utils/console-slogan'
 
-if (process.browser) {
+if (isBrowser) {
 
   // 执行任务
   const doTask = task => {
diff --git a/plugins/marked.js b/plugins/marked.js
index 054ac9037..0878d9722 100755
--- a/plugins/marked.js
+++ b/plugins/marked.js
@@ -1,6 +1,7 @@
 /**
  * @file 文档解析服务 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/marked
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import marked from 'marked'
@@ -43,7 +44,7 @@ const imageParse = (src, title, alt) => {
   return `<img src="${src}" 
                title="${title || alt || 'surmon.me'}" 
                alt="${alt || title || src}" 
-               onclick="if(window.utils) window.utils.openImgPopup('${src}')"/>`.replace(/\s+/g, ' ').replace('\n', '')
+               onclick="if (window.utils) window.utils.openImgPopup('${src}')"/>`.replace(/\s+/g, ' ').replace('\n', '')
 }
 
 // 代码解析器（行号处理）
diff --git a/plugins/particles.js b/plugins/particles.js
index ef0ea6b58..1f50a25fb 100755
--- a/plugins/particles.js
+++ b/plugins/particles.js
@@ -1,6 +1,7 @@
 /**
- * @file particlesJS / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @file particles / ES module
+ * @module plugins/particles
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import particlesJS from 'particles.js'
diff --git a/plugins/socket.io.js b/plugins/socket.io.js
index 25cb7d756..1d26ea398 100755
--- a/plugins/socket.io.js
+++ b/plugins/socket.io.js
@@ -1,12 +1,14 @@
-/*
- *
- * socket 服务
- *
-*/
+/**
+ * @file socket 服务 / ES module
+ * @module plugins/socket.io
+ * @author Surmon <https://github.com/surmon-china>
+ */
 
 import apiConfig from '~/api.config'
 import io from 'socket.io-client'
+
 const socket = io(apiConfig.socketHost, {
   transports: ['websocket']
 })
+
 export default socket
diff --git a/plugins/swiper.js b/plugins/swiper.js
index abb1a66b2..66a853bd8 100644
--- a/plugins/swiper.js
+++ b/plugins/swiper.js
@@ -1,6 +1,7 @@
 /**
  * @file vue-awesome-swiper / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/swiper
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Vue from 'vue'
diff --git a/plugins/vue-extend.js b/plugins/vue-extend.js
index bc17c020c..adec54004 100644
--- a/plugins/vue-extend.js
+++ b/plugins/vue-extend.js
@@ -1,6 +1,7 @@
 /**
  * @file Vue extends / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/vue-extends
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Vue from 'vue'
diff --git a/plugins/webrtc.js b/plugins/webrtc.js
index 4268a899f..765c3b9ea 100644
--- a/plugins/webrtc.js
+++ b/plugins/webrtc.js
@@ -1,6 +1,7 @@
 /**
  * @file SimpleWebRTC / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module plugins/wertc
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import SimpleWebRTC from 'simplewebrtc'
diff --git a/server.js b/server.js
index 27883b2d3..ed09c5d52 100755
--- a/server.js
+++ b/server.js
@@ -1,6 +1,7 @@
 /**
  * @file App 入口 / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module server
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 // Modules
@@ -14,9 +15,9 @@ const { Nuxt, Builder } = require('nuxt')
 process.noDeprecation = true
 
 const config = require('./nuxt.config')
-const { isProdMode } = require('./environment')
-const port = process.env.PORT || 3000
-const host = isProdMode ? (process.env.HOST || '127.0.0.1') : '0.0.0.0'
+const { isProdMode, environment } = require('./environment')
+const port = environment.PORT || 3000
+const host = isProdMode ? (environment.HOST || '127.0.0.1') : '0.0.0.0'
 
 // Server extends
 const webrtcServer = require('./servers/webrtc.server')
@@ -56,7 +57,7 @@ server.listen(port, host)
 // App ready
 consola.ready({
   badge: true,
-  message: `Nuxt.js SSR Server listening on ${host}:${port}, at ${new Date().toLocaleString()}, env: ${process.env.NODE_ENV}`
+  message: `Nuxt.js SSR Server listening on ${host}:${port}, at ${new Date().toLocaleString()}, env: ${environment.NODE_ENV}`
 })
 
 // 更新 GA 脚本
diff --git a/servers/barrage.server.js b/servers/barrage.server.js
index 7cfe307df..0a16352f6 100644
--- a/servers/barrage.server.js
+++ b/servers/barrage.server.js
@@ -1,6 +1,7 @@
 /**
  * @file 弹幕服务 / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module server/barrage
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const path = require('path')
@@ -50,10 +51,12 @@ const barrageServer = io => {
         socketClients = clients.length
       }
     })
+
     // 最后一批弹幕记录
     socket.on('barrage-last-list', callback => {
       callback(barrages.slice(-66))
     })
+
     // 弹幕总数量
     socket.on('barrage-count', callback => {
       callback({
@@ -61,6 +64,7 @@ const barrageServer = io => {
         count: barrages.length
       })
     })
+
     // 广播弹幕
     socket.on('barrage-send', barrage => {
       barrages.push(barrage)
diff --git a/servers/webrtc.server.js b/servers/webrtc.server.js
index d816ee532..255ec81cb 100644
--- a/servers/webrtc.server.js
+++ b/servers/webrtc.server.js
@@ -1,12 +1,13 @@
 /**
  * @file WebRTC 服务 / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module server/wertc
+ * @author Surmon <https://github.com/surmon-china>
  * remote: https://github.com/andyet/signalmaster/blob/master/sockets.js
  */
 
 const crypto = require('crypto')
 const uuid = require('node-uuid')
-const argv = require('yargs').argv
+const { argv } = require('yargs')
 
 const config = {
   rooms: {
diff --git a/store/announcement.js b/store/announcement.js
index 1cf7e4a31..c9382b9da 100755
--- a/store/announcement.js
+++ b/store/announcement.js
@@ -1,6 +1,7 @@
 /**
  * @file 公告数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/announcement
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export const state = () => {
diff --git a/store/article.js b/store/article.js
index 428303036..67957e099 100755
--- a/store/article.js
+++ b/store/article.js
@@ -1,6 +1,7 @@
 /**
  * @file 文章数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/article
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export const state = () => {
@@ -83,7 +84,7 @@ export const mutations = {
   // 喜欢某篇文章
   LIKE_ARTICLE(state, action) {
     const article = state.detail.data
-    if (Object.is(article.id, action.id)) {
+    if (article.id === action.id) {
       state.detail.data.meta.likes++
     }
   }
diff --git a/store/category.js b/store/category.js
index 7dc61b680..8cbe74edf 100755
--- a/store/category.js
+++ b/store/category.js
@@ -1,9 +1,10 @@
 /**
  * @file 分类数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/category
+ * @author Surmon <https://github.com/surmon-china>
  */
 
- export const state = () => {
+export const state = () => {
   return {
     fetching: false,
     data: { data: [] }
diff --git a/store/comment.js b/store/comment.js
index c36168e12..fb70222e2 100755
--- a/store/comment.js
+++ b/store/comment.js
@@ -1,6 +1,7 @@
 /**
  * @file 评论数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/comment
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export const state = () => {
@@ -53,7 +54,9 @@ export const mutations = {
 
   // 喜欢某条评论
   LIKE_ITEM(state, action) {
-    const comment = state.data.data.find(comment => Object.is(comment.id, action.id))
-    if (comment) comment.likes++
+    const comment = state.data.data.find(comment => comment.id === action.id)
+    if (comment) {
+      comment.likes++
+    }
   }
 }
diff --git a/store/index.js b/store/index.js
index 06709b0ee..56f3b2ffc 100755
--- a/store/index.js
+++ b/store/index.js
@@ -1,10 +1,12 @@
 /**
  * @file 根数据状态,存放全局数据和异步方法 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/entry
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Vue from 'vue'
 import apiConfig from '~/api.config'
+import { isBrowser, isServer } from '~/environment'
 import uaDevice from '~/utils/ua-device'
 import eventBus from '~/utils/event-bus'
 import { scrollTo, Easing } from '~/utils/scroll-to-anywhere'
@@ -29,7 +31,7 @@ export const actions = {
   nuxtServerInit(store, { req, params, route }) {
 
     // 检查设备类型
-    const userAgent = process.server ? req.headers['user-agent'] : navigator.userAgent
+    const userAgent = isServer ? req.headers['user-agent'] : navigator.userAgent
     const { isMobile, isOpera, isIE, isSafari, isEdge, isFF, isBB, isChrome, isMaxthon, isIos } = uaDevice(userAgent)
     const mustJpg = (isIos || isFF || isMaxthon || isSafari || isBB || isIE || isEdge)
 
@@ -251,7 +253,7 @@ export const actions = {
         const commitName =  `article/${loadMore ? 'ADD' : 'GET'}_LIST_SUCCESS`
         if (success) {
           commit(commitName, getResData(response))
-          if (loadMore && process.browser) {
+          if (loadMore && isBrowser) {
             Vue.nextTick(() => {
               scrollTo(window.scrollY + (window.innerHeight * 0.8), 300, { easing: Easing['ease-in'] })
             })
diff --git a/store/option.js b/store/option.js
index ecc594f8a..ca611587f 100755
--- a/store/option.js
+++ b/store/option.js
@@ -1,6 +1,7 @@
 /**
  * @file 全局设置数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/option
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import i18nConfig from '~/i18n.config'
@@ -56,7 +57,8 @@ export const state = () => ({
 })
 
 export const getters = {
-  mobileLayout: state => state.mobileLayout
+  mobileLayout: state => state.mobileLayout,
+  langIsEn: state => state.language === 'en'
 }
 
 export const mutations = {
diff --git a/store/project.js b/store/project.js
index 14a74ec53..0dd79b129 100755
--- a/store/project.js
+++ b/store/project.js
@@ -1,6 +1,7 @@
 /**
  * @file 项目/Github数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/project
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export const state = () => {
diff --git a/store/sitemap.js b/store/sitemap.js
index 7ab1a4555..d1a828034 100755
--- a/store/sitemap.js
+++ b/store/sitemap.js
@@ -1,6 +1,7 @@
 /**
  * @file 网站地图需要使用的文章数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/sitemap
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Vue from 'vue'
diff --git a/store/tag.js b/store/tag.js
index 0b54097aa..6943c4123 100755
--- a/store/tag.js
+++ b/store/tag.js
@@ -1,6 +1,7 @@
 /**
  * @file 标签数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module store/tag
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export const state = () => {
diff --git a/utils/article-tag-releted-parse.js b/utils/article-tag-releted-parse.js
index 36c1f4420..18cb8c41b 100755
--- a/utils/article-tag-releted-parse.js
+++ b/utils/article-tag-releted-parse.js
@@ -1,6 +1,7 @@
 /**
  * @file 文章 -> 标签内链关系构造器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/article-tag-releted-parse
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export default (text, tags) => {
@@ -21,16 +22,6 @@ export default (text, tags) => {
     return tagNames
   }, {})).sort((p, n) => p.length < n.length)
 
-  /*
-  旧方案
-  const selfTags = tags.map(t => t.name)
-  const lowerCaseTags = tags.map(t => t.name.toLowerCase())
-  const upperCaseTags = tags.map(t => t.name.toUpperCase())
-  const firstUpperCaseTags = tags.map(t => toFirstUpperCase(t.name))
-  const tagNames = Array.from(new Set([...selfTags, ...lowerCaseTags, ...upperCaseTags, ...firstUpperCaseTags]))
-  tagNames.sort((p, n) => p.length < n.length)
-  */
-
   // 构造正则
   const tagReg = eval(`/${tagNames.join('|')}/ig`)
 
diff --git a/utils/console-slogan.js b/utils/console-slogan.js
index 84687a033..99d8cefbc 100644
--- a/utils/console-slogan.js
+++ b/utils/console-slogan.js
@@ -1,10 +1,13 @@
 /**
  * @file console.solgan / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/console-slogan
+ * @author Surmon <https://github.com/surmon-china>
  */
 
+import { isBrowser, isProdMode } from '~/environment'
+
 export default () => {
-  if (process.browser && process.env.NODE_ENV === 'production') {
+  if (isBrowser && isProdMode) {
     console.clear()
     console.log('%cTalk is cheap. Show me the code %csurmon@foxmail.com', 'color:#666;font-size:3em;', 'color:#666;font-size:13px;')
   }
diff --git a/utils/event-bus.js b/utils/event-bus.js
index 6131daedb..f1adcf971 100644
--- a/utils/event-bus.js
+++ b/utils/event-bus.js
@@ -1,6 +1,7 @@
 /**
  * @file 一些无法适用于 Store 的数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/event-bus
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import Vue from 'vue'
diff --git a/utils/i18n-transfer.js b/utils/i18n-transfer.js
index fa6543206..6687f087a 100644
--- a/utils/i18n-transfer.js
+++ b/utils/i18n-transfer.js
@@ -1,6 +1,7 @@
 /**
  * @file i18n languages transfer service / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/i18n-transfer
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export default i18nConfig => {
diff --git a/utils/local-storage.js b/utils/local-storage.js
index 6e8241870..3e002d9fb 100644
--- a/utils/local-storage.js
+++ b/utils/local-storage.js
@@ -1,6 +1,7 @@
 /**
  * @file 本机数据状态 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/local-storage
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const getData = key => localStorage.getItem(key)
diff --git a/utils/music-player-builder.js b/utils/music-player-builder.js
index 10c542762..65be78d09 100755
--- a/utils/music-player-builder.js
+++ b/utils/music-player-builder.js
@@ -1,6 +1,7 @@
 /**
  * @file 播放器构造器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/music-player-builder
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 import service from 'axios'
diff --git a/utils/scroll-to-anywhere.js b/utils/scroll-to-anywhere.js
index d5e26c7aa..35915b975 100755
--- a/utils/scroll-to-anywhere.js
+++ b/utils/scroll-to-anywhere.js
@@ -1,6 +1,7 @@
 /**
  * @file 滑动到任何目的地 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/scroll-to-anywhere
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const BezierEasing = require('bezier-easing')
diff --git a/utils/ua-device.js b/utils/ua-device.js
index 74f0c9f71..84ad8a886 100644
--- a/utils/ua-device.js
+++ b/utils/ua-device.js
@@ -1,6 +1,7 @@
 /**
  * @file UA 解析器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/ua-device
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 export default userAgent => ({
diff --git a/utils/ua-os-browser.js b/utils/ua-os-browser.js
index 939297cc6..87f242082 100755
--- a/utils/ua-os-browser.js
+++ b/utils/ua-os-browser.js
@@ -1,6 +1,7 @@
 /**
  * @file 评论模块 UA、OS 解析器 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/browser-os-parse
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const matchUa = (data, key) => data.match(eval(`/${key}/ig`))
diff --git a/utils/underscore-simple.js b/utils/underscore-simple.js
index 6020cdc5d..c13b6c095 100755
--- a/utils/underscore-simple.js
+++ b/utils/underscore-simple.js
@@ -1,6 +1,7 @@
 /**
- * @file lodash 简洁版防抖节流 / ES module
- * @author Surmon <surmon@foxmail.com>
+ * @file lodash 简洁版防抖节流 / Commonjs module
+ * @module utils/underscore-simple
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const _ = {}
diff --git a/utils/update-analytics.js b/utils/update-analytics.js
index 3f0c658f1..77892e202 100644
--- a/utils/update-analytics.js
+++ b/utils/update-analytics.js
@@ -1,6 +1,7 @@
 /**
  * @file GA 更新器 / Commonjs module
- * @author Surmon <surmon@foxmail.com>
+ * @module utils/update-analytics
+ * @author Surmon <https://github.com/surmon-china>
  */
 
 const fs = require('fs')
@@ -15,28 +16,21 @@ const UPDATE_TIME = {
 
 // 更新脚本
 const updateGAScript = () => {
-  const doUpdate = () => {
+  (function doUpdate() {
     axios.get('http://www.google-analytics.com/analytics.js', { timeout: 6000 }).then(res => {
       if (res.status === 200) {
-
-        // 成功，24小时更新一次
         fs.writeFileSync(path.join(__dirname, '..', 'static', 'scripts') + '/analytics.js', res.data)
         consola.info('GA 脚本更新成功', new Date())
         setTimeout(doUpdate, UPDATE_TIME.HOURS_24)
       } else {
-
-        // 失败，1小时更新一次
         consola.info('GA 脚本更新失败', new Date(), res.data)
         setTimeout(doUpdate, UPDATE_TIME.HOURS_1)
       }
-      
     }).catch(error => {
-      // 1小时更新
       consola.info('GA 脚本更新网络连接失败', new Date(), error)
       setTimeout(doUpdate, UPDATE_TIME.HOURS_1)
     })
-  }
-  doUpdate()
+  }())
 }
 
 module.exports = updateGAScript