diff --git a/components/Common.vue b/components/Common.vue
index 40b0a09..fe04863 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -96,7 +96,7 @@ export default {
     },
 
     pageClasses () {
-      const userPageClass = this.$page.frontmatter.pageClass
+      const userPageClass = this.$frontmatter.pageClass
       return [
         {
           'no-navbar': !this.shouldShowNavbar,
diff --git a/components/Home.vue b/components/Home.vue
index c7571a2..e30c0d7 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -6,7 +6,7 @@
       <h1 v-if="data.isShowTitleInHome !== false">{{ data.heroText || $title || '午后南杂' }}</h1>
 
       <p class="description">{{ data.tagline || $description || 'Welcome to your vuePress-theme-reco site' }}</p>
-      <p class="huawei" v-if="$themeConfig.huawei !== false"><i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！</p>
+      <p class="huawei" v-if="$themeConfig.huawei === true"><i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！</p>
 
       <p class="action" v-if="data.actionText && data.actionLink">
         <NavLink class="action-button" :item="actionLink"/>
@@ -67,7 +67,7 @@ export default {
       return new Date().getFullYear()
     },
     data() {
-      return this.$page.frontmatter;
+      return this.$frontmatter;
     },
 
     actionLink() {
diff --git a/components/HomeBlog.vue b/components/HomeBlog.vue
index ce642b8..5163f43 100644
--- a/components/HomeBlog.vue
+++ b/components/HomeBlog.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="home-blog" :class="recoShow?'reco-show': 'reco-hide'">
-    <div class="hero" :style="{background: `url(${$page.frontmatter.bgImage || require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}">
+    <div class="hero" :style="{background: `url(${$frontmatter.bgImage || require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}">
       <h1>{{ data.heroText || $title || '午后南杂' }}</h1>
 
       <p class="description">{{ data.tagline || $description || 'Welcome to your vuePress-theme-reco site' }}</p>
-      <p class="huawei" v-if="$themeConfig.huawei !== false"><i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！</p>
+      <p class="huawei" v-if="$themeConfig.huawei === true"><i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！</p>
     </div>
 
     <div class="home-blog-wrapper">
@@ -15,7 +15,7 @@
         :data="posts"
         :currentPage="1"></note-abstract>
       <div class="info-wrapper">
-         <img class="personal-img" :src="$page.frontmatter.faceImage || $themeConfig.logo" alt="hero"> 
+         <img class="personal-img" :src="$frontmatter.faceImage || $themeConfig.logo" alt="hero"> 
          <h3 class="name" v-if="$themeConfig.author || $site.title">{{ $themeConfig.author || $site.title }}</h3>
          <div class="num">
            <div>
@@ -117,7 +117,7 @@ export default {
       return new Date().getFullYear()
     },
     data() {
-      return this.$page.frontmatter;
+      return this.$frontmatter;
     },
 
     actionLink() {
@@ -200,9 +200,9 @@ export default {
     }
 
     h1 {
-      margin: 4rem auto 1.8rem ;
+      margin:10% auto 1.8rem ;
       font-size: 2.5rem;
-      color #fff
+      color #fff;
     }
 
     h1, .description, .action, .huawei {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index fa97cbb..ef7e4a7 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -25,7 +25,7 @@
       <AlgoliaSearchBox
         v-if="isAlgoliaSearch"
         :options="algolia"/>
-      <SearchBox v-else-if="$themeConfig.search !== false && $page.frontmatter.search !== false"/>
+      <SearchBox v-else-if="$themeConfig.search !== false && $frontmatter.search !== false"/>
       <NavLinks class="can-hide"/>
     </div>
   </header>
diff --git a/components/Page.vue b/components/Page.vue
index 720f29f..8e45f9b 100644
--- a/components/Page.vue
+++ b/components/Page.vue
@@ -87,7 +87,7 @@ export default {
 
   computed: {
     isTimeLine () {
-      return this.$page.frontmatter.isTimeLine
+      return this.$frontmatter.isTimeLine
     },
     lastUpdated () {
       return this.$page.lastUpdated
@@ -104,7 +104,7 @@ export default {
     },
 
     prev () {
-      const prev = this.$page.frontmatter.prev
+      const prev = this.$frontmatter.prev
       if (prev === false) {
         return
       } else if (prev) {
@@ -115,7 +115,7 @@ export default {
     },
 
     next () {
-      const next = this.$page.frontmatter.next
+      const next = this.$frontmatter.next
       if (next === false) {
         return
       } else if (next) {
@@ -126,7 +126,7 @@ export default {
     },
 
     editLink () {
-      if (this.$page.frontmatter.editLink === false) {
+      if (this.$frontmatter.editLink === false) {
         return
       }
       const {
diff --git a/components/SidebarLink.vue b/components/SidebarLink.vue
index 7d128b4..9e38cf9 100644
--- a/components/SidebarLink.vue
+++ b/components/SidebarLink.vue
@@ -30,7 +30,7 @@ export default {
       : selfActive
     const link = renderLink(h, item.path, item.title || item.path, active)
 
-    const configDepth = $page.frontmatter.sidebarDepth
+    const configDepth = $frontmatter.sidebarDepth
       || sidebarDepth
       || $themeLocaleConfig.sidebarDepth
       || $themeConfig.sidebarDepth
diff --git a/components/Valine/index.vue b/components/Valine/index.vue
index 325a3d7..973d05e 100644
--- a/components/Valine/index.vue
+++ b/components/Valine/index.vue
@@ -12,7 +12,7 @@ export default {
   computed: {
     // 是否显示评论
     isShowComment () {
-      const frontmatter = this.$page.frontmatter
+      const frontmatter = this.$frontmatter
       return this.isComment == false || frontmatter.isComment == false || frontmatter.home == true ? false : true
     }
   }, 
diff --git a/layouts/Category.vue b/layouts/Category.vue
index 985e635..a4b1f8f 100644
--- a/layouts/Category.vue
+++ b/layouts/Category.vue
@@ -47,7 +47,7 @@ export default {
     },
     // 标题只显示分类名称
     title () {
-      return this.$page.frontmatter.title.split('|')[0]
+      return this.$frontmatter.title.split('|')[0]
     }
   },
 
diff --git a/layouts/Layout.vue b/layouts/Layout.vue
index 61ab651..582554f 100644
--- a/layouts/Layout.vue
+++ b/layouts/Layout.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <Common>
-      <Home v-if="$page.frontmatter.home && $themeConfig.type !== 'blog'"/>
-      <HomeBlog v-else-if="$page.frontmatter.home && $themeConfig.type === 'blog'"/>
+      <Home v-if="$frontmatter.home && $themeConfig.type !== 'blog'"/>
+      <HomeBlog v-else-if="$frontmatter.home && $themeConfig.type === 'blog'"/>
       <Page
         v-else
         :sidebar-items="sidebarItems">