diff --git a/src/assets/scss/layout.scss b/src/assets/scss/layout.scss
index b067c7e0..dbf91a8b 100644
--- a/src/assets/scss/layout.scss
+++ b/src/assets/scss/layout.scss
@@ -149,4 +149,12 @@
   text-align: left;
   font-weight: 500;
   margin-top: 3rem;
+}
+
+.text-ellipsis {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
 }
\ No newline at end of file
diff --git a/src/components/Waline.vue b/src/components/Waline.vue
index 2af8e301..1857490b 100644
--- a/src/components/Waline.vue
+++ b/src/components/Waline.vue
@@ -29,7 +29,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .nice-comment {
   padding: 0 20px;
 }
@@ -38,7 +38,33 @@ export default {
   width: 100%;
   min-width: 30rem;
   padding: 15px 0;
-  aspect-ratio: 2 / 1;
+  aspect-ratio: 3 / 2;
+
+  .wl-comment {
+    .wl-panel {
+      .wl-header {
+
+        label,
+        input {
+          font-size: 1.4rem;
+        }
+      }
+
+      .wl-editor {
+        font-size: 1.4rem;
+      }
+    }
+  }
+
+  .wl-btn,
+  .wl-text-number,
+  .wl-nick,
+  .wl-time,
+  .wl-content,
+  .wl-count,
+  .wl-empty {
+    font-size: 1.4rem;
+  }
 
   .vbtn {
     display: none;
diff --git a/src/main.js b/src/main.js
index c01356a8..20145a1e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,9 +6,12 @@ import router from './router'
 import store from './store/'
 
 const version = require('../package.json').version
-console.log(
-  `倾城之链：“倾心缔造，痴心为你”，您当前运行的版本为：%c${version}`,
-  'font-weight: 600;color: #20a0ff'
+const log = console.info
+log(
+  `%c 倾城之链%c：“倾心缔造，痴心为你”，您当前运行的版本为：%c ${version}`,
+  'font-weight: 600;color: #ff6768',
+  'color: #17223b',
+  'color: #20a0ff'
 )
 
 const isProductionFlag = process.env.NODE_ENV === 'production'
diff --git a/src/mixins/metaMixin.js b/src/mixins/metaMixin.js
index 14bcd5b4..44c18532 100644
--- a/src/mixins/metaMixin.js
+++ b/src/mixins/metaMixin.js
@@ -10,8 +10,6 @@ export default {
     }
   },
 
-  created() {},
-
   metaInfo() {
     const titleContent = this.title ? `${this.title} - ${this.siteTitle}` : `${this.siteTitle}`
     return {
@@ -34,9 +32,5 @@ export default {
         { vmid: 'og:description', property: 'og:description', content: this.description },
       ],
     }
-  },
-
-  mounted() {},
-
-  methods: {},
+  }
 }
diff --git a/src/mixins/pageMixin.js b/src/mixins/pageMixin.js
index 4436b8bd..27f2be31 100644
--- a/src/mixins/pageMixin.js
+++ b/src/mixins/pageMixin.js
@@ -1,12 +1,4 @@
 export default {
-  data() {
-    return {}
-  },
-
-  computed: {},
-
-  created() {},
-
   mounted() {
     this.sendGtagEventTracking()
   },
@@ -24,7 +16,7 @@ export default {
 
         if (gtagAction && gtagCategory && gtagLabel) {
           elem.onclick = () => {
-            const gtag = window.gtag || (() => {})
+            const gtag = window.gtag || (() => { })
             gtag('event', gtagAction, {
               event_category: gtagCategory,
               event_label: gtagLabel,
@@ -34,7 +26,7 @@ export default {
       }
 
       const gtagTrackList = document.querySelectorAll('.gtag-track')
-      ;[].forEach.call(gtagTrackList, bindEventListener, false)
+        ;[].forEach.call(gtagTrackList, bindEventListener, false)
     },
   },
 }