fix bug

README.MD

@@ -1,4 +1,4 @@
-<p align="center"><a href="https://xugaoyi.com/" target="_blank" rel="noopener noreferrer"><img width="150" src="https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200407130906.png" alt="logo"></a></p>
+<p align="center"><a href="https://xugaoyi.com/" target="_blank" rel="noopener noreferrer"><img width="150" src="https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200407145524.png" alt="logo"></a></p>
 
 <p align="center">
   <a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/actions?query=workflow%3ACI"><img src="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/workflows/CI/badge.svg" alt="CI"></a>

theme-vdoing/components/Home.vue

@@ -93,6 +93,7 @@ import BScroll from "@better-scroll/core"
 import Slide from "@better-scroll/slide"
 import UpdateArticle from './UpdateArticle.vue'
 import Footer from './Footer.vue'
+const MOBILE_DESKTOP_BREAKPOINT = 720 // refer to config.styl
 
 BScroll.use(Slide)
 
@@ -107,10 +108,10 @@ export default {
     }
   },
   beforeMount(){
-    this.isMQMobile = window.innerWidth < 720 ? true : false; // vupress在打包时不能在beforeCreate(),created()访问浏览器api（如window）
+    this.isMQMobile = window.innerWidth < MOBILE_DESKTOP_BREAKPOINT ? true : false; // vupress在打包时不能在beforeCreate(),created()访问浏览器api（如window）
     
     window.addEventListener('resize', () => {
-      this.isMQMobile = window.innerWidth < 720 ? true : false;
+      this.isMQMobile = window.innerWidth < MOBILE_DESKTOP_BREAKPOINT ? true : false;
       if(this.isMQMobile && !this.slide && !this.mark){
         this.mark++
         setTimeout(() => {

theme-vdoing/components/Timeline.vue

@@ -49,7 +49,7 @@ export default {
       posts: [],
     }
   },
-  mounted() {
+  created() {
     const fmData = this.$frontmatter.pageComponent.data
     if(fmData && fmData.tagBgColor) {
       this.pageData.tagBgColor = fmData.tagBgColor
@@ -59,10 +59,10 @@ export default {
     }
 
     this.posts = this.$site.pages
+  },
+  mounted() {
     document.body.style="overflow-y: scroll;" // 解决切换tag页面高度不满屏出现跳动的问题
-
     this.handleHashTag()
-
     window.onhashchange = () => {
       this.handleHashTag()
     }

theme-vdoing/styles/wrapper.styl

@@ -3,9 +3,9 @@ $vdoing-wrapper
   margin 0 auto
   padding 2rem 2.5rem
   @media (max-width: $MQNarrow)
-    padding 2rem 1.8rem
+    padding 2rem
   @media (max-width: $MQMobileNarrow)
-    padding 1.5rem 1.3rem
+    padding 1.5rem
 $wrapper
   max-width $contentWidth