From d7a61781279b4facc08ecb5fa46bde6476e95146 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 11:26:40 +0800
Subject: [PATCH 01/21] =?UTF-8?q?=E6=B8=85=E7=A9=BA=E9=A1=B9=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Layout.vue                              | 153 --------------
 NotFound.vue                            |  26 ---
 README.md                               | 149 -------------
 README_zh.md                            | 147 -------------
 components/AlgoliaSearchBox/index.vue   | 156 --------------
 components/Categories/index.vue         |  84 --------
 components/DropdownLink/index.vue       | 180 ----------------
 components/DropdownTransition/index.vue |  33 ---
 components/Home/index.vue               | 188 -----------------
 components/NavLink/index.vue            |  49 -----
 components/NavLinks/index.vue           | 151 -------------
 components/Navbar/index.vue             | 149 -------------
 components/NoteAbstract/index.vue       |  89 --------
 components/Pagation/index.vue           | 145 -------------
 components/Page/index.vue               | 270 ------------------------
 components/SWUpdatePopup/index.vue      |  85 --------
 components/SearchBox/index.vue          | 239 ---------------------
 components/Sidebar/index.vue            | 113 ----------
 components/SidebarButton/index.vue      |  28 ---
 components/SidebarGroup/index.vue       |  78 -------
 components/SidebarLink/index.vue        |  91 --------
 components/Tags/index.vue               | 132 ------------
 components/Valine/index.vue             |  41 ----
 images/search.svg                       |   1 -
 package.json                            |  21 --
 styles/arrow.styl                       |  22 --
 styles/code.styl                        | 129 -----------
 styles/config.styl                      |  22 --
 styles/custom-blocks.styl               |  28 ---
 styles/mobile.styl                      |  37 ----
 styles/nprogress.styl                   |  48 -----
 styles/theme.styl                       | 191 -----------------
 styles/toc.styl                         |   3 -
 styles/wrapper.styl                     |   9 -
 util/index.js                           | 216 -------------------
 35 files changed, 3503 deletions(-)
 delete mode 100644 Layout.vue
 delete mode 100644 NotFound.vue
 delete mode 100644 README.md
 delete mode 100644 README_zh.md
 delete mode 100644 components/AlgoliaSearchBox/index.vue
 delete mode 100644 components/Categories/index.vue
 delete mode 100644 components/DropdownLink/index.vue
 delete mode 100644 components/DropdownTransition/index.vue
 delete mode 100644 components/Home/index.vue
 delete mode 100644 components/NavLink/index.vue
 delete mode 100644 components/NavLinks/index.vue
 delete mode 100644 components/Navbar/index.vue
 delete mode 100644 components/NoteAbstract/index.vue
 delete mode 100644 components/Pagation/index.vue
 delete mode 100644 components/Page/index.vue
 delete mode 100644 components/SWUpdatePopup/index.vue
 delete mode 100644 components/SearchBox/index.vue
 delete mode 100644 components/Sidebar/index.vue
 delete mode 100644 components/SidebarButton/index.vue
 delete mode 100644 components/SidebarGroup/index.vue
 delete mode 100644 components/SidebarLink/index.vue
 delete mode 100644 components/Tags/index.vue
 delete mode 100644 components/Valine/index.vue
 delete mode 100644 images/search.svg
 delete mode 100644 package.json
 delete mode 100644 styles/arrow.styl
 delete mode 100644 styles/code.styl
 delete mode 100644 styles/config.styl
 delete mode 100644 styles/custom-blocks.styl
 delete mode 100644 styles/mobile.styl
 delete mode 100644 styles/nprogress.styl
 delete mode 100644 styles/theme.styl
 delete mode 100644 styles/toc.styl
 delete mode 100644 styles/wrapper.styl
 delete mode 100644 util/index.js

diff --git a/Layout.vue b/Layout.vue
deleted file mode 100644
index 1f1ea48..0000000
--- a/Layout.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div
-    class="theme-container"
-    :class="pageClasses"
-    @touchstart="onTouchStart"
-    @touchend="onTouchEnd">
-    <Navbar v-if="shouldShowNavbar" @toggle-sidebar="toggleSidebar"/>
-
-    <div class="sidebar-mask" @click="toggleSidebar(false)"></div>
-
-    <Sidebar :items="sidebarItems" @toggle-sidebar="toggleSidebar">
-      <slot name="sidebar-top" slot="top"/>
-      <slot name="sidebar-bottom" slot="bottom"/>
-    </Sidebar>
-
-    <div class="custom-layout" v-if="$page.frontmatter.layout">
-      <component :is="$page.frontmatter.layout"/>
-    </div>
-
-    <Home v-else-if="$page.frontmatter.home"/>
-
-    <Page v-else :sidebar-items="sidebarItems">
-      <slot name="page-top" slot="top"/>
-      <slot name="page-bottom" slot="bottom"/>
-    </Page>
-
-    <SWUpdatePopup :updateEvent="swUpdateEvent"/>
-  </div>
-</template>
-
-<script>
-import Vue from "vue";
-import nprogress from "nprogress";
-import Home from "./components/Home/";
-import Navbar from "./components/Navbar/";
-import Page from "./components/Page/";
-import Sidebar from "./components/Sidebar/";
-import SWUpdatePopup from "./components/SWUpdatePopup/";
-import { resolveSidebarItems } from "./util/";
-
-export default {
-  components: { Home, Page, Sidebar, Navbar, SWUpdatePopup },
-
-  data() {
-    return {
-      isSidebarOpen: false,
-      swUpdateEvent: null
-    };
-  },
-
-  computed: {
-    shouldShowNavbar() {
-      const { themeConfig } = this.$site;
-      const { frontmatter } = this.$page;
-      if (frontmatter.navbar === false || themeConfig.navbar === false) {
-        return false;
-      }
-      return (
-        this.$title ||
-        themeConfig.logo ||
-        themeConfig.repo ||
-        themeConfig.nav ||
-        this.$themeLocaleConfig.nav
-      );
-    },
-
-    shouldShowSidebar() {
-      const { frontmatter } = this.$page;
-      return (
-        !frontmatter.layout &&
-        !frontmatter.home &&
-        frontmatter.sidebar !== false &&
-        this.sidebarItems.length
-      );
-    },
-
-    sidebarItems() {
-      return resolveSidebarItems(
-        this.$page,
-        this.$route,
-        this.$site,
-        this.$localePath
-      );
-    },
-
-    pageClasses() {
-      const userPageClass = this.$page.frontmatter.pageClass;
-      return [
-        {
-          "no-navbar": !this.shouldShowNavbar,
-          "sidebar-open": this.isSidebarOpen,
-          "no-sidebar": !this.shouldShowSidebar
-        },
-        userPageClass
-      ];
-    }
-  },
-
-  mounted() {
-    window.addEventListener("scroll", this.onScroll);
-
-    // configure progress bar
-    nprogress.configure({ showSpinner: false });
-
-    this.$router.beforeEach((to, from, next) => {
-      if (to.path !== from.path && !Vue.component(to.name)) {
-        nprogress.start();
-      }
-      next();
-    });
-
-    this.$router.afterEach(() => {
-      nprogress.done();
-      this.isSidebarOpen = false;
-    });
-
-    this.$on("sw-updated", this.onSWUpdated);
-  },
-
-  methods: {
-    toggleSidebar(to) {
-      this.isSidebarOpen = typeof to === "boolean" ? to : !this.isSidebarOpen;
-    },
-
-    // side swipe
-    onTouchStart(e) {
-      this.touchStart = {
-        x: e.changedTouches[0].clientX,
-        y: e.changedTouches[0].clientY
-      };
-    },
-
-    onTouchEnd(e) {
-      const dx = e.changedTouches[0].clientX - this.touchStart.x;
-      const dy = e.changedTouches[0].clientY - this.touchStart.y;
-      if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
-        if (dx > 0 && this.touchStart.x <= 80) {
-          this.toggleSidebar(true);
-        } else {
-          this.toggleSidebar(false);
-        }
-      }
-    },
-
-    onSWUpdated(e) {
-      this.swUpdateEvent = e;
-    }
-  }
-};
-</script>
-
-<style src="prismjs/themes/prism-tomorrow.css"></style>
-<style src="./styles/theme.styl" lang="stylus"></style>
diff --git a/NotFound.vue b/NotFound.vue
deleted file mode 100644
index 6aefe79..0000000
--- a/NotFound.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="theme-container">
-    <div class="content">
-      <h1>404</h1>
-      <blockquote>{{ getMsg() }}</blockquote>
-      <router-link to="/">Take me home.</router-link>
-    </div>
-  </div>
-</template>
-
-<script>
-const msgs = [
-  `There's nothing here.`,
-  `How did we get here?`,
-  `That's a Four-Oh-Four.`,
-  `Looks like we've got some broken links.`
-]
-
-export default {
-  methods: {
-    getMsg () {
-      return msgs[Math.floor(Math.random() * msgs.length)]
-    }
-  }
-}
-</script>
diff --git a/README.md b/README.md
deleted file mode 100644
index 5b72e25..0000000
--- a/README.md
+++ /dev/null
@@ -1,149 +0,0 @@
-# vuepress-theme-reco
-
-[中文文档](./README_zh.md)
-
-> 1.This is a vuepress theme aimed at adding the categories, TAB walls, pagination, comments and other features required for blogging;<br>
-> 2.The theme itself is minimalist and is modified based on the default theme of the vuepress.
-
-## Installation and use
-
-1. Install
-
-    ```bash
-    npm install vuepress-theme-reco -dev--save
-
-    # or
-
-    yarn add vuepress-theme-reco
-    ```
-2. Use
-
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco'
-    }  
-    ```
-## Add categories
-
-**If want to add a `front-end` and `back-end` classification, need to undertake the following steps：**
-
-1. Add a category drop button to the top navigation
-    
-    ```javscript
-    // change /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        nav: [
-          { text: 'categories', 
-            items: [
-              { text: 'frontEnd', link: '/categories/frontEnd' },
-              { text: 'backEnd', link: '/categories/backEnd' }
-            ]
-          }
-        ]
-      }  
-    }  
-    ```
-
-2. Add the files needed for classification
-
-    **`/docs/categories/frontEnd.md`**
-
-    ```
-    --- 
-    title: frontEnd  
-    isCategories: true  
-    sidebar: false  
-    ---
-
-    ## frontEnd
-    ```
-
-    **`/docs/categories/backEnd.md`**
-
-    ```
-    ---
-    title: backEnd
-    isCategories: true
-    sidebar: false
-    ---
-
-    ## backEnd
-    ```
-
-    > Why do you set sidebar false? Because you enable classification, that's a little bit of a conflict with the custom sidebar feature, so you globally turn on the auto sidebar feature, and then close it where you don't need a side marker
-
-3. Add categories when writing articles
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28 23:39:45
-    categories: frontEnd
-    ---
-    ```
-    
-## Add tag cloud
-
-1. Add a button to the top navigation
-    
-    ```javscript
-    // change /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        nav: [
-          { text: 'Tags', link: '/tags/' }
-        ]
-      }    
-    }  
-    ```
-
-2. Add the required files
-
-    **`/docs/tags/README.md`**
-
-    ```
-    ---
-    isTags: true
-    sidebar: false
-    ---
-
-    ## tag cloud
-    ```
-
-3. Add tags when writing articles
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28 23:39:45  
-    tags:
-    - vue
-    - webpack
-    ---
-    ```
-
-## Comment(valine)
-
-Theme with a built-in valine comments, if you want to open this function, only configure your `config.js`
-
-```javscript
-// change /docs/.vuepress/config.js
-
-module.exports = {
-  theme: 'reco',
-  themeConfig: {
-    // valine
-    valineConfig: {
-      appId: '...',// your appId
-      appKey: '...', // your appKey
-    }
-  }  
-}  
-```
\ No newline at end of file
diff --git a/README_zh.md b/README_zh.md
deleted file mode 100644
index 0835763..0000000
--- a/README_zh.md
+++ /dev/null
@@ -1,147 +0,0 @@
-# vuepress-theme-reco
-
-> 1.这是一个vuepress主题，目的是增加博客所需要的分类、标签墙、分页、评论等功能；<br>
-> 2.主题本身追求极简，是在vuepress默认主题的基础上进行修改的。
-
-## 安装和使用
-
-1. 安装
-
-    ```bash
-    npm install vuepress-theme-reco -dev--save
-
-    # 或
-
-    yarn add vuepress-theme-reco
-    ```
-2. 使用
-
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco'
-    }  
-    ```
-## 增加分类功能
-
-**假如想增加一个 `前端` 和 `后端` 分类，需要进行以下几步操作：**
-
-1. 在顶部导航添加一个分类的下拉按钮
-    
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        nav: [
-          { text: '分类', 
-            items: [
-              { text: '前端', link: '/categories/frontEnd' },
-              { text: '后端', link: '/categories/backEnd' }
-            ]
-          }
-        ]
-      }  
-    }  
-    ```
-
-2. 添加前端和后端的分类所需要的文件
-
-    **`/docs/categories/frontEnd.md`**
-
-    ```
-    --- 
-    title: 前端  
-    isCategories: true  
-    sidebar: false  
-    ---
-
-    ## 前端
-    ```
-
-    **`/docs/categories/backEnd.md`**
-
-    ```
-    ---
-    title: 后端
-    isCategories: true
-    sidebar: false
-    ---
-
-    ## 后端
-    ```
-
-    > 为什么设置sidebar: false，因为启用分类功能，那就跟自定义侧边栏功能有些冲突了，所以全局开启了自动生成侧边栏功能，然后在这种不需要侧标兰的地方关闭
-
-3. 写文章时添加分类 
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28 23:39:45
-    categories: frontEnd
-    ---
-    ```
-    
-## 添加标签云功能
-
-1. 在顶部导航添加一个按钮
-    
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        nav: [
-          { text: 'Tags', link: '/tags/' }
-        ]
-      }    
-    }  
-    ```
-
-2. 添加所需要的文件
-
-    **`/docs/tags/README.md`**
-
-    ```
-    ---
-    isTags: true
-    sidebar: false
-    ---
-
-    ## 标签墙
-    ```
-
-3. 写文章时添加标签
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28 23:39:45  
-    tags:
-    - vue
-    - webpack
-    ---
-    ```
-
-## 评论功能(valine)
-
-主题内置valine评论功能，如果想开启此功能，仅需配置一下 `config.js`
-
-```javscript
-// 修改 /docs/.vuepress/config.js
-
-module.exports = {
-  theme: 'reco',
-  themeConfig: {
-    // valine配置
-    valineConfig: {
-      appId: '...',// your appId
-      appKey: '...', // your appKey
-    }
-  }  
-}  
-```
\ No newline at end of file
diff --git a/components/AlgoliaSearchBox/index.vue b/components/AlgoliaSearchBox/index.vue
deleted file mode 100644
index 7f5d098..0000000
--- a/components/AlgoliaSearchBox/index.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
-  <form
-    id="search-form"
-    class="algolia-search-wrapper search-box"
-  >
-    <input
-      id="algolia-search-input"
-      class="search-query"
-    >
-  </form>
-</template>
-
-<script>
-export default {
-  props: ['options'],
-
-  mounted () {
-    this.initialize(this.options, this.$lang)
-  },
-
-  methods: {
-    initialize (userOptions, lang) {
-      Promise.all([
-        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
-        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
-      ]).then(([docsearch]) => {
-        docsearch = docsearch.default
-        const { algoliaOptions = {}} = userOptions
-        docsearch(Object.assign(
-          {},
-          userOptions,
-          {
-            inputSelector: '#algolia-search-input',
-            // #697 Make docsearch work well at i18n mode.
-            algoliaOptions: Object.assign({
-              'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || [])
-            }, algoliaOptions)
-          }
-        ))
-      })
-    },
-
-    update (options, lang) {
-      this.$el.innerHTML = '<input id="algolia-search-input" class="search-query">'
-      this.initialize(options, lang)
-    }
-  },
-
-  watch: {
-    $lang (newValue) {
-      this.update(this.options, newValue)
-    },
-
-    options (newValue) {
-      this.update(newValue, this.$lang)
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.algolia-search-wrapper
-  & > span
-    vertical-align middle
-  .algolia-autocomplete
-    line-height normal
-    .ds-dropdown-menu
-      background-color #fff
-      border 1px solid #999
-      border-radius 4px
-      font-size 16px
-      margin 6px 0 0
-      padding 4px
-      text-align left
-      &:before
-        border-color #999
-      [class*=ds-dataset-]
-        border none
-        padding 0
-      .ds-suggestions
-        margin-top 0
-      .ds-suggestion
-        border-bottom 1px solid $borderColor
-    .algolia-docsearch-suggestion--highlight
-      color #2c815b
-    .algolia-docsearch-suggestion
-      border-color $borderColor
-      padding 0
-      .algolia-docsearch-suggestion--category-header
-        padding 5px 10px
-        margin-top 0
-        background $accentColor
-        color #fff
-        font-weight 600
-        .algolia-docsearch-suggestion--highlight
-          background rgba(255, 255, 255, 0.6)
-      .algolia-docsearch-suggestion--wrapper
-        padding 0
-      .algolia-docsearch-suggestion--title
-        font-weight 600
-        margin-bottom 0
-        color $textColor
-      .algolia-docsearch-suggestion--subcategory-column
-        vertical-align top
-        padding 5px 7px 5px 5px
-        border-color $borderColor
-        background #f1f3f5
-        &:after
-          display none
-      .algolia-docsearch-suggestion--subcategory-column-text
-        color #555
-    .algolia-docsearch-footer
-      border-color $borderColor
-    .ds-cursor .algolia-docsearch-suggestion--content
-      background-color #e7edf3 !important
-      color $textColor
-
-@media (min-width: $MQMobile)
-  .algolia-search-wrapper
-    .algolia-autocomplete
-      .algolia-docsearch-suggestion
-        .algolia-docsearch-suggestion--subcategory-column
-          float none
-          width 150px
-          min-width 150px
-          display table-cell
-        .algolia-docsearch-suggestion--content
-          float none
-          display table-cell
-          width 100%
-          vertical-align top
-        .ds-dropdown-menu
-          min-width 515px !important
-
-@media (max-width: $MQMobile)
-  .algolia-search-wrapper
-    .ds-dropdown-menu
-      min-width calc(100vw - 4rem) !important
-      max-width calc(100vw - 4rem) !important
-    .algolia-docsearch-suggestion--wrapper
-      padding 5px 7px 5px 5px !important
-    .algolia-docsearch-suggestion--subcategory-column
-      padding 0 !important
-      background white !important
-    .algolia-docsearch-suggestion--subcategory-column-text:after
-      content " > "
-      font-size 10px
-      line-height 14.4px
-      display inline-block
-      width 5px
-      margin -3px 3px 0
-      vertical-align middle
-
-</style>
diff --git a/components/Categories/index.vue b/components/Categories/index.vue
deleted file mode 100644
index 8264cfd..0000000
--- a/components/Categories/index.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <div class="categories-wrapper" v-if="isCategories">
-    <note-abstract 
-      :data="pages"
-      :currentPage="currentPage"
-      @currentTag="getCurrentTag"></note-abstract>
-    
-    <pagation 
-      :data="pages" 
-      @getCurrentPage="getCurrentPage"></pagation>
-  </div>
-</template>
-
-<script>
-import NoteAbstract from '../NoteAbstract/'
-import Pagation from '../Pagation/'
-
-export default {
-
-  data () {
-    return {
-      pages: [],
-      currentPage: 1
-    }
-  },
-
-  computed: {
-    isCategories () {
-      let isCategories = this.$page.frontmatter.isCategories
-      if (isCategories) {
-        this.getPagesByCategories()
-      } else {
-        this.pages = []
-      }
-      
-      return isCategories
-    }
-  },
-  methods: {
-    // 根据分类获取页面数据
-    getPagesByCategories () {
-      let pages = this.$site.pages,
-          title = this.$page.title
-      pages = pages.filter(item => {
-        return item.frontmatter.categories == title
-      })
-      // reverse()是为了按时间最近排序排序
-      this.pages = pages.length == 0 ? [] : pages.reverse()
-    },
-    getCurrentTag (tag) {
-      this.$emit('currentTag', tag)
-    },
-    getCurrentPage (page) {
-      this.currentPage = page
-    }
-  },
-  components: {
-    NoteAbstract,
-    Pagation
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-@require '../../styles/wrapper.styl'
-
-.categories-wrapper
-  max-width: 740px;
-  margin: 0 auto;
-  padding: 0 2.5rem; 
-
-@media (max-width: $MQMobile)
-  .categories-wrapper
-    padding: 0 0.6rem;
-  .page-edit
-    .edit-link
-      margin-bottom .5rem
-    .last-updated
-      font-size .8em
-      float none
-      text-align left
-
-</style>
diff --git a/components/DropdownLink/index.vue b/components/DropdownLink/index.vue
deleted file mode 100644
index 5091730..0000000
--- a/components/DropdownLink/index.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div
-    class="dropdown-wrapper"
-    :class="{ open }"
-  >
-    <a
-      class="dropdown-title"
-      @click="toggle"
-    >
-      <span class="title">{{ item.text }}</span>
-      <span
-        class="arrow"
-        :class="open ? 'down' : 'right'"
-      ></span>
-    </a>
-
-    <DropdownTransition>
-      <ul
-        class="nav-dropdown"
-        v-show="open"
-      >
-        <li
-          class="dropdown-item"
-          :key="subItem.link || index"
-          v-for="(subItem, index) in item.items"
-        >
-          <h4 v-if="subItem.type === 'links'">{{ subItem.text }}</h4>
-
-          <ul
-            class="dropdown-subitem-wrapper"
-            v-if="subItem.type === 'links'"
-          >
-            <li
-              class="dropdown-subitem"
-              :key="childSubItem.link"
-              v-for="childSubItem in subItem.items"
-            >
-              <NavLink :item="childSubItem"/>
-            </li>
-          </ul>
-
-          <NavLink
-            v-else
-            :item="subItem"
-          />
-        </li>
-      </ul>
-    </DropdownTransition>
-  </div>
-</template>
-
-<script>
-import NavLink from '../NavLink/'
-import DropdownTransition from '../DropdownTransition/'
-
-export default {
-  components: { NavLink, DropdownTransition },
-
-  data () {
-    return {
-      open: false
-    }
-  },
-
-  props: {
-    item: {
-      required: true
-    }
-  },
-
-  methods: {
-    toggle () {
-      this.open = !this.open
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.dropdown-wrapper
-  cursor pointer
-  .dropdown-title
-    display block
-    &:hover
-      border-color transparent
-    .arrow
-      vertical-align middle
-      margin-top -1px
-      margin-left 0.4rem
-  .nav-dropdown
-    .dropdown-item
-      color inherit
-      line-height 1.7rem
-      h4
-        margin 0.45rem 0 0
-        border-top 1px solid #eee
-        padding 0.45rem 1.5rem 0 1.25rem
-      .dropdown-subitem-wrapper
-        padding 0
-        list-style none
-        .dropdown-subitem
-          font-size 0.9em
-      a
-        display block
-        line-height 1.7rem
-        position relative
-        border-bottom none
-        font-weight 400
-        margin-bottom 0
-        padding 0 1.5rem 0 1.25rem
-        &:hover
-          color $accentColor
-        &.router-link-active
-          color $accentColor
-          &::after
-            content ""
-            width 0
-            height 0
-            border-left 5px solid $accentColor
-            border-top 3px solid transparent
-            border-bottom 3px solid transparent
-            position absolute
-            top calc(50% - 2px)
-            left 9px
-      &:first-child h4
-        margin-top 0
-        padding-top 0
-        border-top 0
-
-@media (max-width: $MQMobile)
-  .dropdown-wrapper
-    &.open .dropdown-title
-      margin-bottom 0.5rem
-    .nav-dropdown
-      transition height .1s ease-out
-      overflow hidden
-      .dropdown-item
-        h4
-          border-top 0
-          margin-top 0
-          padding-top 0
-        h4, & > a
-          font-size 15px
-          line-height 2rem
-        .dropdown-subitem
-          font-size 14px
-          padding-left 1rem
-
-@media (min-width: $MQMobile)
-  .dropdown-wrapper
-    height 1.8rem
-    &:hover .nav-dropdown
-      // override the inline style.
-      display block !important
-    .dropdown-title .arrow
-      // make the arrow always down at desktop
-      border-left 4px solid transparent
-      border-right 4px solid transparent
-      border-top 6px solid $arrowBgColor
-      border-bottom 0
-    .nav-dropdown
-      display none
-      // Avoid height shaked by clicking
-      height auto !important
-      box-sizing border-box;
-      max-height calc(100vh - 2.7rem)
-      overflow-y auto
-      position absolute
-      top 100%
-      right 0
-      background-color #fff
-      padding 0.6rem 0
-      text-align left
-      border-radius 0.25rem
-      white-space nowrap
-      margin 0
-      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
-</style>
diff --git a/components/DropdownTransition/index.vue b/components/DropdownTransition/index.vue
deleted file mode 100644
index 8c711a1..0000000
--- a/components/DropdownTransition/index.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <transition
-    name="dropdown"
-    @enter="setHeight"
-    @after-enter="unsetHeight"
-    @before-leave="setHeight"
-  >
-    <slot/>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DropdownTransition',
-
-  methods: {
-    setHeight (items) {
-      // explicitly set height so that it can be transitioned
-      items.style.height = items.scrollHeight + 'px'
-    },
-
-    unsetHeight (items) {
-      items.style.height = ''
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-.dropdown-enter, .dropdown-leave-to
-  height 0 !important
-
-</style>
diff --git a/components/Home/index.vue b/components/Home/index.vue
deleted file mode 100644
index 4cc1246..0000000
--- a/components/Home/index.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<template>
-  <div class="home">
-    <div class="hero">
-      <img v-if="data.heroImage" :src="$withBase(data.heroImage)" alt="hero">
-
-      <h1>{{ data.heroText || $title || 'Hello' }}</h1>
-
-      <p class="description">{{ data.tagline || $description || 'Welcome to your VuePress site' }}</p>
-
-      <p class="action" v-if="data.actionText && data.actionLink">
-        <NavLink class="action-button" :item="actionLink"/>
-      </p>
-    </div>
-
-    <div class="features" v-if="data.features && data.features.length">
-      <div v-for="(feature, index) in data.features" :key="index" class="feature">
-        <h2>{{ feature.title }}</h2>
-        <p>{{ feature.details }}</p>
-      </div>
-    </div>
-
-    <Content custom/>
-
-    <div class="footer" v-if="data.footer">{{ data.footer }}</div>
-  </div>
-</template>
-
-<script>
-import NavLink from "../NavLink/";
-
-export default {
-  components: { NavLink },
-
-  computed: {
-    data() {
-      return this.$page.frontmatter;
-    },
-
-    actionLink() {
-      return {
-        link: this.data.actionLink,
-        text: this.data.actionText
-      };
-    }
-  }
-};
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl';
-
-.home {
-  padding: $navbarHeight 2rem 0;
-  max-width: 960px;
-  margin: 0px auto;
-
-  .hero {
-    text-align: center;
-
-    img {
-      max-height: 280px;
-      display: block;
-      margin: 3rem auto 1.5rem;
-    }
-
-    h1 {
-      font-size: 2.5rem;
-    }
-
-    h1, .description, .action {
-      margin: 1.8rem auto;
-    }
-
-    .description {
-      max-width: 35rem;
-      font-size: 1.6rem;
-      line-height: 1.3;
-      color: lighten($textColor, 40%);
-    }
-
-    .action-button {
-      display: inline-block;
-      font-size: 1.2rem;
-      color: #fff;
-      background-color: $accentColor;
-      padding: 0.8rem 1.6rem;
-      border-radius: 4px;
-      transition: background-color 0.1s ease;
-      box-sizing: border-box;
-      border-bottom: 1px solid darken($accentColor, 10%);
-
-      &:hover {
-        background-color: lighten($accentColor, 10%);
-      }
-    }
-  }
-
-  .features {
-    border-top: 1px solid $borderColor;
-    padding: 1.2rem 0;
-    margin-top: 2.5rem;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    align-content: stretch;
-    justify-content: space-between;
-  }
-
-  .feature {
-    flex-grow: 1;
-    flex-basis: 30%;
-    max-width: 30%;
-    transition: all .5s
-    h2 {
-      font-size: 1.4rem;
-      font-weight: 500;
-      border-bottom: none;
-      padding-bottom: 0;
-      color: lighten($textColor, 10%);
-    }
-
-    p {
-      color: lighten($textColor, 25%);
-    }
-
-    &:hover {
-      transform scale(1.05)
-    }
-  }
-
-  .footer {
-    padding: 2.5rem;
-    border-top: 1px solid $borderColor;
-    text-align: center;
-    color: lighten($textColor, 25%);
-  }
-}
-
-@media (max-width: $MQMobile) {
-  .home {
-    .features {
-      flex-direction: column;
-    }
-
-    .feature {
-      max-width: 100%;
-      padding: 0 2.5rem;
-    }
-  }
-}
-
-@media (max-width: $MQMobileNarrow) {
-  .home {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-
-    .hero {
-      img {
-        max-height: 210px;
-        margin: 2rem auto 1.2rem;
-      }
-
-      h1 {
-        font-size: 2rem;
-      }
-
-      h1, .description, .action {
-        margin: 1.2rem auto;
-      }
-
-      .description {
-        font-size: 1.2rem;
-      }
-
-      .action-button {
-        font-size: 1rem;
-        padding: 0.6rem 1.2rem;
-      }
-    }
-
-    .feature {
-      h2 {
-        font-size: 1.25rem;
-      }
-    }
-  }
-}
-</style>
diff --git a/components/NavLink/index.vue b/components/NavLink/index.vue
deleted file mode 100644
index c95ee02..0000000
--- a/components/NavLink/index.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <router-link
-    class="nav-link"
-    :to="link"
-    v-if="!isExternal(link)"
-    :exact="exact"
-  >{{ item.text }}</router-link>
-  <a
-    v-else
-    :href="link"
-    class="nav-link external"
-    :target="isMailto(link) || isTel(link) ? null : '_blank'"
-    :rel="isMailto(link) || isTel(link) ? null : 'noopener noreferrer'"
-  >
-    {{ item.text }}
-    <OutboundLink/>
-  </a>
-</template>
-
-<script>
-import { isExternal, isMailto, isTel, ensureExt } from '../../util/'
-
-export default {
-  props: {
-    item: {
-      required: true
-    }
-  },
-
-  computed: {
-    link () {
-      return ensureExt(this.item.link)
-    },
-
-    exact () {
-      if (this.$site.locales) {
-        return Object.keys(this.$site.locales).some(rootLink => rootLink === this.link)
-      }
-      return this.link === '/'
-    }
-  },
-
-  methods: {
-    isExternal,
-    isMailto,
-    isTel
-  }
-}
-</script>
diff --git a/components/NavLinks/index.vue b/components/NavLinks/index.vue
deleted file mode 100644
index 2657b80..0000000
--- a/components/NavLinks/index.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <nav
-    class="nav-links"
-    v-if="userLinks.length || repoLink"
-  >
-    <!-- user links -->
-    <div
-      class="nav-item"
-      v-for="item in userLinks"
-      :key="item.link"
-    >
-      <DropdownLink
-        v-if="item.type === 'links'"
-        :item="item"
-      />
-      <NavLink
-        v-else
-        :item="item"
-      />
-    </div>
-
-    <!-- repo link -->
-    <a
-      v-if="repoLink"
-      :href="repoLink"
-      class="repo-link"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      {{ repoLabel }}
-      <OutboundLink/>
-    </a>
-  </nav>
-</template>
-
-<script>
-import DropdownLink from '../DropdownLink/'
-import { resolveNavLinkItem } from '../../util/'
-import NavLink from '../NavLink/'
-
-export default {
-  components: { NavLink, DropdownLink },
-
-  computed: {
-    userNav () {
-      return this.$themeLocaleConfig.nav || this.$site.themeConfig.nav || []
-    },
-
-    nav () {
-      const { locales } = this.$site
-      if (locales && Object.keys(locales).length > 1) {
-        const currentLink = this.$page.path
-        const routes = this.$router.options.routes
-        const themeLocales = this.$site.themeConfig.locales || {}
-        const languageDropdown = {
-          text: this.$themeLocaleConfig.selectText || 'Languages',
-          items: Object.keys(locales).map(path => {
-            const locale = locales[path]
-            const text = themeLocales[path] && themeLocales[path].label || locale.lang
-            let link
-            // Stay on the current page
-            if (locale.lang === this.$lang) {
-              link = currentLink
-            } else {
-              // Try to stay on the same page
-              link = currentLink.replace(this.$localeConfig.path, path)
-              // fallback to homepage
-              if (!routes.some(route => route.path === link)) {
-                link = path
-              }
-            }
-            return { text, link }
-          })
-        }
-        return [...this.userNav, languageDropdown]
-      }
-      return this.userNav
-    },
-
-    userLinks () {
-      return (this.nav || []).map(link => {
-        return Object.assign(resolveNavLinkItem(link), {
-          items: (link.items || []).map(resolveNavLinkItem)
-        })
-      })
-    },
-
-    repoLink () {
-      const { repo } = this.$site.themeConfig
-      if (repo) {
-        return /^https?:/.test(repo)
-          ? repo
-          : `https://github.com/${repo}`
-      }
-    },
-
-    repoLabel () {
-      if (!this.repoLink) return
-      if (this.$site.themeConfig.repoLabel) {
-        return this.$site.themeConfig.repoLabel
-      }
-
-      const repoHost = this.repoLink.match(/^https?:\/\/[^/]+/)[0]
-      const platforms = ['GitHub', 'GitLab', 'Bitbucket']
-      for (let i = 0; i < platforms.length; i++) {
-        const platform = platforms[i]
-        if (new RegExp(platform, 'i').test(repoHost)) {
-          return platform
-        }
-      }
-
-      return 'Source'
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.nav-links
-  display inline-block
-  a
-    line-height 1.4rem
-    color inherit
-    &:hover, &.router-link-active
-      color $accentColor
-  .nav-item
-    position relative
-    display inline-block
-    margin-left 1.5rem
-    line-height 2rem
-    &:first-child
-      margin-left 0
-  .repo-link
-    margin-left 1.5rem
-
-@media (max-width: $MQMobile)
-  .nav-links
-    .nav-item, .repo-link
-      margin-left 0
-
-@media (min-width: $MQMobile)
-  .nav-links a
-    &:hover, &.router-link-active
-      color $textColor
-  .nav-item > a:not(.external)
-    &:hover, &.router-link-active
-      margin-bottom -2px
-      border-bottom 2px solid lighten($accentColor, 8%)
-</style>
diff --git a/components/Navbar/index.vue b/components/Navbar/index.vue
deleted file mode 100644
index 6a1ed30..0000000
--- a/components/Navbar/index.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-<template>
-  <header class="navbar">
-    <SidebarButton @toggle-sidebar="$emit('toggle-sidebar')"/>
-
-    <router-link :to="$localePath" class="home-link">
-      <img
-        class="logo"
-        v-if="$site.themeConfig.logo"
-        :src="$withBase($site.themeConfig.logo)"
-        :alt="$siteTitle"
-      >
-      <span
-        ref="siteName"
-        class="site-name"
-        v-if="$siteTitle"
-        :class="{ 'can-hide': $site.themeConfig.logo }"
-      >{{ $siteTitle }}</span>
-    </router-link>
-
-    <div class="links" :style="{
-        'max-width': linksWrapMaxWidth + 'px'
-      }">
-      <AlgoliaSearchBox v-if="isAlgoliaSearch" :options="algolia"/>
-      <SearchBox v-else-if="$site.themeConfig.search !== false"/>
-      <NavLinks class="can-hide"/>
-    </div>
-  </header>
-</template>
-
-<script>
-import SidebarButton from "../SidebarButton/";
-import AlgoliaSearchBox from "../AlgoliaSearchBox/";
-import SearchBox from "../SearchBox/";
-import NavLinks from "../NavLinks/";
-
-export default {
-  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
-
-  data() {
-    return {
-      linksWrapMaxWidth: null
-    };
-  },
-
-  mounted() {
-    const MOBILE_DESKTOP_BREAKPOINT = 719; // refer to config.styl
-    const NAVBAR_VERTICAL_PADDING =
-      parseInt(css(this.$el, "paddingLeft")) +
-      parseInt(css(this.$el, "paddingRight"));
-    const handleLinksWrapWidth = () => {
-      if (document.documentElement.clientWidth < MOBILE_DESKTOP_BREAKPOINT) {
-        this.linksWrapMaxWidth = null;
-      } else {
-        this.linksWrapMaxWidth =
-          this.$el.offsetWidth -
-          NAVBAR_VERTICAL_PADDING -
-          ((this.$refs.siteName && this.$refs.siteName.offsetWidth) || 0);
-      }
-    };
-    handleLinksWrapWidth();
-    window.addEventListener("resize", handleLinksWrapWidth, false);
-  },
-
-  computed: {
-    algolia() {
-      return (
-        this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
-      );
-    },
-
-    isAlgoliaSearch() {
-      return this.algolia && this.algolia.apiKey && this.algolia.indexName;
-    }
-  }
-};
-
-function css(el, property) {
-  // NOTE: Known bug, will return 'auto' if style value is 'auto'
-  const win = el.ownerDocument.defaultView;
-  // null means not to return pseudo styles
-  return win.getComputedStyle(el, null)[property];
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl';
-
-$navbar-vertical-padding = 0.7rem;
-$navbar-horizontal-padding = 1.5rem;
-
-.navbar {
-  padding: $navbar-vertical-padding $navbar-horizontal-padding;
-  line-height: $navbarHeight - 1.4rem;
-  position: relative;
-
-  a, span, img {
-    display: inline-block;
-  }
-
-  .logo {
-    height: $navbarHeight - 1.4rem;
-    min-width: $navbarHeight - 1.4rem;
-    margin-right: 0.8rem;
-    vertical-align: top;
-  }
-
-  .site-name {
-    font-size: 1.3rem;
-    font-weight: 600;
-    color: $textColor;
-    position: relative;
-  }
-
-  .links {
-    padding-left: 1.5rem;
-    box-sizing: border-box;
-    background-color: white;
-    white-space: nowrap;
-    font-size: 0.9rem;
-    position: absolute;
-    right: $navbar-horizontal-padding;
-    top: $navbar-vertical-padding;
-    display: flex;
-
-    .search-box {
-      flex: 0 0 auto;
-      vertical-align: top;
-    }
-
-    .nav-links {
-      flex: 1;
-    }
-  }
-}
-
-@media (max-width: $MQMobile) {
-  .navbar {
-    padding-left: 4rem;
-
-    .can-hide {
-      display: none;
-    }
-
-    .links {
-      padding-left: 1.5rem;
-    }
-  }
-}
-</style>
diff --git a/components/NoteAbstract/index.vue b/components/NoteAbstract/index.vue
deleted file mode 100644
index 04fc020..0000000
--- a/components/NoteAbstract/index.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <div class="abstract-wrapper">
-    <div
-      v-for="(item, index) in data"
-      :key="index"
-      v-if="((index + 1) > (currentPage - 1) * 10) && ((index + 1) <= currentPage * 10)"
-      class="abstract-item">
-      <div class="title">
-        <router-link
-          :to="item.path">{{item.title}}</router-link>
-      </div>
-      <div class="abstract" v-html="item.excerpt"></div>
-      <hr>
-      <div class="tags">
-        <span 
-          v-for="(subItem, subIndex) in item.frontmatter.tags"
-          :key="subIndex"
-          class="tag-item"
-          @click="goTags(subItem)">
-          {{subItem}}
-        </span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: ['data', 'currentPage'],
-  methods: {
-    goTags (tag) {
-      this.$emit('currentTag', tag)
-      this.$router.push({path: '/tags/'})
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-.abstract-wrapper
-  width 100%
-  .abstract-item
-    margin: 0 auto 20px;
-    padding: 16px 20px;
-    width 100%
-    overflow: hidden;
-    border-radius: 2px;
-    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
-    box-sizing: border-box;
-    transition all .3s
-    &:hover
-      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
-    .title
-      position: relative;
-      font-size: 1.28rem;
-      line-height: 36px;
-      display: inline-block;
-      :after
-        content: "";
-        position: absolute;
-        width: 100%;
-        height: 2px;
-        bottom: 0;
-        left: 0;
-        background-color: #3eaf7c;
-        visibility: hidden;
-        -webkit-transform: scaleX(0);
-        transform: scaleX(0);
-        transition: .3s ease-in-out;
-      :hover:after
-        visibility visible
-        -webkit-transform: scaleX(1);
-        transform: scaleX(1);
-    .tags
-      .tag-item
-        transition: all .3s
-        vertical-align: middle;
-        margin: 4px;
-        padding 4px 8px
-        display: inline-flex;
-        cursor: pointer;
-        border-radius: 2px;
-        background: #fff;
-        color: #999;
-        font-size: 13px; 
-        box-shadow 0 1px 5px 0 rgba(0,0,0,0.2)
-        &:hover 
-          transform scale(1.05)
-</style>
diff --git a/components/Pagation/index.vue b/components/Pagation/index.vue
deleted file mode 100644
index 0c43362..0000000
--- a/components/Pagation/index.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <div class="pagation" v-show="show"> 
-    <div class="pagation-list"> 
-      <span class="jump" v-show="currentPage>1" @click="goPrev">上一页</span> 
-      <span v-show="currentPage>5" class="jump" @click="jumpPage(1)">1</span> 
-      <span class="ellipsis"  v-show="efont">...</span> 
-      <span class="jump" v-for="num in indexs" :key="num" :class="{bgprimary:currentPage==num}" @click="jumpPage(num)">{{num}}</span> 
-      <span class="ellipsis"  v-show="efont&&currentPage<pages-4">...</span> 
-
-      <span class="jump" v-show="currentPage < pages" @click="goNext">下一页</span> 
-
-      <span class="jumppoint">跳转到：</span> 
-      <span class="jumpinp"><input type="text" v-model="changePage"></span> 
-      <span class="jump gobtn" @click="jumpPage(changePage)">GO</span> 
-    </div> 
-  </div> 
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      currentPage: 1, // 当前页
-      changePage:'', // 跳转页
-    } 
-  }, 
-  props: {
-    data: {
-      type: Array,
-      default () {
-        return []
-      }
-    },
-    perPage: {
-      type: Number,
-      default: 10
-    }
-  },
-  computed:{
-     pages () {
-       return Math.ceil(this.data.length / this.perPage)
-     },
-     show:function(){ 
-         return this.pages && this.pages !=1 
-     }, 
-     efont: function() { 
-       if (this.pages <= 7) return false; 
-       return this.currentPage > 5 
-     }, 
-     indexs: function() { 
- 
-       var left = 1, 
-         right = this.pages, 
-         ar = []; 
-       if (this.pages >= 7) { 
-         if (this.currentPage > 5 && this.currentPage < this.pages - 4) { 
-           left = Number(this.currentPage) - 3; 
-           right = Number(this.currentPage) + 3; 
-         } else { 
-           if (this.currentPage <= 5) { 
-             left = 1; 
-             right = 7; 
-           } else { 
-             right = this.pages; 
- 
-             left = this.pages - 6; 
-           } 
-         } 
-       } 
-       while (left <= right) { 
-         ar.push(left); 
-         left++; 
-       } 
-       return ar; 
-     }, 
-   }, 
-  methods: {
-    goPrev () {
-      if (this.currentPage > 1) {
-        this.currentPage--
-        this.emit(this.currentPage)
-      }
-    },
-    goNext () {
-      if (this.currentPage < this.pages) {
-        this.currentPage++
-        this.emit(this.currentPage)
-      }
-    },
-    jumpPage: function(id) {
-      if (id <= this.pages) {
-        this.currentPage = id;
-        this.emit(id)
-        return
-      }
-      alert(`请输入小于${this.pages}的页码！`)
-    },
-    emit (id) {
-      this.$emit('getCurrentPage', id)
-    }
-  }, 
-};
-</script>
-
-<style lang="stylus" scoped>
-.pagation
-  font-weight: 900; 
-  text-align: center; 
-  color: #888; 
-  margin: 20px auto 0; 
-  background: #f2f2f2; 
-  .pagation-list
-    font-size: 0; 
-    background: #fff; 
-    line-height: 50px; 
-    span
-      font-size: 14px;
-      &.jump
-        border: 1px solid #ccc; 
-        padding: 5px 8px; 
-        -webkit-border-radius: 4px; 
-        -moz-border-radius: 4px; 
-        border-radius: 4px; 
-        cursor: pointer; 
-        margin-left: 5px;
-      &.jumpinp
-        input
-          width: 55px; 
-          height: 26px; 
-          font-size: 13px; 
-          border: 1px solid #ccc; 
-          -webkit-border-radius: 4px; 
-          -moz-border-radius: 4px; 
-          border-radius: 4px; 
-          text-align: center;
-      &.bgprimary
-        cursor: default; 
-        color: #fff; 
-        background: #3eaf7c; 
-        border-color: #3eaf7c; 
-      &.ellipsis
-        padding: 0px 8px; 
-      &.jumppoint
-        margin-left: 30px;
-</style>
\ No newline at end of file
diff --git a/components/Page/index.vue b/components/Page/index.vue
deleted file mode 100644
index 5e90749..0000000
--- a/components/Page/index.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<template>
-  <div class="page">
-    <slot name="top"/>
-    <Content :custom="false"/>
-    <categories v-if="isCategories" @currentTag="getCurrentTag"></categories>
-    <valine v-if="!isCategories && !isTags"></valine>
-    <tags v-if="isTags" :tag="currentTag"></tags>
-
-    <div class="page-edit">
-      <div
-        class="edit-link"
-        v-if="editLink"
-      >
-        <a
-          :href="editLink"
-          target="_blank"
-          rel="noopener noreferrer"
-        >{{ editLinkText }}</a>
-        <OutboundLink/>
-      </div>
-
-      <div
-        class="last-updated"
-        v-if="lastUpdated"
-      >
-        <span class="prefix">{{ lastUpdatedText }}: </span>
-        <span class="time">{{ lastUpdated }}</span>
-      </div>
-    </div>
-
-    <div class="page-nav" v-if="prev || next">
-      <p class="inner">
-        <span
-          v-if="prev"
-          class="prev"
-        >
-          ←
-          <router-link
-            v-if="prev"
-            class="prev"
-            :to="prev.path"
-          >
-            {{ prev.title || prev.path }}
-          </router-link>
-        </span>
-
-        <span
-          v-if="next"
-          class="next"
-        >
-          <router-link
-            v-if="next"
-            :to="next.path"
-          >
-            {{ next.title || next.path }}
-          </router-link>
-          →
-        </span>
-      </p>
-    </div>
-
-    <slot name="bottom"/>
-  </div>
-</template>
-
-<script>
-import { resolvePage, normalize, outboundRE, endingSlashRE } from '../../util/'
-import Categories from '../Categories/'
-import Valine from '../Valine/'
-import Tags from '../Tags/'
-
-export default {
-  data () {
-    return {
-      currentTag: ''
-    }
-  },
-  props: ['sidebarItems'],
-
-  computed: {
-    isCategories () {
-      return this.$page.frontmatter.isCategories
-    },
-    isTags () {
-      return this.$page.frontmatter.isTags
-    },
-    
-    lastUpdated () {
-      if (this.$page.lastUpdated) {
-        return new Date(this.$page.lastUpdated).toLocaleString(this.$lang)
-      }
-    },
-
-    lastUpdatedText () {
-      if (typeof this.$themeLocaleConfig.lastUpdated === 'string') {
-        return this.$themeLocaleConfig.lastUpdated
-      }
-      if (typeof this.$site.themeConfig.lastUpdated === 'string') {
-        return this.$site.themeConfig.lastUpdated
-      }
-      return 'Last Updated'
-    },
-
-    prev () {
-      const prev = this.$page.frontmatter.prev
-      if (prev === false) {
-        return
-      } else if (prev) {
-        return resolvePage(this.$site.pages, prev, this.$route.path)
-      } else {
-        return resolvePrev(this.$page, this.sidebarItems)
-      }
-    },
-
-    next () {
-      const next = this.$page.frontmatter.next
-      if (next === false) {
-        return
-      } else if (next) {
-        return resolvePage(this.$site.pages, next, this.$route.path)
-      } else {
-        return resolveNext(this.$page, this.sidebarItems)
-      }
-    },
-
-    editLink () {
-      if (this.$page.frontmatter.editLink === false) {
-        return
-      }
-      const {
-        repo,
-        editLinks,
-        docsDir = '',
-        docsBranch = 'master',
-        docsRepo = repo
-      } = this.$site.themeConfig
-
-      let path = normalize(this.$page.path)
-      if (endingSlashRE.test(path)) {
-        path += 'README.md'
-      } else {
-        path += '.md'
-      }
-      if (docsRepo && editLinks) {
-        return this.createEditLink(repo, docsRepo, docsDir, docsBranch, path)
-      }
-    },
-
-    editLinkText () {
-      return (
-        this.$themeLocaleConfig.editLinkText ||
-        this.$site.themeConfig.editLinkText ||
-        `Edit this page`
-      )
-    },
-  },
-
-  methods: {
-    createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
-      const bitbucket = /bitbucket.org/
-      if (bitbucket.test(repo)) {
-        const base = outboundRE.test(docsRepo)
-          ? docsRepo
-          : repo
-        return (
-          base.replace(endingSlashRE, '') +
-           `/${docsBranch}` +
-           (docsDir ? '/' + docsDir.replace(endingSlashRE, '') : '') +
-           path +
-           `?mode=edit&spa=0&at=${docsBranch}&fileviewer=file-view-default`
-        )
-      }
-
-      const base = outboundRE.test(docsRepo)
-        ? docsRepo
-        : `https://github.com/${docsRepo}`
-
-      return (
-        base.replace(endingSlashRE, '') +
-        `/edit/${docsBranch}` +
-        (docsDir ? '/' + docsDir.replace(endingSlashRE, '') : '') +
-        path
-      )
-    },
-    getCurrentTag (tag) {
-      this.currentTag = tag
-    }
-  },
-  components: {
-    Categories,
-    Valine,
-    Tags
-  }
-}
-
-function resolvePrev (page, items) {
-  return find(page, items, -1)
-}
-
-function resolveNext (page, items) {
-  return find(page, items, 1)
-}
-
-function find (page, items, offset) {
-  const res = []
-  items.forEach(item => {
-    if (item.type === 'group') {
-      res.push(...item.children || [])
-    } else {
-      res.push(item)
-    }
-  })
-  for (let i = 0; i < res.length; i++) {
-    const cur = res[i]
-    if (cur.type === 'page' && cur.path === page.path) {
-      return res[i + offset]
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-@require '../../styles/wrapper.styl'
-
-.page
-  padding-bottom 2rem
-
-.page-edit
-  @extend $wrapper
-  padding-top 1rem
-  padding-bottom 1rem
-  overflow auto
-  .edit-link
-    display inline-block
-    a
-      color lighten($textColor, 25%)
-      margin-right 0.25rem
-  .last-updated
-    float right
-    font-size 0.9em
-    .prefix
-      font-weight 500
-      color lighten($textColor, 25%)
-    .time
-      font-weight 400
-      color #aaa
-
-.page-nav
-  @extend $wrapper
-  padding-top 1rem
-  padding-bottom 0
-  .inner
-    min-height 2rem
-    margin-top 0
-    border-top 1px solid $borderColor
-    padding-top 1rem
-    overflow auto // clear float
-  .next
-    float right
-
-@media (max-width: $MQMobile)
-  .page-edit
-    .edit-link
-      margin-bottom .5rem
-    .last-updated
-      font-size .8em
-      float none
-      text-align left
-</style>
diff --git a/components/SWUpdatePopup/index.vue b/components/SWUpdatePopup/index.vue
deleted file mode 100644
index 711f8a5..0000000
--- a/components/SWUpdatePopup/index.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-  <transition name="sw-update-popup">
-    <div
-      v-if="enabled"
-      class="sw-update-popup"
-    >
-      {{message}}<br>
-      <button @click="reload">{{buttonText}}</button>
-    </div>
-  </transition>
-</template>
-
-<script>
-export default {
-  props: {
-    updateEvent: {
-      type: Object,
-      default: null
-    }
-  },
-
-  computed: {
-    popupConfig () {
-      for (const config of [this.$themeLocaleConfig, this.$site.themeConfig]) {
-        const sw = config.serviceWorker
-        if (sw && sw.updatePopup) {
-          return typeof sw.updatePopup === 'object' ? sw.updatePopup : {}
-        }
-      }
-      return null
-    },
-
-    enabled () {
-      return Boolean(this.popupConfig && this.updateEvent)
-    },
-
-    message () {
-      const c = this.popupConfig
-      return (c && c.message) || 'New content is available.'
-    },
-
-    buttonText () {
-      const c = this.popupConfig
-      return (c && c.buttonText) || 'Refresh'
-    }
-  },
-
-  methods: {
-    reload () {
-      if (this.updateEvent) {
-        this.updateEvent.skipWaiting().then(() => {
-          location.reload(true)
-        })
-        this.updateEvent = null
-      }
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.sw-update-popup
-  position fixed
-  right 1em
-  bottom 1em
-  padding 1em
-  border 1px solid $accentColor
-  border-radius 3px
-  background #fff
-  box-shadow 0 4px 16px rgba(0, 0, 0, 0.5)
-  text-align center
-
-  button
-    margin-top 0.5em
-    padding 0.25em 2em
-
-.sw-update-popup-enter-active, .sw-update-popup-leave-active
-  transition opacity 0.3s, transform 0.3s
-
-.sw-update-popup-enter, .sw-update-popup-leave-to
-  opacity 0
-  transform translate(0, 50%) scale(0.5)
-</style>
diff --git a/components/SearchBox/index.vue b/components/SearchBox/index.vue
deleted file mode 100644
index 2c1f9d6..0000000
--- a/components/SearchBox/index.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<template>
-  <div class="search-box">
-    <input
-      @input="query = $event.target.value"
-      aria-label="Search"
-      :value="query"
-      :class="{ 'focused': focused }"
-      autocomplete="off"
-      spellcheck="false"
-      @focus="focused = true"
-      @blur="focused = false"
-      @keyup.enter="go(focusIndex)"
-      @keyup.up="onUp"
-      @keyup.down="onDown"
-    >
-    <ul
-      class="suggestions"
-      v-if="showSuggestions"
-      :class="{ 'align-right': alignRight }"
-      @mouseleave="unfocus"
-    >
-      <li
-        class="suggestion"
-        v-for="(s, i) in suggestions"
-        :key="i"
-        :class="{ focused: i === focusIndex }"
-        @mousedown="go(i)"
-        @mouseenter="focus(i)"
-      >
-        <a :href="s.path" @click.prevent>
-          <span class="page-title">{{ s.title || s.path }}</span>
-          <span v-if="s.header" class="header">&gt; {{ s.header.title }}</span>
-        </a>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      query: '',
-      focused: false,
-      focusIndex: 0
-    }
-  },
-
-  computed: {
-    showSuggestions () {
-      return (
-        this.focused &&
-        this.suggestions &&
-        this.suggestions.length
-      )
-    },
-
-    suggestions () {
-      const query = this.query.trim().toLowerCase()
-      if (!query) {
-        return
-      }
-
-      const { pages, themeConfig } = this.$site
-      const max = themeConfig.searchMaxSuggestions || 5
-      const localePath = this.$localePath
-      const matches = item => (
-        item.title &&
-        item.title.toLowerCase().indexOf(query) > -1
-      )
-      const res = []
-      for (let i = 0; i < pages.length; i++) {
-        if (res.length >= max) break
-        const p = pages[i]
-        // filter out results that do not match current locale
-        if (this.getPageLocalePath(p) !== localePath) {
-          continue
-        }
-        if (matches(p)) {
-          res.push(p)
-        } else if (p.headers) {
-          for (let j = 0; j < p.headers.length; j++) {
-            if (res.length >= max) break
-            const h = p.headers[j]
-            if (matches(h)) {
-              res.push(Object.assign({}, p, {
-                path: p.path + '#' + h.slug,
-                header: h
-              }))
-            }
-          }
-        }
-      }
-      return res
-    },
-
-    // make suggestions align right when there are not enough items
-    alignRight () {
-      const navCount = (this.$site.themeConfig.nav || []).length
-      const repo = this.$site.repo ? 1 : 0
-      return navCount + repo <= 2
-    }
-  },
-
-  methods: {
-    getPageLocalePath (page) {
-      for (const localePath in this.$site.locales || {}) {
-        if (localePath !== '/' && page.path.indexOf(localePath) === 0) {
-          return localePath
-        }
-      }
-      return '/'
-    },
-
-    onUp () {
-      if (this.showSuggestions) {
-        if (this.focusIndex > 0) {
-          this.focusIndex--
-        } else {
-          this.focusIndex = this.suggestions.length - 1
-        }
-      }
-    },
-
-    onDown () {
-      if (this.showSuggestions) {
-        if (this.focusIndex < this.suggestions.length - 1) {
-          this.focusIndex++
-        } else {
-          this.focusIndex = 0
-        }
-      }
-    },
-
-    go (i) {
-      if (!this.showSuggestions) {
-        return
-      }
-      this.$router.push(this.suggestions[i].path)
-      this.query = ''
-      this.focusIndex = 0
-    },
-
-    focus (i) {
-      this.focusIndex = i
-    },
-
-    unfocus () {
-      this.focusIndex = -1
-    }
-  }
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.search-box
-  display inline-block
-  position relative
-  margin-right 1rem
-  input
-    cursor text
-    width 10rem
-    color lighten($textColor, 25%)
-    display inline-block
-    border 1px solid darken($borderColor, 10%)
-    border-radius 2rem
-    font-size 0.9rem
-    line-height 2rem
-    padding 0 0.5rem 0 2rem
-    outline none
-    transition all .2s ease
-    background #fff url(../../images/search.svg) 0.6rem 0.5rem no-repeat
-    background-size 1rem
-    &:focus
-      cursor auto
-      border-color $accentColor
-  .suggestions
-    background #fff
-    width 20rem
-    position absolute
-    top 1.5rem
-    border 1px solid darken($borderColor, 10%)
-    border-radius 6px
-    padding 0.4rem
-    list-style-type none
-    &.align-right
-      right 0
-  .suggestion
-    line-height 1.4
-    padding 0.4rem 0.6rem
-    border-radius 4px
-    cursor pointer
-    a
-      white-space normal
-      color lighten($textColor, 35%)
-      .page-title
-        font-weight 600
-      .header
-        font-size 0.9em
-        margin-left 0.25em
-    &.focused
-      background-color #f3f4f5
-      a
-        color $accentColor
-
-@media (max-width: $MQNarrow)
-  .search-box
-    input
-      cursor pointer
-      width 0
-      border-color transparent
-      position relative
-      &:focus
-        cursor text
-        left 0
-        width 10rem
-
-@media (max-width: $MQNarrow) and (min-width: $MQMobile)
-  .search-box
-    .suggestions
-      left 0
-
-@media (max-width: $MQMobile)
-  .search-box
-    margin-right 0
-    input
-      left 1rem
-    .suggestions
-      right 0
-
-@media (max-width: $MQMobileNarrow)
-  .search-box
-    .suggestions
-      width calc(100vw - 4rem)
-    input:focus
-      width 8rem
-</style>
diff --git a/components/Sidebar/index.vue b/components/Sidebar/index.vue
deleted file mode 100644
index 8b1bbd8..0000000
--- a/components/Sidebar/index.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <div class="sidebar">
-    <NavLinks/>
-    <slot name="top"/>
-    <ul class="sidebar-links" v-if="items.length">
-      <li v-for="(item, i) in items" :key="i">
-        <SidebarGroup
-          v-if="item.type === 'group'"
-          :item="item"
-          :first="i === 0"
-          :open="i === openGroupIndex"
-          :collapsable="item.collapsable || item.collapsible"
-          @toggle="toggleGroup(i)"
-        />
-        <SidebarLink v-else :item="item"/>
-      </li>
-    </ul>
-    <slot name="bottom"/>
-  </div>
-</template>
-
-<script>
-import SidebarGroup from '../SidebarGroup/'
-import SidebarLink from '../SidebarLink/'
-import NavLinks from '../NavLinks/'
-import { isActive } from '../../util/'
-
-export default {
-  components: { SidebarGroup, SidebarLink, NavLinks },
-
-  props: ['items'],
-
-  data () {
-    return {
-      openGroupIndex: 0
-    }
-  },
-
-  created () {
-    this.refreshIndex()
-  },
-
-  watch: {
-    '$route' () {
-      this.refreshIndex()
-    }
-  },
-
-  methods: {
-    refreshIndex () {
-      const index = resolveOpenGroupIndex(
-        this.$route,
-        this.items
-      )
-      if (index > -1) {
-        this.openGroupIndex = index
-      }
-    },
-
-    toggleGroup (index) {
-      this.openGroupIndex = index === this.openGroupIndex ? -1 : index
-    },
-
-    isActive (page) {
-      return isActive(this.$route, page.path)
-    }
-  }
-}
-
-function resolveOpenGroupIndex (route, items) {
-  for (let i = 0; i < items.length; i++) {
-    const item = items[i]
-    if (item.type === 'group' && item.children.some(c => isActive(route, c.path))) {
-      return i
-    }
-  }
-  return -1
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.sidebar
-  ul
-    padding 0
-    margin 0
-    list-style-type none
-  a
-    display inline-block
-  .nav-links
-    display none
-    border-bottom 1px solid $borderColor
-    padding 0.5rem 0 0.75rem 0
-    a
-      font-weight 600
-    .nav-item, .repo-link
-      display block
-      line-height 1.25rem
-      font-size 1.1em
-      padding 0.5rem 0 0.5rem 1.5rem
-  .sidebar-links
-    padding 1.5rem 0
-
-@media (max-width: $MQMobile)
-  .sidebar
-    .nav-links
-      display block
-      .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
-        top calc(1rem - 2px)
-    .sidebar-links
-      padding 1rem 0
-</style>
diff --git a/components/SidebarButton/index.vue b/components/SidebarButton/index.vue
deleted file mode 100644
index f7fc633..0000000
--- a/components/SidebarButton/index.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="sidebar-button" @click="$emit('toggle-sidebar')">
-    <svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512">
-      <path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" class=""></path>
-    </svg>
-  </div>
-</template>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.sidebar-button
-  display none
-  width 1.25rem
-  height 1.25rem
-  position absolute
-  padding 0.6rem
-  top 0.6rem
-  left 1rem
-  .icon
-    display block
-    width 1.25rem
-    height 1.25rem
-
-@media (max-width: $MQMobile)
-  .sidebar-button
-    display block
-</style>
diff --git a/components/SidebarGroup/index.vue b/components/SidebarGroup/index.vue
deleted file mode 100644
index 1ff7cd4..0000000
--- a/components/SidebarGroup/index.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-  <div
-    class="sidebar-group"
-    :class="{ first, collapsable }"
-  >
-    <p
-      class="sidebar-heading"
-      :class="{ open }"
-      @click="$emit('toggle')"
-    >
-      <span>{{ item.title }}</span>
-      <span
-        class="arrow"
-        v-if="collapsable"
-        :class="open ? 'down' : 'right'">
-      </span>
-    </p>
-
-    <DropdownTransition>
-      <ul
-        ref="items"
-        class="sidebar-group-items"
-        v-if="open || !collapsable">
-        <li 
-          v-for="(child, index) in item.children"
-          :key="index">
-          <SidebarLink :item="child"/>
-        </li>
-      </ul>
-    </DropdownTransition>
-  </div>
-</template>
-
-<script>
-import SidebarLink from '../SidebarLink/'
-import DropdownTransition from '../DropdownTransition/'
-
-export default {
-  name: 'SidebarGroup',
-  props: ['item', 'first', 'open', 'collapsable'],
-  components: { SidebarLink, DropdownTransition }
-}
-</script>
-
-<style lang="stylus">
-.sidebar-group
-  &:not(.first)
-    margin-top 1em
-  .sidebar-group
-    padding-left 0.5em
-  &:not(.collapsable)
-    .sidebar-heading
-      cursor auto
-      color inherit
-
-.sidebar-heading
-  color #999
-  transition color .15s ease
-  cursor pointer
-  font-size 1.1em
-  font-weight bold
-  // text-transform uppercase
-  padding 0 1.5rem
-  margin-top 0
-  margin-bottom 0.5rem
-  &.open, &:hover
-    color inherit
-  .arrow
-    position relative
-    top -0.12em
-    left 0.5em
-  &:.open .arrow
-    top -0.18em
-
-.sidebar-group-items
-  transition height .1s ease-out
-  overflow hidden
-</style>
diff --git a/components/SidebarLink/index.vue b/components/SidebarLink/index.vue
deleted file mode 100644
index 00a41f0..0000000
--- a/components/SidebarLink/index.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script>
-import { isActive, hashRE, groupHeaders } from '../../util/'
-
-export default {
-  functional: true,
-
-  props: ['item'],
-
-  render (h, { parent: { $page, $site, $route }, props: { item }}) {
-    // use custom active class matching logic
-    // due to edge case of paths ending with / + hash
-    const selfActive = isActive($route, item.path)
-    // for sidebar: auto pages, a hash link should be active if one of its child
-    // matches
-    const active = item.type === 'auto'
-      ? selfActive || item.children.some(c => isActive($route, item.basePath + '#' + c.slug))
-      : selfActive
-    const link = renderLink(h, item.path, item.title || item.path, active)
-    const configDepth = $page.frontmatter.sidebarDepth != null
-      ? $page.frontmatter.sidebarDepth
-      : $site.themeConfig.sidebarDepth
-    const maxDepth = configDepth == null ? 1 : configDepth
-    const displayAllHeaders = !!$site.themeConfig.displayAllHeaders
-    if (item.type === 'auto') {
-      return [link, renderChildren(h, item.children, item.basePath, $route, maxDepth)]
-    } else if ((active || displayAllHeaders) && item.headers && !hashRE.test(item.path)) {
-      const children = groupHeaders(item.headers)
-      return [link, renderChildren(h, children, item.path, $route, maxDepth)]
-    } else {
-      return link
-    }
-  }
-}
-
-function renderLink (h, to, text, active) {
-  return h('router-link', {
-    props: {
-      to,
-      activeClass: '',
-      exactActiveClass: ''
-    },
-    class: {
-      active,
-      'sidebar-link': true
-    }
-  }, text)
-}
-
-function renderChildren (h, children, path, route, maxDepth, depth = 1) {
-  if (!children || depth > maxDepth) return null
-  return h('ul', { class: 'sidebar-sub-headers' }, children.map(c => {
-    const active = isActive(route, path + '#' + c.slug)
-    return h('li', { class: 'sidebar-sub-header' }, [
-      renderLink(h, path + '#' + c.slug, c.title, active),
-      renderChildren(h, c.children, path, route, maxDepth, depth + 1)
-    ])
-  }))
-}
-</script>
-
-<style lang="stylus">
-@import '../../styles/config.styl'
-
-.sidebar .sidebar-sub-headers
-  padding-left 1rem
-  font-size 0.95em
-
-a.sidebar-link
-  font-weight 400
-  display inline-block
-  color $textColor
-  border-left 0.25rem solid transparent
-  padding 0.35rem 1rem 0.35rem 1.25rem
-  line-height 1.4
-  width: 100%
-  box-sizing: border-box
-  &:hover
-    color $accentColor
-  &.active
-    font-weight 600
-    color $accentColor
-    border-left-color $accentColor
-  .sidebar-group &
-    padding-left 2rem
-  .sidebar-sub-headers &
-    padding-top 0.25rem
-    padding-bottom 0.25rem
-    border-left none
-    &.active
-      font-weight 500
-</style>
diff --git a/components/Tags/index.vue b/components/Tags/index.vue
deleted file mode 100644
index 0c770cb..0000000
--- a/components/Tags/index.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <div class="tags-wrapper">
-    <div class="tags">
-      <span 
-        v-for="(tag, index) in tags" 
-        :key="index"
-        :class="{'active': tag == trueCurrentTag}"
-        @click="getPagesByTags(tag)">{{tag}}</span>
-    </div>
-
-
-    <note-abstract
-      :data="pages"
-      :currentPage="currentPage"></note-abstract>
-    
-    <pagation
-      :data="pages" 
-      @getCurrentPage="getCurrentPage"></pagation>
-  </div>
-</template>
-
-<script>
-import NoteAbstract from '../NoteAbstract/'
-import Pagation from '../Pagation/'
-
-export default {
-
-  data () {
-    return {
-      pages: [],
-      tags: [],
-      currentTag: '',
-      currentPage: 1
-    }
-  },
-  props: {
-    tag: {
-      type: String,
-      default: ''
-    }
-  },
-  computed: {
-    trueCurrentTag () {
-      return this.currentTag
-    }
-  },
-  created () {
-    let pages = this.$site.pages,
-        newTags = []
-    pages.forEach(page => {
-      let tags = page.frontmatter.tags
-      if (tags) {
-        tags.forEach(tag => {
-          if (newTags.indexOf(tag) == -1) {
-            newTags.push(tag)
-          }
-        })
-        this.tags = newTags
-      }
-      
-    })
-    if (this.currentTag != '') {
-      this.getPagesByTags(this.currentTag)
-    }
-    this.currentTag = this.tag
-  },
-  methods: {
-    // 根据分类获取页面数据
-    getPagesByTags (tag) {
-      let pages = this.$site.pages
-      this.currentTag = tag
-      pages = pages.filter(item => {
-        let tags = item.frontmatter.tags
-        return tags && item.frontmatter.tags.indexOf(tag) > -1
-      })
-      // reverse()是为了按时间最近排序排序
-      this.pages = pages.length == 0 ? [] : pages.reverse()
-    },
-    getCurrentPage () {
-      this.currentPage = page
-    }
-  },
-  watch: {
-    currentTag (newTag) {
-      this.getPagesByTags(newTag)
-    }
-  },
-  components: {
-    NoteAbstract,
-    Pagation
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-@import '../../styles/config.styl'
-@require '../../styles/wrapper.styl'
-
-.tags-wrapper
-  max-width: 740px;
-  margin: 0 auto;
-  padding: 0 2.5rem;
-  .tags
-    margin-bottom 30px
-    span
-      vertical-align: middle;
-      margin: 4px 4px 10px;
-      padding: 4px 8px;
-      display: inline-flex;
-      cursor: pointer;
-      border-radius: 2px;
-      background: #fff;
-      color: #999;
-      font-size: 13px;
-      box-shadow 0 1px 4px 0 rgba(0,0,0,0.2)
-      transition: all .5s
-      &:hover
-        transform scale(1.04)
-      &.active
-        background #3eaf7c
-        color #fff
-
-@media (max-width: $MQMobile)
-  .page-edit
-    .edit-link
-      margin-bottom .5rem
-    .last-updated
-      font-size .8em
-      float none
-      text-align left
-
-</style>
diff --git a/components/Valine/index.vue b/components/Valine/index.vue
deleted file mode 100644
index 653728c..0000000
--- a/components/Valine/index.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div id="valine"></div>
-</template>
-
-<script>
-
-
-export default {
-  mounted: function(){
-    const valineConfig = this.$site.themeConfig.valineConfig
-    if (valineConfig) {
-      const Valine = require('valine');
-      const AV = require('leancloud-storage')
-      if (typeof window !== 'undefined') {
-        this.window = window
-        window.AV = AV
-        
-      }
-      console.log(this.$site)
-      
-      new Valine({
-        el: '#valine' ,
-        appId: valineConfig.appId,// your appId
-        appKey: valineConfig.appKey, // your appKey
-        notify:false, 
-        verify:false, 
-        avatar:'mm', 
-        placeholder: 'just go go' 
-      });
-    }
-    
-  }
-};
-</script>
-
-<style lang="stylus" scoped>
-#valine
-  max-width: 740px;
-  margin: 0 auto;
-  padding: 0 2.5rem;
-</style>
\ No newline at end of file
diff --git a/images/search.svg b/images/search.svg
deleted file mode 100644
index 03d8391..0000000
--- a/images/search.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><g stroke-width="2" stroke="#aaa" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg>
diff --git a/package.json b/package.json
deleted file mode 100644
index c458e25..0000000
--- a/package.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "vuepress-theme-reco",
-  "version": "0.0.4",
-  "description": "this is a vuepress theme",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/recoluan/vuepress-theme-reco.git"
-  },
-  "author": "reco_luan",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/recoluan/vuepress-theme-reco/issues"
-  },
-  "homepage": "https://github.com/recoluan/vuepress-theme-reco#readme",
-  "_from": "vuepress-theme-reco@0.0.3",
-  "_resolved": "http://registry.npm.taobao.org/vuepress-theme-reco/download/vuepress-theme-reco-0.0.3.tgz"
-}
\ No newline at end of file
diff --git a/styles/arrow.styl b/styles/arrow.styl
deleted file mode 100644
index 20bffc0..0000000
--- a/styles/arrow.styl
+++ /dev/null
@@ -1,22 +0,0 @@
-@require './config'
-
-.arrow
-  display inline-block
-  width 0
-  height 0
-  &.up
-    border-left 4px solid transparent
-    border-right 4px solid transparent
-    border-bottom 6px solid $arrowBgColor
-  &.down
-    border-left 4px solid transparent
-    border-right 4px solid transparent
-    border-top 6px solid $arrowBgColor
-  &.right
-    border-top 4px solid transparent
-    border-bottom 4px solid transparent
-    border-left 6px solid $arrowBgColor
-  &.left
-    border-top 4px solid transparent
-    border-bottom 4px solid transparent
-    border-right 6px solid $arrowBgColor
diff --git a/styles/code.styl b/styles/code.styl
deleted file mode 100644
index 8383c6e..0000000
--- a/styles/code.styl
+++ /dev/null
@@ -1,129 +0,0 @@
-@require './config'
-
-.content
-  code
-    color lighten($textColor, 20%)
-    padding 0.25rem 0.5rem
-    margin 0
-    font-size 0.85em
-    background-color rgba(27,31,35,0.05)
-    border-radius 3px
-
-.content
-  pre, pre[class*="language-"]
-    line-height 1.4
-    padding 1.25rem 1.5rem
-    margin 0.85rem 0
-    background-color $codeBgColor
-    border-radius 6px
-    overflow auto
-    code
-      color #fff
-      padding 0
-      background-color transparent
-      border-radius 0
-
-div[class*="language-"]
-  position relative
-  background-color $codeBgColor
-  border-radius 6px
-  .highlight-lines
-    user-select none
-    padding-top 1.3rem
-    position absolute
-    top 0
-    left 0
-    width 100%
-    line-height 1.4
-    .highlighted
-      background-color rgba(0, 0, 0, 66%)
-  pre, pre[class*="language-"]
-    background transparent
-    position relative
-    z-index 1
-  &::before
-    position absolute
-    z-index 3
-    top 0.8em
-    right 1em
-    font-size 0.75rem
-    color rgba(255, 255, 255, 0.4)
-  &:not(.line-numbers-mode)
-    .line-numbers-wrapper
-      display none
-  &.line-numbers-mode
-    .highlight-lines .highlighted
-        position relative
-        &:before
-          content ' '
-          position absolute
-          z-index 3
-          left 0
-          top 0
-          display block
-          width $lineNumbersWrapperWidth
-          height 100%
-          background-color rgba(0, 0, 0, 66%)
-    pre
-      padding-left $lineNumbersWrapperWidth + 1 rem
-      vertical-align middle
-    .line-numbers-wrapper
-      position absolute
-      top 0
-      width $lineNumbersWrapperWidth
-      text-align center
-      color rgba(255, 255, 255, 0.3)
-      padding 1.25rem 0
-      line-height 1.4
-      br
-        user-select none
-      .line-number
-        position relative
-        z-index 4
-        user-select none
-        font-size 0.85em
-    &::after
-      content ''
-      position absolute
-      z-index 2
-      top 0
-      left 0
-      width $lineNumbersWrapperWidth
-      height 100%
-      border-radius 6px 0 0 6px
-      border-right 1px solid rgba(0, 0, 0, 66%)
-      background-color $codeBgColor
-
-
-for lang in $codeLang
-  div{'[class~="language-' + lang + '"]'}
-    &:before
-      content ('' + lang)
-
-div[class~="language-javascript"]
-  &:before
-    content "js"
-
-div[class~="language-typescript"]
-  &:before
-    content "ts"
-
-div[class~="language-markup"]
-  &:before
-    content "html"
-
-div[class~="language-markdown"]
-  &:before
-    content "md"
-
-div[class~="language-json"]:before
-  content "json"
-
-div[class~="language-ruby"]:before
-  content "rb"
-
-div[class~="language-python"]:before
-  content "py"
-
-div[class~="language-bash"]:before
-  content "sh"
diff --git a/styles/config.styl b/styles/config.styl
deleted file mode 100644
index a57d448..0000000
--- a/styles/config.styl
+++ /dev/null
@@ -1,22 +0,0 @@
-// colors
-$accentColor = #3eaf7c
-$textColor = #2c3e50
-$borderColor = #eaecef
-$codeBgColor = #282c34
-$arrowBgColor = #ccc
-
-// layout
-$navbarHeight = 3.6rem
-$sidebarWidth = 20rem
-$contentWidth = 740px
-
-// responsive breakpoints
-$MQNarrow = 959px
-$MQMobile = 719px
-$MQMobileNarrow = 419px
-
-// code
-$lineNumbersWrapperWidth = 3.5rem
-$codeLang = js ts html md vue css sass scss less stylus go java c sh yaml py
-
-@import '~@temp/override.styl'
diff --git a/styles/custom-blocks.styl b/styles/custom-blocks.styl
deleted file mode 100644
index 3ccc2df..0000000
--- a/styles/custom-blocks.styl
+++ /dev/null
@@ -1,28 +0,0 @@
-.custom-block
-  .custom-block-title
-    font-weight 600
-    margin-bottom -0.4rem
-  &.tip, &.warning, &.danger
-    padding .1rem 1.5rem
-    border-left-width .5rem
-    border-left-style solid
-    margin 1rem 0
-  &.tip
-    background-color #f3f5f7
-    border-color #42b983
-  &.warning
-    background-color rgba(255,229,100,.3)
-    border-color darken(#ffe564, 35%)
-    color darken(#ffe564, 70%)
-    .custom-block-title
-      color darken(#ffe564, 50%)
-    a
-      color $textColor
-  &.danger
-    background-color #ffe6e6
-    border-color darken(red, 20%)
-    color darken(red, 70%)
-    .custom-block-title
-      color darken(red, 40%)
-    a
-      color $textColor
diff --git a/styles/mobile.styl b/styles/mobile.styl
deleted file mode 100644
index b35e59c..0000000
--- a/styles/mobile.styl
+++ /dev/null
@@ -1,37 +0,0 @@
-@require './config'
-
-$mobileSidebarWidth = $sidebarWidth * 0.82
-
-// narrow desktop / iPad
-@media (max-width: $MQNarrow)
-  .sidebar
-    font-size 15px
-    width $mobileSidebarWidth
-  .page
-    padding-left $mobileSidebarWidth
-
-// wide mobile
-@media (max-width: $MQMobile)
-  .sidebar
-    top 0
-    padding-top $navbarHeight
-    transform translateX(-100%)
-    transition transform .2s ease
-  .page
-    padding-left 0
-  .theme-container
-    &.sidebar-open
-      .sidebar
-        transform translateX(0)
-    &.no-navbar
-      .sidebar
-        padding-top: 0
-
-// narrow mobile
-@media (max-width: $MQMobileNarrow)
-  h1
-    font-size 1.9rem
-  .content
-    div[class*="language-"]
-      margin 0.85rem -1.5rem
-      border-radius 0
diff --git a/styles/nprogress.styl b/styles/nprogress.styl
deleted file mode 100644
index f186a67..0000000
--- a/styles/nprogress.styl
+++ /dev/null
@@ -1,48 +0,0 @@
-#nprogress
-  pointer-events none
-  .bar
-    background $accentColor
-    position fixed
-    z-index 1031
-    top 0
-    left 0
-    width 100%
-    height 2px
-  .peg
-    display block
-    position absolute
-    right 0px
-    width 100px
-    height 100%
-    box-shadow 0 0 10px $accentColor, 0 0 5px $accentColor
-    opacity 1.0
-    transform rotate(3deg) translate(0px, -4px)
-  .spinner
-    display block
-    position fixed
-    z-index 1031
-    top 15px
-    right 15px
-  .spinner-icon
-    width 18px
-    height 18px
-    box-sizing border-box
-    border solid 2px transparent
-    border-top-color $accentColor
-    border-left-color $accentColor
-    border-radius 50%
-    animation nprogress-spinner 400ms linear infinite
-
-.nprogress-custom-parent
-  overflow hidden
-  position relative
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar
-  position absolute
-
-@keyframes nprogress-spinner
-  0%
-    transform rotate(0deg)
-  100%
-    transform rotate(360deg)
diff --git a/styles/theme.styl b/styles/theme.styl
deleted file mode 100644
index bd79050..0000000
--- a/styles/theme.styl
+++ /dev/null
@@ -1,191 +0,0 @@
-@require './config'
-@require './nprogress'
-@require './code'
-@require './custom-blocks'
-@require './arrow'
-@require './wrapper'
-@require './toc'
-
-html, body
-  padding 0
-  margin 0
-
-body
-  font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
-  -webkit-font-smoothing antialiased
-  -moz-osx-font-smoothing grayscale
-  font-size 16px
-  color $textColor
-
-.page
-  padding-left $sidebarWidth
-
-.navbar
-  position fixed
-  z-index 20
-  top 0
-  left 0
-  right 0
-  height $navbarHeight
-  background-color #fff
-  box-sizing border-box
-  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
-
-.sidebar-mask
-  position fixed
-  z-index 9
-  top 0
-  left 0
-  width 100vw
-  height 100vh
-  display none
-  background-color: rgba(0, 0, 0, .7)
-
-.sidebar
-  font-size 15px
-  background-color #fff
-  width $sidebarWidth
-  position fixed
-  z-index 10
-  margin 0
-  top $navbarHeight
-  left 0
-  bottom 0
-  box-sizing border-box
-  border-right 1px solid $borderColor
-  overflow-y auto
-
-.content:not(.custom)
-  @extend $wrapper
-  > *:first-child
-    margin-top $navbarHeight
-  a:hover
-    text-decoration underline
-  p.demo
-    padding 1rem 1.5rem
-    border 1px solid #ddd
-    border-radius 4px
-  img
-    max-width 100%
-
-.content.custom
-  padding 0
-  margin 0
-  img
-    max-width 100%   
-
-a
-  font-weight 500
-  color $accentColor
-  text-decoration none
-
-p a code
-  font-weight 400
-  color $accentColor
-
-kbd
-  background #eee
-  border solid 0.15rem #ddd
-  border-bottom solid 0.25rem #ddd
-  border-radius 0.15rem
-  padding 0 0.15em
-
-blockquote
-  font-size 1rem
-  color #999
-  border-left .25rem solid #dfe2e5
-  margin-left 0
-  padding-left 1rem
-
-ul, ol
-  padding-left 1.2em
-
-strong
-  font-weight 600
-
-h1, h2, h3, h4, h5, h6
-  font-weight 600
-  line-height 1.25
-  .content:not(.custom) > &
-    margin-top (0.5rem - $navbarHeight)
-    padding-top ($navbarHeight + 1rem)
-    margin-bottom 0
-    &:first-child
-      margin-top -1.5rem
-      margin-bottom 1rem
-      + p, + pre, + .custom-block
-        margin-top 2rem
-  &:hover .header-anchor
-    opacity: 1
-
-h1
-  font-size 2.2rem
-
-h2
-  font-size 1.65rem
-  padding-bottom .3rem
-  border-bottom 1px solid $borderColor
-
-h3
-  font-size 1.35rem
-
-a.header-anchor
-  font-size 0.85em
-  float left
-  margin-left -0.87em
-  padding-right 0.23em
-  margin-top 0.125em
-  opacity 0
-  &:hover
-    text-decoration none
-
-code, kbd, .line-number
-  font-family source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
-
-p, ul, ol
-  line-height 1.7
-
-hr
-  border 0
-  border-top 1px solid $borderColor
-
-table
-  border-collapse collapse
-  margin 1rem 0
-  display: block
-  overflow-x: auto
-
-tr
-  border-top 1px solid #dfe2e5
-  &:nth-child(2n)
-    background-color #f6f8fa
-
-th, td
-  border 1px solid #dfe2e5
-  padding .6em 1em
-
-.custom-layout
-  padding-top $navbarHeight
-
-.theme-container
-  &.sidebar-open
-    .sidebar-mask
-      display: block
-  &.no-navbar
-    .content:not(.custom) > h1, h2, h3, h4, h5, h6
-        margin-top 1.5rem
-        padding-top 0
-    .sidebar
-      top 0
-    .custom-layout
-      padding-top 0
-
-
-@media (min-width: ($MQMobile + 1px))
-  .theme-container.no-sidebar
-    .sidebar
-      display none
-    .page
-      padding-left 0
-
-@require './mobile.styl'
diff --git a/styles/toc.styl b/styles/toc.styl
deleted file mode 100644
index d3e7106..0000000
--- a/styles/toc.styl
+++ /dev/null
@@ -1,3 +0,0 @@
-.table-of-contents
-  .badge
-    vertical-align middle
diff --git a/styles/wrapper.styl b/styles/wrapper.styl
deleted file mode 100644
index a99262c..0000000
--- a/styles/wrapper.styl
+++ /dev/null
@@ -1,9 +0,0 @@
-$wrapper
-  max-width $contentWidth
-  margin 0 auto
-  padding 2rem 2.5rem
-  @media (max-width: $MQNarrow)
-    padding 2rem
-  @media (max-width: $MQMobileNarrow)
-    padding 1.5rem
-
diff --git a/util/index.js b/util/index.js
deleted file mode 100644
index ef95bea..0000000
--- a/util/index.js
+++ /dev/null
@@ -1,216 +0,0 @@
-export const hashRE = /#.*$/
-export const extRE = /\.(md|html)$/
-export const endingSlashRE = /\/$/
-export const outboundRE = /^(https?:|mailto:|tel:)/
-
-export function normalize (path) {
-  return decodeURI(path)
-    .replace(hashRE, '')
-    .replace(extRE, '')
-}
-
-export function getHash (path) {
-  const match = path.match(hashRE)
-  if (match) {
-    return match[0]
-  }
-}
-
-export function isExternal (path) {
-  return outboundRE.test(path)
-}
-
-export function isMailto (path) {
-  return /^mailto:/.test(path)
-}
-
-export function isTel (path) {
-  return /^tel:/.test(path)
-}
-
-export function ensureExt (path) {
-  if (isExternal(path)) {
-    return path
-  }
-  const hashMatch = path.match(hashRE)
-  const hash = hashMatch ? hashMatch[0] : ''
-  const normalized = normalize(path)
-
-  if (endingSlashRE.test(normalized)) {
-    return path
-  }
-  return normalized + '.html' + hash
-}
-
-export function isActive (route, path) {
-  const routeHash = route.hash
-  const linkHash = getHash(path)
-  if (linkHash && routeHash !== linkHash) {
-    return false
-  }
-  const routePath = normalize(route.path)
-  const pagePath = normalize(path)
-  return routePath === pagePath
-}
-
-export function resolvePage (pages, rawPath, base) {
-  if (base) {
-    rawPath = resolvePath(rawPath, base)
-  }
-  const path = normalize(rawPath)
-  for (let i = 0; i < pages.length; i++) {
-    if (normalize(pages[i].path) === path) {
-      return Object.assign({}, pages[i], {
-        type: 'page',
-        path: ensureExt(rawPath)
-      })
-    }
-  }
-  console.error(`[vuepress] No matching page found for sidebar item "${rawPath}"`)
-  return {}
-}
-
-function resolvePath (relative, base, append) {
-  const firstChar = relative.charAt(0)
-  if (firstChar === '/') {
-    return relative
-  }
-
-  if (firstChar === '?' || firstChar === '#') {
-    return base + relative
-  }
-
-  const stack = base.split('/')
-
-  // remove trailing segment if:
-  // - not appending
-  // - appending to trailing slash (last segment is empty)
-  if (!append || !stack[stack.length - 1]) {
-    stack.pop()
-  }
-
-  // resolve relative path
-  const segments = relative.replace(/^\//, '').split('/')
-  for (let i = 0; i < segments.length; i++) {
-    const segment = segments[i]
-    if (segment === '..') {
-      stack.pop()
-    } else if (segment !== '.') {
-      stack.push(segment)
-    }
-  }
-
-  // ensure leading slash
-  if (stack[0] !== '') {
-    stack.unshift('')
-  }
-
-  return stack.join('/')
-}
-
-export function resolveSidebarItems (page, route, site, localePath) {
-  const { pages, themeConfig } = site
-
-  const localeConfig = localePath && themeConfig.locales
-    ? themeConfig.locales[localePath] || themeConfig
-    : themeConfig
-
-  const pageSidebarConfig = page.frontmatter.sidebar || localeConfig.sidebar || themeConfig.sidebar
-  if (pageSidebarConfig === 'auto') {
-    return resolveHeaders(page)
-  }
-
-  const sidebarConfig = localeConfig.sidebar || themeConfig.sidebar
-  if (!sidebarConfig) {
-    return []
-  } else {
-    const { base, config } = resolveMatchingConfig(route, sidebarConfig)
-    return config
-      ? config.map(item => resolveItem(item, pages, base))
-      : []
-  }
-}
-
-function resolveHeaders (page) {
-  const headers = groupHeaders(page.headers || [])
-  return [{
-    type: 'group',
-    collapsable: false,
-    title: page.title,
-    children: headers.map(h => ({
-      type: 'auto',
-      title: h.title,
-      basePath: page.path,
-      path: page.path + '#' + h.slug,
-      children: h.children || []
-    }))
-  }]
-}
-
-export function groupHeaders (headers) {
-  // group h3s under h2
-  headers = headers.map(h => Object.assign({}, h))
-  let lastH2
-  headers.forEach(h => {
-    if (h.level === 2) {
-      lastH2 = h
-    } else if (lastH2) {
-      (lastH2.children || (lastH2.children = [])).push(h)
-    }
-  })
-  return headers.filter(h => h.level === 2)
-}
-
-export function resolveNavLinkItem (linkItem) {
-  return Object.assign(linkItem, {
-    type: linkItem.items && linkItem.items.length ? 'links' : 'link'
-  })
-}
-
-export function resolveMatchingConfig (route, config) {
-  if (Array.isArray(config)) {
-    return {
-      base: '/',
-      config: config
-    }
-  }
-  for (const base in config) {
-    if (ensureEndingSlash(route.path).indexOf(base) === 0) {
-      return {
-        base,
-        config: config[base]
-      }
-    }
-  }
-  return {}
-}
-
-function ensureEndingSlash (path) {
-  return /(\.html|\/)$/.test(path)
-    ? path
-    : path + '/'
-}
-
-function resolveItem (item, pages, base, isNested) {
-  if (typeof item === 'string') {
-    return resolvePage(pages, item, base)
-  } else if (Array.isArray(item)) {
-    return Object.assign(resolvePage(pages, item[0], base), {
-      title: item[1]
-    })
-  } else {
-    if (isNested) {
-      console.error(
-        '[vuepress] Nested sidebar groups are not supported. ' +
-        'Consider using navbar + categories instead.'
-      )
-    }
-    const children = item.children || []
-    return {
-      type: 'group',
-      title: item.title,
-      children: children.map(child => resolveItem(child, pages, base, true)),
-      collapsable: item.collapsable !== false
-    }
-  }
-}

From a1646763b6580028bcf7082f9713cd82fa13b76e Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 11:56:58 +0800
Subject: [PATCH 02/21] =?UTF-8?q?vuepress-theme-reco@1.x=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E5=85=AC=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 LICENSE                            |  21 +++
 README.md                          | 276 ++++++++++++++++++++++++++++
 components/AlgoliaSearchBox.vue    | 155 ++++++++++++++++
 components/Background.vue          | 118 ++++++++++++
 components/Common.vue              | 142 +++++++++++++++
 components/DropdownLink.vue        | 181 ++++++++++++++++++
 components/DropdownTransition.vue  |  33 ++++
 components/Home.vue                | 220 ++++++++++++++++++++++
 components/NavLink.vue             |  52 ++++++
 components/NavLinks.vue            | 181 ++++++++++++++++++
 components/Navbar.vue              | 123 +++++++++++++
 components/NoteAbstract.vue        |  84 +++++++++
 components/Pagation.vue            | 157 ++++++++++++++++
 components/Page.vue                | 265 +++++++++++++++++++++++++++
 components/PageInfo.vue            |  68 +++++++
 components/Password.vue            | 283 +++++++++++++++++++++++++++++
 components/Sidebar.vue             |  59 ++++++
 components/SidebarButton.vue       |  27 +++
 components/SidebarGroup.vue        | 129 +++++++++++++
 components/SidebarLink.vue         | 109 +++++++++++
 components/SidebarLinks.vue        |  86 +++++++++
 components/TimeLine.vue            | 189 +++++++++++++++++++
 components/Valine/AccessNumber.vue |  18 ++
 components/Valine/index.vue        |  83 +++++++++
 fonts/iconfont.css                 | 105 +++++++++++
 fonts/iconfont.eot                 | Bin 0 -> 6168 bytes
 fonts/iconfont.svg                 |  92 ++++++++++
 fonts/iconfont.ttf                 | Bin 0 -> 6000 bytes
 fonts/iconfont.woff                | Bin 0 -> 4132 bytes
 fonts/iconfont.woff2               | Bin 0 -> 3380 bytes
 global-components/Badge.vue        |  44 +++++
 index.js                           |  46 +++++
 layouts/404.vue                    |  28 +++
 layouts/Category.vue               |  93 ++++++++++
 layouts/Layout.vue                 |  42 +++++
 layouts/Tags.vue                   | 128 +++++++++++++
 noopModule.js                      |   1 +
 package.json                       |  31 ++++
 styles/arrow.styl                  |  22 +++
 styles/code.styl                   | 135 ++++++++++++++
 styles/custom-blocks.styl          |  30 +++
 styles/mobile.styl                 |  37 ++++
 styles/theme.styl                  | 214 ++++++++++++++++++++++
 styles/toc.styl                    |   3 +
 styles/wrapper.styl                |   9 +
 util/index.js                      | 239 ++++++++++++++++++++++++
 46 files changed, 4358 insertions(+)
 create mode 100644 LICENSE
 create mode 100644 README.md
 create mode 100644 components/AlgoliaSearchBox.vue
 create mode 100644 components/Background.vue
 create mode 100644 components/Common.vue
 create mode 100644 components/DropdownLink.vue
 create mode 100644 components/DropdownTransition.vue
 create mode 100644 components/Home.vue
 create mode 100644 components/NavLink.vue
 create mode 100644 components/NavLinks.vue
 create mode 100644 components/Navbar.vue
 create mode 100644 components/NoteAbstract.vue
 create mode 100644 components/Pagation.vue
 create mode 100644 components/Page.vue
 create mode 100644 components/PageInfo.vue
 create mode 100644 components/Password.vue
 create mode 100644 components/Sidebar.vue
 create mode 100644 components/SidebarButton.vue
 create mode 100644 components/SidebarGroup.vue
 create mode 100644 components/SidebarLink.vue
 create mode 100644 components/SidebarLinks.vue
 create mode 100644 components/TimeLine.vue
 create mode 100644 components/Valine/AccessNumber.vue
 create mode 100644 components/Valine/index.vue
 create mode 100644 fonts/iconfont.css
 create mode 100644 fonts/iconfont.eot
 create mode 100644 fonts/iconfont.svg
 create mode 100644 fonts/iconfont.ttf
 create mode 100644 fonts/iconfont.woff
 create mode 100644 fonts/iconfont.woff2
 create mode 100644 global-components/Badge.vue
 create mode 100644 index.js
 create mode 100644 layouts/404.vue
 create mode 100644 layouts/Category.vue
 create mode 100644 layouts/Layout.vue
 create mode 100644 layouts/Tags.vue
 create mode 100644 noopModule.js
 create mode 100644 package.json
 create mode 100644 styles/arrow.styl
 create mode 100644 styles/code.styl
 create mode 100644 styles/custom-blocks.styl
 create mode 100644 styles/mobile.styl
 create mode 100644 styles/theme.styl
 create mode 100644 styles/toc.styl
 create mode 100644 styles/wrapper.styl
 create mode 100644 util/index.js

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..84b7cce
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 reco_luan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2fc0803
--- /dev/null
+++ b/README.md
@@ -0,0 +1,276 @@
+# vuepress-theme-reco
+
+![vuepress](https://img.shields.io/badge/vuepress-0.14.8-brightgreen.svg)
+![leancloud-storage](https://img.shields.io/badge/leancloud--storage-3.10.1-orange.svg)
+![valine](https://img.shields.io/badge/valine-1.3.4-blue.svg)
+
+> 1. 这是一个vuepress主题，旨在添加博客所需的类别，TAB墙，分页，评论和其他功能，适合 `vuepress 1.x`;<br>
+> 2. 主题本身是极简主义的，并根据vuepress的默认主题进行修改;<br>
+> 3. 你可以打开 http://recoluan.gitlab.io 来查看它。
+
+## 预览
+
+### 首页
+![home.png](https://upload-images.jianshu.io/upload_images/4660406-0bf9d91e9d289f75.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+
+### 分类页面
+![category.png](https://upload-images.jianshu.io/upload_images/4660406-8c7995d750c58536.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+
+### 标签页
+![tag.png](https://upload-images.jianshu.io/upload_images/4660406-39c0d47627869e3a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+
+### 文章页面
+![article.png](https://upload-images.jianshu.io/upload_images/4660406-a19cad487991409d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+### 加密登录页
+
+![password.png](https://upload-images.jianshu.io/upload_images/4660406-7d38dc78c16b7d48.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+### 时间轴
+
+![timeline.png](https://upload-images.jianshu.io/upload_images/4660406-1dc5a5fe6c03952e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+### 移动端
+![m.png](https://upload-images.jianshu.io/upload_images/4660406-7e2c78c48dd78284.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+## 安装和使用
+
+1. 安装
+
+    ```bash
+    npm install vuepress-theme-reco@next -dev--save
+
+    # or
+
+    yarn add vuepress-theme-reco@next
+    ```
+
+2. 使用
+
+    ```javscript
+    // 修改 /docs/.vuepress/config.js
+
+    module.exports = {
+      theme: 'reco'
+    }  
+    ```
+
+## 添加分类和标签云
+
+**如果要添加 `front-end` 分类 和 标签云，需要进行以下步骤：**
+
+1. 在顶部导航中添加类别下拉按钮
+    
+    ```javscript
+    // 修改 /docs/.vuepress/config.js
+
+    module.exports = {
+      theme: 'reco',
+      themeConfig: {
+        // 博客设置
+        blogConfig: {
+          category: {
+            location: 2, // 在导航栏菜单中所占的位置，默认2
+            text: 'Category' // 默认 “分类”
+          },
+          tag: {
+            location: 3, // 在导航栏菜单中所占的位置，默认3
+            text: 'Tag' // 默认 “标签”
+          }
+        }
+      }  
+    }  
+    ```
+
+2. 撰写文章时添加类别
+   
+    ```
+    ---
+    title: 【vue】跨域解决方案之proxyTable  
+    date: 2017-12-28
+    categories: 
+     - frontEnd
+    tags: 
+     - vue  
+    ---
+    ```
+
+    > 请注意， `categories` 和 `categories` 要以数组的方式填写。
+
+## 添加时间轴
+
+1. 在顶部导航中添加一个按钮
+    
+    ```javscript
+    // change /docs/.vuepress/config.js
+
+    module.exports = {
+      theme: 'reco',
+      themeConfig: {
+        nav: [
+          { text: 'TimeLine', link: '/timeLine/', icon: 'reco-date' }
+        ]
+      }    
+    }  
+    ```
+
+2. 添加所需的文件
+
+    **`/docs/timeLine/README.md`**
+
+    ```
+    ---
+    isTimeLine: true
+    sidebar: false
+    isComment: false
+    ---
+
+    ## Time Line
+    ``` 
+
+3. 在撰写文章时添加日期
+   
+    ```
+    ---
+    title: 【vue】跨域解决方案之proxyTable  
+    date: 2017-12-28
+    ---
+    ``` 
+
+    > 请注意，本主题所有的时间都是以 `date` 为标准，不会以最后更新时间为标准。   
+
+## 添加摘要
+
+效果：
+
+![2.png](https://upload-images.jianshu.io/upload_images/4660406-a15ae55c1e77bef1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+相应的markdown：
+
+![1.png](https://upload-images.jianshu.io/upload_images/4660406-54a9168672d45d1d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+在markdown代码中，您将看到注释，注释前面的代码将显示在列表页面上的文章摘要中。
+
+## 评论(valine)
+
+带有内置了valine评论功能，如果要打开此功能，只需配置你的 `config.js`
+
+```javscript
+// 更改 /docs/.vuepress/config.js
+
+module.exports = {
+  theme: 'reco',
+  themeConfig: {
+    // valine
+    valineConfig: {
+      appId: '...',// your appId
+      appKey: '...', // your appKey
+    }
+  }  
+}  
+```
+
+## 加入加密功能
+
+有些项目可能具有私密性，不希望被公开，只有填入密钥登录后（关闭标签后登录失效），才能进入内容页面。
+
+```javscript
+// 更改 /docs/.vuepress/config.js
+
+module.exports = {
+  theme: 'reco',
+  themeConfig: {
+    // 密钥
+    keyPage: {
+      keys: ['930105'],
+      color: '#fb9b5f', // 登录页动画球的颜色
+      lineColor: '#fb9b5f' // 登录页动画线的颜色
+    }
+  }  
+}  
+```
+
+## Config.js
+
+1. 在移动端，搜索框在获得焦点时会放大，并且在失去焦点后可以左右滚动，这可以通过设置元来优化。
+
+```javascript
+module.exports = {
+  head: [
+    ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
+  ]
+}  
+```
+
+2. 您可以在导航菜单中添加图标，如下所示：
+
+```javascript
+{ text: 'Tags', link: '/tags/', icon: 'reco-tag' }
+```
+
+该项目有内置图标供您选择
+
+![icon.png](https://upload-images.jianshu.io/upload_images/4660406-565b8ffd891b9cb3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+3. 设置全局作者姓名
+
+```javascript
+module.exports = {
+  themeConfig: {
+    // author
+    author: 'reco_luan',
+  }
+}
+```
+
+4. 为单篇文章设置作者姓名
+
+```bash
+---
+title: 你还没真的努力过，就轻易输给了懒惰
+date: 2015-04-23
+categories: article
+author: 渡渡
+---
+```
+
+
+## 首页配置
+
+1. 如果您的heroImage具有您的网站标题，则可能需要设置值 `isShowTitleInHome` `false` 以使标题不显示。
+
+```bash
+# this is your homepage
+
+---
+home: true
+heroImage: /hero.png
+isShowTitleInHome: false
+---
+```
+
+2. 如果你想改变heroImage的风格，你可以设置值 `heroImageStyle` 来实现你想要的效果
+
+```bash
+# 这是你的主页 
+
+---
+home: true
+heroImage: /hero.png
+heroImageStyle: {
+  maxHeight: '200px',
+  display: block,
+  margin: '6rem auto 1.5rem',
+  borderRadius: '50%',
+  boxShadow: '0 5px 18px rgba(0,0,0,0.2)'
+}
+---
+```
+
+3. 无法再随意编辑主页页脚，只能更改所有者的名称。将首先显示全局作者姓名，否则将显示博客的标题
+
+## License
+[MIT](https://github.com/recoluan/vuepress-theme-reco/blob/master/LICENSE)
\ No newline at end of file
diff --git a/components/AlgoliaSearchBox.vue b/components/AlgoliaSearchBox.vue
new file mode 100644
index 0000000..41b62af
--- /dev/null
+++ b/components/AlgoliaSearchBox.vue
@@ -0,0 +1,155 @@
+<template>
+  <form
+    id="search-form"
+    class="algolia-search-wrapper search-box"
+    role="search"
+  >
+    <input
+      id="algolia-search-input"
+      class="search-query"
+    >
+  </form>
+</template>
+
+<script>
+export default {
+  props: ['options'],
+
+  mounted () {
+    this.initialize(this.options, this.$lang)
+  },
+
+  methods: {
+    initialize (userOptions, lang) {
+      Promise.all([
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
+      ]).then(([docsearch]) => {
+        docsearch = docsearch.default
+        const { algoliaOptions = {}} = userOptions
+        docsearch(Object.assign(
+          {},
+          userOptions,
+          {
+            inputSelector: '#algolia-search-input',
+            // #697 Make docsearch work well at i18n mode.
+            algoliaOptions: Object.assign({
+              'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || [])
+            }, algoliaOptions)
+          }
+        ))
+      })
+    },
+
+    update (options, lang) {
+      this.$el.innerHTML = '<input id="algolia-search-input" class="search-query">'
+      this.initialize(options, lang)
+    }
+  },
+
+  watch: {
+    $lang (newValue) {
+      this.update(this.options, newValue)
+    },
+
+    options (newValue) {
+      this.update(newValue, this.$lang)
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.algolia-search-wrapper
+  & > span
+    vertical-align middle
+  .algolia-autocomplete
+    line-height normal
+    .ds-dropdown-menu
+      background-color #fff
+      border 1px solid #999
+      border-radius 4px
+      font-size 16px
+      margin 6px 0 0
+      padding 4px
+      text-align left
+      &:before
+        border-color #999
+      [class*=ds-dataset-]
+        border none
+        padding 0
+      .ds-suggestions
+        margin-top 0
+      .ds-suggestion
+        border-bottom 1px solid $borderColor
+    .algolia-docsearch-suggestion--highlight
+      color #2c815b
+    .algolia-docsearch-suggestion
+      border-color $borderColor
+      padding 0
+      .algolia-docsearch-suggestion--category-header
+        padding 5px 10px
+        margin-top 0
+        background $accentColor
+        color #fff
+        font-weight 600
+        .algolia-docsearch-suggestion--highlight
+          background rgba(255, 255, 255, 0.6)
+      .algolia-docsearch-suggestion--wrapper
+        padding 0
+      .algolia-docsearch-suggestion--title
+        font-weight 600
+        margin-bottom 0
+        color $textColor
+      .algolia-docsearch-suggestion--subcategory-column
+        vertical-align top
+        padding 5px 7px 5px 5px
+        border-color $borderColor
+        background #f1f3f5
+        &:after
+          display none
+      .algolia-docsearch-suggestion--subcategory-column-text
+        color #555
+    .algolia-docsearch-footer
+      border-color $borderColor
+    .ds-cursor .algolia-docsearch-suggestion--content
+      background-color #e7edf3 !important
+      color $textColor
+
+@media (min-width: $MQMobile)
+  .algolia-search-wrapper
+    .algolia-autocomplete
+      .algolia-docsearch-suggestion
+        .algolia-docsearch-suggestion--subcategory-column
+          float none
+          width 150px
+          min-width 150px
+          display table-cell
+        .algolia-docsearch-suggestion--content
+          float none
+          display table-cell
+          width 100%
+          vertical-align top
+        .ds-dropdown-menu
+          min-width 515px !important
+
+@media (max-width: $MQMobile)
+  .algolia-search-wrapper
+    .ds-dropdown-menu
+      min-width calc(100vw - 4rem) !important
+      max-width calc(100vw - 4rem) !important
+    .algolia-docsearch-suggestion--wrapper
+      padding 5px 7px 5px 5px !important
+    .algolia-docsearch-suggestion--subcategory-column
+      padding 0 !important
+      background white !important
+    .algolia-docsearch-suggestion--subcategory-column-text:after
+      content " > "
+      font-size 10px
+      line-height 14.4px
+      display inline-block
+      width 5px
+      margin -3px 3px 0
+      vertical-align middle
+
+</style>
diff --git a/components/Background.vue b/components/Background.vue
new file mode 100644
index 0000000..d75fdd6
--- /dev/null
+++ b/components/Background.vue
@@ -0,0 +1,118 @@
+<template>
+  <div id="particles-oli-wrapper"></div>
+</template>
+
+<script>
+export default {
+  mounted() {
+    const keyPage = this.$site.themeConfig.keyPage
+    let color = '#fb9b5f'
+    let lineColor = '#fb9b5f'
+    if (keyPage) {
+      color = keyPage.color || color
+      lineColor = keyPage.lineColor || lineColor
+    }
+    
+    const script = document.createElement("script");
+    script.src = "https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js";
+
+    document.body.append(script);
+    script.onload = function() {
+      particlesJS("particles-oli-wrapper", {
+        particles: {
+          number: {
+            value: 40,
+            density: {
+              enable: true,
+              value_area: 800
+            }
+          },
+          color: {
+            value: color
+          },
+          shape: {
+            type: "circle",
+            stroke: {
+              width: 0,
+              color: "#000000"
+            },
+            polygon: {
+              nb_sides: 5
+            }
+          },
+          opacity: {
+            value: 0.3,
+            random: false,
+            anim: {
+              enable: false,
+              speed: 1,
+              opacity_min: 0.1,
+              sync: false
+            }
+          },
+          size: {
+            value: 20,
+            random: true,
+            anim: {
+              enable: false,
+              speed: 30,
+              size_min: 0.1,
+              sync: false
+            }
+          },
+          line_linked: {
+            enable: true,
+            distance: 250,
+            color: lineColor,
+            opacity: 0.2,
+            width: 1
+          },
+          move: {
+            enable: true,
+            speed: 3,
+            direction: "none",
+            random: true,
+            straight: false,
+            out_mode: "out",
+            bounce: true,
+            attract: {
+              enable: false,
+              rotateX: 600,
+              rotateY: 1200
+            }
+          }
+        },
+        interactivity: {
+          detect_on: "canvas",
+          events: {
+            onhover: {
+              enable: true,
+              mode: "grab"
+            },
+            onclick: {
+              enable: true,
+              mode: "push"
+            },
+            resize: true
+          },
+          modes: {
+            grab: {
+              distance: 100,
+              line_linked: {
+                opacity: 0.5
+              }
+            }
+          }
+        },
+        retina_detect: true
+      });
+    };
+  }
+};
+</script>
+<style lang="stylus" scoped>
+#particles-oli-wrapper {
+  height: 99vh;
+}
+</style>
+
diff --git a/components/Common.vue b/components/Common.vue
new file mode 100644
index 0000000..8b78494
--- /dev/null
+++ b/components/Common.vue
@@ -0,0 +1,142 @@
+<template>
+  <div
+    class="theme-container"
+    :class="pageClasses"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd">
+    <Password v-if="!isHasKey"></Password>
+    <div v-else>
+      <Navbar
+      v-if="shouldShowNavbar"
+      @toggle-sidebar="toggleSidebar"/>
+
+      <div
+        class="sidebar-mask"
+        @click="toggleSidebar(false)"></div>
+
+      <Sidebar
+        :items="sidebarItems"
+        @toggle-sidebar="toggleSidebar">
+        <slot
+          name="sidebar-top"
+          slot="top"/>
+        <slot
+          name="sidebar-bottom"
+          slot="bottom"/>
+      </Sidebar>
+      <slot></slot>
+      <Valine :isComment="isComment"></Valine>
+    </div>
+  </div>
+</template>
+
+<script>
+import Navbar from '@theme/components/Navbar.vue'
+import Sidebar from '@theme/components/Sidebar.vue'
+import { resolveSidebarItems } from '../util'
+import Password from '@theme/components/Password'
+import Valine from '@theme/components/Valine/'
+
+export default {
+  components: { Sidebar, Navbar, Password, Valine },
+
+  props: ['sidebar', 'isComment'],
+
+  data () {
+    return {
+      isSidebarOpen: false,
+      isHasKey: true
+    }
+  },
+
+  computed: {
+    shouldShowNavbar () {
+      const { themeConfig } = this.$site
+      const { frontmatter } = this.$page
+      if (
+        frontmatter.navbar === false
+        || themeConfig.navbar === false) {
+        return false
+      }
+      return (
+        this.$title
+        || themeConfig.logo
+        || themeConfig.repo
+        || themeConfig.nav
+        || this.$themeLocaleConfig.nav
+      )
+    },
+
+    shouldShowSidebar () {
+      const { frontmatter } = this.$page
+      return (
+        this.sidebar !== false
+        && !frontmatter.home
+        && frontmatter.sidebar !== false
+        && this.sidebarItems.length
+      )
+    },
+
+    sidebarItems () {
+      return resolveSidebarItems(
+        this.$page,
+        this.$page.regularPath,
+        this.$site,
+        this.$localePath
+      )
+    },
+
+    pageClasses () {
+      const userPageClass = this.$page.frontmatter.pageClass
+      return [
+        {
+          'no-navbar': !this.shouldShowNavbar,
+          'sidebar-open': this.isSidebarOpen,
+          'no-sidebar': !this.shouldShowSidebar
+        },
+        userPageClass
+      ]
+    }
+  },
+
+  mounted () {
+    this.$router.afterEach(() => {
+      this.isSidebarOpen = false
+    })
+
+    const keyPage = this.$site.themeConfig.keyPage
+    if (!keyPage) {
+      this.isHasKey =  true
+    }
+    
+    const {keys} = keyPage
+    this.isHasKey = keys.indexOf(sessionStorage.getItem('key')) > -1
+  },
+
+  methods: {
+    toggleSidebar (to) {
+      this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen
+    },
+
+    // side swipe
+    onTouchStart (e) {
+      this.touchStart = {
+        x: e.changedTouches[0].clientX,
+        y: e.changedTouches[0].clientY
+      }
+    },
+
+    onTouchEnd (e) {
+      const dx = e.changedTouches[0].clientX - this.touchStart.x
+      const dy = e.changedTouches[0].clientY - this.touchStart.y
+      if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
+        if (dx > 0 && this.touchStart.x <= 80) {
+          this.toggleSidebar(true)
+        } else {
+          this.toggleSidebar(false)
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/components/DropdownLink.vue b/components/DropdownLink.vue
new file mode 100644
index 0000000..f859857
--- /dev/null
+++ b/components/DropdownLink.vue
@@ -0,0 +1,181 @@
+<template>
+  <div
+    class="dropdown-wrapper"
+    :class="{ open }"
+  >
+    <a
+      class="dropdown-title"
+      @click="toggle"
+    >
+      <span class="title">
+        <i :class="`iconfont ${item.icon}`"></i>
+        {{ item.text }}
+      </span>
+      <span
+        class="arrow"
+        :class="open ? 'down' : 'right'"
+      ></span>
+    </a>
+
+    <DropdownTransition>
+      <ul
+        class="nav-dropdown"
+        v-show="open"
+      >
+        <li
+          class="dropdown-item"
+          :key="subItem.link || index"
+          v-for="(subItem, index) in item.items"
+        >
+          <h4 v-if="subItem.type === 'links'">{{ subItem.text }}</h4>
+
+          <ul
+            class="dropdown-subitem-wrapper"
+            v-if="subItem.type === 'links'"
+          >
+            <li
+              class="dropdown-subitem"
+              :key="childSubItem.link"
+              v-for="childSubItem in subItem.items"
+            >
+              <NavLink :item="childSubItem"/>
+            </li>
+          </ul>
+
+          <NavLink
+            v-else
+            :item="subItem"
+          />
+        </li>
+      </ul>
+    </DropdownTransition>
+  </div>
+</template>
+
+<script>
+import NavLink from '@theme/components/NavLink.vue'
+import DropdownTransition from '@theme/components/DropdownTransition.vue'
+
+export default {
+  components: { NavLink, DropdownTransition },
+
+  data () {
+    return {
+      open: false
+    }
+  },
+
+  props: {
+    item: {
+      required: true
+    }
+  },
+
+  methods: {
+    toggle () {
+      this.open = !this.open
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.dropdown-wrapper
+  cursor pointer
+  .dropdown-title
+    display block
+    &:hover
+      border-color transparent
+    .arrow
+      vertical-align middle
+      margin-top -1px
+      margin-left 0.4rem
+  .nav-dropdown
+    .dropdown-item
+      color inherit
+      line-height 1.7rem
+      h4
+        margin 0.45rem 0 0
+        border-top 1px solid #eee
+        padding 0.45rem 1.5rem 0 1.25rem
+      .dropdown-subitem-wrapper
+        padding 0
+        list-style none
+        .dropdown-subitem
+          font-size 0.9em
+      a
+        display block
+        line-height 1.7rem
+        position relative
+        border-bottom none
+        font-weight 400
+        margin-bottom 0
+        padding 0 1.5rem 0 1.25rem
+        &:hover
+          color $accentColor
+        &.router-link-active
+          color $accentColor
+          &::after
+            content ""
+            width 0
+            height 0
+            border-left 5px solid $accentColor
+            border-top 3px solid transparent
+            border-bottom 3px solid transparent
+            position absolute
+            top calc(50% - 2px)
+            left 9px
+      &:first-child h4
+        margin-top 0
+        padding-top 0
+        border-top 0
+
+@media (max-width: $MQMobile)
+  .dropdown-wrapper
+    &.open .dropdown-title
+      margin-bottom 0.5rem
+    .nav-dropdown
+      transition height .1s ease-out
+      overflow hidden
+      .dropdown-item
+        h4
+          border-top 0
+          margin-top 0
+          padding-top 0
+        h4, & > a
+          font-size 15px
+          line-height 2rem
+        .dropdown-subitem
+          font-size 14px
+          padding-left 1rem
+
+@media (min-width: $MQMobile)
+  .dropdown-wrapper
+    height 1.8rem
+    &:hover .nav-dropdown
+      // override the inline style.
+      display block !important
+    .dropdown-title .arrow
+      // make the arrow always down at desktop
+      border-left 4px solid transparent
+      border-right 4px solid transparent
+      border-top 6px solid $arrowBgColor
+      border-bottom 0
+    .nav-dropdown
+      display none
+      // Avoid height shaked by clicking
+      height auto !important
+      box-sizing border-box;
+      max-height calc(100vh - 2.7rem)
+      overflow-y auto
+      position absolute
+      top 100%
+      right 0
+      background-color #fff
+      padding 0.6rem 0
+      box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
+      text-align left
+      border-radius 0.25rem
+      white-space nowrap
+      margin 0
+</style>
diff --git a/components/DropdownTransition.vue b/components/DropdownTransition.vue
new file mode 100644
index 0000000..8c711a1
--- /dev/null
+++ b/components/DropdownTransition.vue
@@ -0,0 +1,33 @@
+<template>
+  <transition
+    name="dropdown"
+    @enter="setHeight"
+    @after-enter="unsetHeight"
+    @before-leave="setHeight"
+  >
+    <slot/>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'DropdownTransition',
+
+  methods: {
+    setHeight (items) {
+      // explicitly set height so that it can be transitioned
+      items.style.height = items.scrollHeight + 'px'
+    },
+
+    unsetHeight (items) {
+      items.style.height = ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.dropdown-enter, .dropdown-leave-to
+  height 0 !important
+
+</style>
diff --git a/components/Home.vue b/components/Home.vue
new file mode 100644
index 0000000..4beee4e
--- /dev/null
+++ b/components/Home.vue
@@ -0,0 +1,220 @@
+<template>
+  <div class="home">
+    <div class="hero">
+      <img v-if="data.heroImage" :style="heroImageStyle" :src="$withBase(data.heroImage)" alt="hero">
+
+      <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="action" v-if="data.actionText && data.actionLink">
+        <NavLink class="action-button" :item="actionLink"/>
+      </p>
+    </div>
+
+    <div class="features" v-if="data.features && data.features.length">
+      <div v-for="(feature, index) in data.features" :key="index" class="feature">
+        <h2>{{ feature.title }}</h2>
+        <p>{{ feature.details }}</p>
+      </div>
+    </div>
+
+    <Content custom/>
+
+    <div class="footer">
+      <span>
+        <i class="iconfont reco-theme"></i>
+        <a target="blank" href="https://www.npmjs.com/package/vuepress-theme-reco">vuePress-theme-reco</a>
+      </span>
+      <span>
+        <i class="iconfont reco-other"></i>
+        <a>{{ $site.themeConfig.author || $site.title }}</a>
+      </span>
+      <span>
+        <i class="iconfont reco-copyright"></i>
+        <a>{{ year }}</a>
+      </span>
+      <span>
+        <AccessNumber idVal="/"></AccessNumber>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import NavLink from "@theme/components/NavLink/";
+import AccessNumber from '@theme/components/Valine/AccessNumber'
+
+export default {
+  components: { NavLink, AccessNumber },
+  computed: {
+    year () {
+      return new Date().getFullYear()
+    },
+    data() {
+      return this.$page.frontmatter;
+    },
+
+    actionLink() {
+      return {
+        link: this.data.actionLink,
+        text: this.data.actionText
+      };
+    },
+
+    heroImageStyle () {
+      return this.data.heroImageStyle || {
+        maxHeight: '200px',
+        margin: '6rem auto 1.5rem'
+      }
+    }
+  }
+};
+</script>
+
+<style lang="stylus">
+
+.home {
+  padding: $navbarHeight 2rem 0;
+  max-width: 960px;
+  margin: 0px auto;
+
+  .hero {
+    text-align: center;
+
+    h1 {
+      font-size: 2.5rem;
+    }
+
+    h1, .description, .action {
+      margin: 1.8rem auto;
+    }
+
+    .description {
+      max-width: 35rem;
+      font-size: 1.6rem;
+      line-height: 1.3;
+      color: lighten($textColor, 40%);
+    }
+
+    .action-button {
+      display: inline-block;
+      font-size: 1.2rem;
+      color: #fff;
+      background-color: $accentColor;
+      padding: 0.6rem 1.2rem;
+      border-radius: 4px;
+      transition: background-color 0.1s ease;
+      box-sizing: border-box;
+
+      &:hover {
+        background-color: lighten($accentColor, 10%);
+      }
+    }
+  }
+
+  .features {
+    border-top: 1px solid $borderColor;
+    padding: 1.2rem 0;
+    margin-top: 2.5rem;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    align-content: stretch;
+    justify-content: space-between;
+  }
+
+  .feature {
+    flex-grow: 1;
+    flex-basis: 30%;
+    max-width: 30%;
+    transition: all .5s
+    h2 {
+      font-size: 1.6rem;
+      font-weight: 500;
+      border-bottom: none;
+      padding-bottom: 0;
+      color: lighten($textColor, 10%);
+    }
+
+    p {
+      color: lighten($textColor, 25%);
+    }
+
+    &:hover {
+      transform scale(1.05)
+    }
+  }
+
+  .footer {
+    padding: 2.5rem;
+    border-top: 1px solid $borderColor;
+    text-align: center;
+    color: lighten($textColor, 25%);
+    > span {
+      margin-left 1rem
+      > i {
+        margin-right .5rem
+      } 
+    }
+  }
+}
+
+@media (max-width: $MQMobile) {
+  .home {
+    .features {
+      flex-direction: column;
+    }
+
+    .feature {
+      max-width: 100%;
+      padding: 0 2.5rem;
+    }
+  }
+  .footer {
+    text-align: left!important;
+    > span {
+      display block
+      margin-left 0
+      line-height 2rem
+    }
+  }
+}
+
+@media (max-width: $MQMobileNarrow) {
+  .home {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+
+    .hero {
+      img {
+        max-height: 210px;
+        margin: 2rem auto 1.2rem;
+      }
+
+      h1 {
+        font-size: 2rem;
+      }
+
+      h1, .description, .action {
+        margin: 1.2rem auto;
+      }
+
+      .description {
+        font-size: 1.2rem;
+      }
+
+      .action-button {
+        font-size: 1rem;
+        padding: 0.6rem 1.2rem;
+      }
+    }
+
+    .feature {
+      h2 {
+        font-size: 1.25rem;
+      }
+    }
+  }
+}
+</style>
diff --git a/components/NavLink.vue b/components/NavLink.vue
new file mode 100644
index 0000000..6c71577
--- /dev/null
+++ b/components/NavLink.vue
@@ -0,0 +1,52 @@
+<template>
+  <router-link
+    class="nav-link"
+    :to="link"
+    v-if="!isExternal(link)"
+    :exact="exact">
+    <i :class="`iconfont ${item.icon}`"></i>
+    {{ item.text }}
+  </router-link>
+  <a
+    v-else
+    :href="link"
+    class="nav-link external"
+    :target="isMailto(link) || isTel(link) ? null : '_blank'"
+    :rel="isMailto(link) || isTel(link) ? null : 'noopener noreferrer'"
+  >
+    <i :class="`iconfont ${item.icon}`"></i>
+    {{ item.text }}
+    <OutboundLink/>
+  </a>
+</template>
+
+<script>
+import { isExternal, isMailto, isTel, ensureExt } from '../util'
+
+export default {
+  props: {
+    item: {
+      required: true
+    }
+  },
+
+  computed: {
+    link () {
+      return ensureExt(this.item.link)
+    },
+
+    exact () {
+      if (this.$site.locales) {
+        return Object.keys(this.$site.locales).some(rootLink => rootLink === this.link)
+      }
+      return this.link === '/'
+    }
+  },
+
+  methods: {
+    isExternal,
+    isMailto,
+    isTel
+  }
+}
+</script>
diff --git a/components/NavLinks.vue b/components/NavLinks.vue
new file mode 100644
index 0000000..7c4d3cd
--- /dev/null
+++ b/components/NavLinks.vue
@@ -0,0 +1,181 @@
+<template>
+  <nav
+    class="nav-links"
+    v-if="userLinks.length || repoLink"
+  >
+    <!-- user links -->
+    <div
+      class="nav-item"
+      v-for="item in userLinks"
+      :key="item.link">
+      <DropdownLink
+        v-if="item.type === 'links'"
+        :item="item"/>
+      <NavLink
+        v-else
+        :item="item"/>
+    </div>
+
+    <!-- repo link -->
+    <a
+      v-if="repoLink"
+      :href="repoLink"
+      class="repo-link"
+      target="_blank"
+      rel="noopener noreferrer">
+      {{ repoLabel }}
+      <OutboundLink/>
+    </a>
+  </nav>
+</template>
+
+<script>
+import DropdownLink from '@theme/components/DropdownLink.vue'
+import { resolveNavLinkItem } from '../util'
+import NavLink from '@theme/components/NavLink.vue'
+
+export default {
+  components: { NavLink, DropdownLink },
+
+  computed: {
+    userNav () {
+      return this.$themeLocaleConfig.nav || this.$site.themeConfig.nav || []
+    },
+
+    nav () {
+      const { locales } = this.$site
+      if (locales && Object.keys(locales).length > 1) {
+        const currentLink = this.$page.path
+        const routes = this.$router.options.routes
+        const themeLocales = this.$site.themeConfig.locales || {}
+        const languageDropdown = {
+          text: this.$themeLocaleConfig.selectText || 'Languages',
+          items: Object.keys(locales).map(path => {
+            const locale = locales[path]
+            const text = themeLocales[path] && themeLocales[path].label || locale.lang
+            let link
+            // Stay on the current page
+            if (locale.lang === this.$lang) {
+              link = currentLink
+            } else {
+              // Try to stay on the same page
+              link = currentLink.replace(this.$localeConfig.path, path)
+              // fallback to homepage
+              if (!routes.some(route => route.path === link)) {
+                link = path
+              }
+            }
+            return { text, link }
+          })
+        }
+        return [...this.userNav, languageDropdown]
+      }
+
+      // blogConfig 的处理，根绝配置自动添加分类和标签
+      const blogConfig = this.$themeConfig.blogConfig || {},
+            isHasCategory = this.userNav.some(item => {
+              return item.text === 'Category'
+            }),
+            isHasTag = this.userNav.some(item => {
+              return item.text === 'Tag'
+            })      
+
+      if (!isHasCategory && blogConfig.hasOwnProperty('category')) {
+        const category = blogConfig.category
+        const $categories = this.$categories
+        this.userNav.splice( parseInt(category.location || 2) - 1, 0, {
+          items: $categories.list.map(item => {
+            item.link = item.path
+            item.text = item.name
+            return item
+          }),
+          text: category.text || '分类',
+          type: "links",
+          icon: "reco-category"
+        })
+      }
+      if (!isHasTag && blogConfig.hasOwnProperty('tag')) {
+        const tag = blogConfig.tag
+        this.userNav.splice(parseInt(tag.location || 3) - 1, 0, {
+          link: '/tag/',
+          text: tag.text || '标签',
+          type: "links",
+          icon: "reco-tag"
+        })
+      }
+      
+      return this.userNav
+    },
+
+    userLinks () {
+      return (this.nav || []).map(link => {
+        return Object.assign(resolveNavLinkItem(link), {
+          items: (link.items || []).map(resolveNavLinkItem)
+        })
+      })
+    },
+
+    repoLink () {
+      const { repo } = this.$site.themeConfig
+      if (repo) {
+        return /^https?:/.test(repo)
+          ? repo
+          : `https://github.com/${repo}`
+      }
+    },
+
+    repoLabel () {
+      if (!this.repoLink) return
+      if (this.$site.themeConfig.repoLabel) {
+        return this.$site.themeConfig.repoLabel
+      }
+
+      const repoHost = this.repoLink.match(/^https?:\/\/[^/]+/)[0]
+      const platforms = ['GitHub', 'GitLab', 'Bitbucket']
+      for (let i = 0; i < platforms.length; i++) {
+        const platform = platforms[i]
+        if (new RegExp(platform, 'i').test(repoHost)) {
+          return platform
+        }
+      }
+
+      return 'Source'
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.nav-links
+  display inline-block
+  a
+    line-height 1.4rem
+    color inherit
+    &:hover, &.router-link-active
+      color $accentColor
+      .iconfont
+        color $accentColor
+  .nav-item
+    position relative
+    display inline-block
+    margin-left 1.5rem
+    line-height 2rem
+    &:first-child
+      margin-left 0
+  .repo-link
+    margin-left 1.5rem
+
+@media (max-width: $MQMobile)
+  .nav-links
+    .nav-item, .repo-link
+      margin-left 0
+
+@media (min-width: $MQMobile)
+  .nav-links a
+    &:hover, &.router-link-active
+      color $textColor
+  .nav-item > a:not(.external)
+    &:hover, &.router-link-active
+      margin-bottom -2px
+      border-bottom 2px solid lighten($accentColor, 8%)
+</style>
diff --git a/components/Navbar.vue b/components/Navbar.vue
new file mode 100644
index 0000000..7bd7fec
--- /dev/null
+++ b/components/Navbar.vue
@@ -0,0 +1,123 @@
+<template>
+  <header class="navbar">
+    <SidebarButton @toggle-sidebar="$emit('toggle-sidebar')"/>
+
+    <router-link
+      :to="$localePath"
+      class="home-link">
+      <img
+        class="logo"
+        v-if="$site.themeConfig.logo"
+        :src="$withBase($site.themeConfig.logo)"
+        :alt="$siteTitle">
+      <span
+        ref="siteName"
+        class="site-name"
+        v-if="$siteTitle">{{ $siteTitle }}</span>
+    </router-link>
+
+    <div
+      class="links"
+      :style="linksWrapMaxWidth ? {
+        'max-width': linksWrapMaxWidth + 'px'
+      } : {}">
+      <AlgoliaSearchBox
+        v-if="isAlgoliaSearch"
+        :options="algolia"/>
+      <SearchBox v-else-if="$site.themeConfig.search !== false && $page.frontmatter.search !== false"/>
+      <NavLinks class="can-hide"/>
+    </div>
+  </header>
+</template>
+
+<script>
+import AlgoliaSearchBox from '@AlgoliaSearchBox'
+import SearchBox from '@SearchBox'
+import SidebarButton from '@theme/components/SidebarButton.vue'
+import NavLinks from '@theme/components/NavLinks.vue'
+
+export default {
+  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
+
+  data () {
+    return {
+      linksWrapMaxWidth: null
+    }
+  },
+
+  mounted () {
+    const MOBILE_DESKTOP_BREAKPOINT = 719 // refer to config.styl
+    const NAVBAR_VERTICAL_PADDING = parseInt(css(this.$el, 'paddingLeft')) + parseInt(css(this.$el, 'paddingRight'))
+    const handleLinksWrapWidth = () => {
+      if (document.documentElement.clientWidth < MOBILE_DESKTOP_BREAKPOINT) {
+        this.linksWrapMaxWidth = null
+      } else {
+        this.linksWrapMaxWidth = this.$el.offsetWidth - NAVBAR_VERTICAL_PADDING
+          - (this.$refs.siteName && this.$refs.siteName.offsetWidth || 0)
+      }
+    }
+    handleLinksWrapWidth()
+    window.addEventListener('resize', handleLinksWrapWidth, false)
+  },
+
+  computed: {
+    algolia () {
+      return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
+    },
+
+    isAlgoliaSearch () {
+      return this.algolia && this.algolia.apiKey && this.algolia.indexName
+    }
+  }
+}
+
+function css (el, property) {
+  // NOTE: Known bug, will return 'auto' if style value is 'auto'
+  const win = el.ownerDocument.defaultView
+  // null means not to return pseudo styles
+  return win.getComputedStyle(el, null)[property]
+}
+</script>
+
+<style lang="stylus">
+$navbar-vertical-padding = 0.7rem
+$navbar-horizontal-padding = 1.5rem
+
+.navbar
+  padding $navbar-vertical-padding $navbar-horizontal-padding
+  line-height $navbarHeight - 1.4rem
+  box-shadow 0 1px 6px 0 rgba(32,33,36,.28)
+  a, span, img
+    display inline-block
+  .logo
+    height $navbarHeight - 1.4rem
+    min-width $navbarHeight - 1.4rem
+    margin-right 0.8rem
+    vertical-align top
+  .site-name
+    font-size 1.2rem
+    font-weight 600
+    color $textColor
+    position relative
+  .links
+    padding-left 1.5rem
+    box-sizing border-box
+    background-color white
+    white-space nowrap
+    font-size 0.9rem
+    position absolute
+    right $navbar-horizontal-padding
+    top $navbar-vertical-padding
+    display flex
+    .search-box
+      flex: 0 0 auto
+      vertical-align top
+
+@media (max-width: $MQMobile)
+  .navbar
+    padding-left 4rem
+    .can-hide
+      display none
+    .links
+      padding-left 1.5rem
+</style>
diff --git a/components/NoteAbstract.vue b/components/NoteAbstract.vue
new file mode 100644
index 0000000..a87064a
--- /dev/null
+++ b/components/NoteAbstract.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="abstract-wrapper">
+    <div
+      v-for="item in formatData"
+      :key="item.path"
+      class="abstract-item">
+      <div class="title">
+        <router-link
+          :to="item.path">{{item.title}}</router-link>
+      </div>
+      <div class="abstract" v-html="item.excerpt"></div>
+      <hr>
+      <PageInfo :pageInfo="item" :currentTag="currentTag"></PageInfo>
+    </div>
+  </div>
+</template>
+
+<script>
+import PageInfo from './PageInfo'
+
+export default {
+  components: { PageInfo },
+  props: ['data', 'currentPage', 'currentTag'],
+  computed: {
+    formatData () {
+      const data = this.data
+      const currentPage = this.currentPage
+      return data.slice(currentPage * 10 - 10, currentPage * 10)
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+
+.abstract-wrapper
+  width 100%
+  .abstract-item
+    margin: 0 auto 20px;
+    padding: 16px 20px;
+    width 100%
+    overflow: hidden;
+    border-radius: 2px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+    box-sizing: border-box;
+    transition all .3s
+    background-color $bgColor
+    &:hover
+      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
+    .title
+      position: relative;
+      font-size: 1.28rem;
+      line-height: 36px;
+      display: inline-block;
+      :after
+        content: "";
+        position: absolute;
+        width: 100%;
+        height: 2px;
+        bottom: 0;
+        left: 0;
+        background-color: $accentColor;
+        visibility: hidden;
+        -webkit-transform: scaleX(0);
+        transform: scaleX(0);
+        transition: .3s ease-in-out;
+      :hover:after
+        visibility visible
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1);
+    .tags
+      .tag-item
+        cursor: pointer;
+        &.active
+          color $accentColor
+        &:hover 
+          color $accentColor
+
+@media (max-width: $MQMobile)
+  .tags
+    display block
+    margin-top 1rem;
+    margin-left: 0!important;
+</style>
diff --git a/components/Pagation.vue b/components/Pagation.vue
new file mode 100644
index 0000000..6faabdd
--- /dev/null
+++ b/components/Pagation.vue
@@ -0,0 +1,157 @@
+<template>
+  <div class="pagation" v-show="show"> 
+    <div class="pagation-list"> 
+      <span class="jump" v-show="currentPage>1" @click="goPrev" unselectable="on">Prev</span> 
+      <span v-show="efont" class="jump" @click="jumpPage(1)">1</span> 
+      <span class="ellipsis"  v-show="efont">...</span> 
+      <span class="jump" v-for="num in indexs" :key="num" :class="{bgprimary:currentPage==num}" @click="jumpPage(num)">{{num}}</span> 
+      <span class="ellipsis"  v-show="efont&&currentPage<pages-4">...</span> 
+      <span v-show="efont&&currentPage<pages-4" class="jump" @click="jumpPage(pages)">{{pages}}</span>
+      <span class="jump" v-show="currentPage < pages" @click="goNext">Next</span> 
+      <span class="jumppoint">跳转到：</span> 
+      <span class="jumpinp"><input type="text" v-model="changePage"></span> 
+      <span class="jump gobtn" @click="jumpPage(changePage)">GO</span> 
+    </div> 
+  </div> 
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      changePage:'', // 跳转页
+    } 
+  }, 
+  props: {
+    data: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    perPage: {
+      type: Number,
+      default: 10
+    },
+    currentPage: {
+      type: Number,
+      default: 1
+    }
+  },
+  computed:{
+     pages () {
+       return Math.ceil(this.data.length / this.perPage)
+     },
+     show:function(){ 
+         return this.pages && this.pages !=1 
+     }, 
+     efont: function() { 
+       if (this.pages <= 7) return false; 
+       return this.currentPage > 5 
+     }, 
+    indexs: function() { 
+      var left = 1, 
+        right = this.pages, 
+        ar = []; 
+      if (this.pages >= 7) { 
+        if (this.currentPage > 5 && this.currentPage < this.pages - 4) { 
+          left = Number(this.currentPage) - 3; 
+          right = Number(this.currentPage) + 3; 
+        } else { 
+          if (this.currentPage <= 5) { 
+            left = 1; 
+            right = 7; 
+          } else { 
+            right = this.pages; 
+
+            left = this.pages - 6; 
+          } 
+        } 
+      } 
+      while (left <= right) { 
+        ar.push(left); 
+        left++; 
+      } 
+      return ar; 
+    }, 
+  },
+  methods: {
+    goPrev () {
+      let currentPage = this.currentPage
+      if (this.currentPage > 1) {
+        this.emit(--currentPage)
+      }
+    },
+    goNext () {
+      let currentPage = this.currentPage
+      if (currentPage < this.pages) {
+        this.emit(++currentPage)
+      }
+    },
+    jumpPage: function(id) {
+      if(id == ''){
+        alert(`请输入页码！`)
+        return
+      }
+      if (id <= this.pages) {
+        this.emit(id)
+        return
+      }
+      alert(`请输入小于${this.pages}的页码！`)
+    },
+    emit (id) {
+      this.$emit('getCurrentPage', id)
+    }
+  }, 
+};
+</script>
+
+<style lang="stylus" scoped>
+
+.pagation
+  font-weight: 700; 
+  text-align: center; 
+  color: #888; 
+  margin: 20px auto 0; 
+  background: #f2f2f2; 
+  .pagation-list
+    font-size: 0; 
+    background: #fff; 
+    line-height: 50px; 
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    span
+      font-size: 14px;
+      &.jump
+        border: 1px solid #ccc; 
+        padding: 5px 8px; 
+        -webkit-border-radius: 4px; 
+        -moz-border-radius: 4px; 
+        border-radius: 4px; 
+        cursor: pointer; 
+        margin-left: 5px;
+      &.jumpinp
+        input
+          width: 55px; 
+          height: 26px; 
+          font-size: 13px; 
+          border: 1px solid #ccc; 
+          -webkit-border-radius: 4px; 
+          -moz-border-radius: 4px; 
+          border-radius: 4px; 
+          text-align: center;
+          outline none
+      &.bgprimary
+        cursor: default; 
+        color: #fff; 
+        background: $accentColor; 
+        border-color: $accentColor; 
+      &.ellipsis
+        padding: 0px 8px; 
+      &.jumppoint
+        margin-left: 30px;
+</style>
diff --git a/components/Page.vue b/components/Page.vue
new file mode 100644
index 0000000..24dcb97
--- /dev/null
+++ b/components/Page.vue
@@ -0,0 +1,265 @@
+<template>
+  <main class="page">
+    <slot name="top"/>
+
+    <div class="page-title" v-if="!(isTimeLine)">
+      <h1>{{$page.title}}</h1>
+      <hr>
+      <PageInfo :pageInfo="$page"></PageInfo>
+    </div>
+
+    <Content/>
+
+    <TimeLine v-if="isTimeLine"></TimeLine>
+
+    <footer class="page-edit">
+      <div
+        class="edit-link"
+        v-if="editLink"
+      >
+        <a
+          :href="editLink"
+          target="_blank"
+          rel="noopener noreferrer"
+        >{{ editLinkText }}</a>
+        <OutboundLink/>
+      </div>
+
+      <div
+        class="last-updated"
+        v-if="lastUpdated"
+      >
+        <span class="prefix">{{ lastUpdatedText }}: </span>
+        <span class="time">{{ lastUpdated }}</span>
+      </div>
+    </footer>
+
+    <div class="page-nav" v-if="prev || next">
+      <p class="inner">
+        <span
+          v-if="prev"
+          class="prev"
+        >
+          ←
+          <router-link
+            v-if="prev"
+            class="prev"
+            :to="prev.path"
+          >
+            {{ prev.title || prev.path }}
+          </router-link>
+        </span>
+
+        <span
+          v-if="next"
+          class="next"
+        >
+          <router-link
+            v-if="next"
+            :to="next.path"
+          >
+            {{ next.title || next.path }}
+          </router-link>
+          →
+        </span>
+      </p>
+    </div>
+
+    <slot name="bottom"/>
+  </main>
+</template>
+
+<script>
+import PageInfo from '@theme/components/PageInfo'
+import { resolvePage, outboundRE, endingSlashRE } from '../util'
+import TimeLine from '@theme/components/TimeLine'
+
+export default {
+  components: { PageInfo, TimeLine},
+
+  props: ['sidebarItems'],
+
+  computed: {
+    isTimeLine () {
+      return this.$page.frontmatter.isTimeLine
+    },
+    lastUpdated () {
+      return this.$page.lastUpdated
+    },
+
+    lastUpdatedText () {
+      if (typeof this.$themeLocaleConfig.lastUpdated === 'string') {
+        return this.$themeLocaleConfig.lastUpdated
+      }
+      if (typeof this.$site.themeConfig.lastUpdated === 'string') {
+        return this.$site.themeConfig.lastUpdated
+      }
+      return 'Last Updated'
+    },
+
+    prev () {
+      const prev = this.$page.frontmatter.prev
+      if (prev === false) {
+        return
+      } else if (prev) {
+        return resolvePage(this.$site.pages, prev, this.$route.path)
+      } else {
+        return resolvePrev(this.$page, this.sidebarItems)
+      }
+    },
+
+    next () {
+      const next = this.$page.frontmatter.next
+      if (next === false) {
+        return
+      } else if (next) {
+        return resolvePage(this.$site.pages, next, this.$route.path)
+      } else {
+        return resolveNext(this.$page, this.sidebarItems)
+      }
+    },
+
+    editLink () {
+      if (this.$page.frontmatter.editLink === false) {
+        return
+      }
+      const {
+        repo,
+        editLinks,
+        docsDir = '',
+        docsBranch = 'master',
+        docsRepo = repo
+      } = this.$site.themeConfig
+
+      if (docsRepo && editLinks && this.$page.relativePath) {
+        return this.createEditLink(repo, docsRepo, docsDir, docsBranch, this.$page.relativePath)
+      }
+    },
+
+    editLinkText () {
+      return (
+        this.$themeLocaleConfig.editLinkText
+        || this.$site.themeConfig.editLinkText
+        || `Edit this page`
+      )
+    }
+  },
+
+  methods: {
+    createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
+      const bitbucket = /bitbucket.org/
+      if (bitbucket.test(repo)) {
+        const base = outboundRE.test(docsRepo)
+          ? docsRepo
+          : repo
+        return (
+          base.replace(endingSlashRE, '')
+           + `/src`
+           + `/${docsBranch}/`
+           + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
+           + path
+           + `?mode=edit&spa=0&at=${docsBranch}&fileviewer=file-view-default`
+        )
+      }
+
+      const base = outboundRE.test(docsRepo)
+        ? docsRepo
+        : `https://github.com/${docsRepo}`
+      return (
+        base.replace(endingSlashRE, '')
+        + `/edit`
+        + `/${docsBranch}/`
+        + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
+        + path
+      )
+    }
+  }
+}
+
+function resolvePrev (page, items) {
+  return find(page, items, -1)
+}
+
+function resolveNext (page, items) {
+  return find(page, items, 1)
+}
+
+function find (page, items, offset) {
+  const res = []
+  flatten(items, res)
+  for (let i = 0; i < res.length; i++) {
+    const cur = res[i]
+    if (cur.type === 'page' && cur.path === decodeURIComponent(page.path)) {
+      return res[i + offset]
+    }
+  }
+}
+
+function flatten (items, res) {
+  for (let i = 0, l = items.length; i < l; i++) {
+    if (items[i].type === 'group') {
+      flatten(items[i].children || [], res)
+    } else {
+      res.push(items[i])
+    }
+  }
+}
+
+</script>
+
+<style lang="stylus">
+@require '../styles/wrapper.styl'
+
+.page
+  padding-bottom 2rem
+  display block
+  .page-title
+    max-width: 740px;
+    margin: 6rem auto 0;
+    padding: 0rem 2.5rem;
+
+.page-edit
+  @extend $wrapper
+  padding-top 1rem
+  padding-bottom 1rem
+  overflow auto
+  .edit-link
+    display inline-block
+    a
+      color lighten($textColor, 25%)
+      margin-right 0.25rem
+  .last-updated
+    float right
+    font-size 0.9em
+    .prefix
+      font-weight 500
+      color lighten($textColor, 25%)
+    .time
+      font-weight 400
+      color #aaa
+
+.page-nav
+  @extend $wrapper
+  padding-top 1rem
+  padding-bottom 0
+  .inner
+    min-height 2rem
+    margin-top 0
+    border-top 1px solid $borderColor
+    padding-top 1rem
+    overflow auto // clear float
+  .next
+    float right
+
+@media (max-width: $MQMobile)
+  .page-title
+    padding: 0 1rem;  
+  .page-edit
+    .edit-link
+      margin-bottom .5rem
+    .last-updated
+      font-size .8em
+      float none
+      text-align left
+
+</style>
diff --git a/components/PageInfo.vue b/components/PageInfo.vue
new file mode 100644
index 0000000..c068322
--- /dev/null
+++ b/components/PageInfo.vue
@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <i
+      class="iconfont reco-account"
+      v-if="pageInfo.frontmatter.author || $site.themeConfig.author || $site.title">
+      <span>{{ pageInfo.frontmatter.author || $site.themeConfig.author || $site.title }}</span>
+    </i>
+    <i class="iconfont reco-date" v-if="pageInfo.frontmatter.date"><span>{{ new Date(pageInfo.frontmatter.date).toLocaleDateString() }}</span></i>
+    <AccessNumber :idVal="pageInfo.regularPath" :numStyle="numStyle"></AccessNumber>
+    <i class="iconfont reco-tag tags" v-if="pageInfo.frontmatter.tags">
+      <span
+        v-for="(subItem, subIndex) in pageInfo.frontmatter.tags"
+        :key="subIndex"
+        class="tag-item"
+        :class="{ 'active': currentTag == subItem }"
+        @click="goTags(subItem)">
+        {{subItem}}
+      </span>
+    </i>
+  </div>
+</template>
+
+<script>
+import AccessNumber from './Valine/AccessNumber'
+
+export default {
+  components: { AccessNumber },
+  props: ['pageInfo', 'currentTag'],
+  data () {
+    return {
+      numStyle: {
+        fontSize: '.9rem',
+        fontWeight: 'normal',
+        color: '#999'
+      }
+    }
+  },
+  
+  methods: {
+    goTags (tag) {
+      window.location.href = `/tag/?tag=${tag}`
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+
+.iconfont
+  display inline-block
+  line-height 1.5rem
+  &:not(:last-child)
+    margin-right 1rem
+  span 
+    margin-left .5rem
+.tags
+  .tag-item
+    cursor: pointer;
+    &.active
+      color $accentColor
+    &:hover 
+      color $accentColor
+
+@media (max-width: $MQMobile)
+  .tags
+    display block
+    margin-left: 0!important;
+</style>
diff --git a/components/Password.vue b/components/Password.vue
new file mode 100644
index 0000000..5bf029c
--- /dev/null
+++ b/components/Password.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="password-shadow">
+    <Background></Background>
+    <h3 class="title">{{$site.title}}</h3>
+    <p class="description">{{$site.description}}</p>
+    <label class="inputBox" id="box">
+      <input
+        v-model="key"
+        type="password"
+        @keyup.enter="inter"
+        @focus="inputFocus"
+        @blur="inputBlur">
+      <span>{{warningText}}</span>
+      <button ref="passwordBtn" @click="inter">OK</button>
+    </label>
+
+    <div class="footer">
+      <span>
+        <i class="iconfont reco-theme"></i>
+        <a target="blank" href="https://www.npmjs.com/package/vuepress-theme-reco">vuePress-theme-reco</a>
+      </span>
+      <span>
+        <i class="iconfont reco-other"></i>
+        <a>{{ $site.themeConfig.author || $site.title }}</a>
+      </span>
+      <span>
+        <i class="iconfont reco-copyright"></i>
+        <a>{{ year }}</a>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import Background from '@theme/components/Background'
+
+export default {
+  components: {Background},
+  name: 'BackToTop',
+  data() {
+    return {
+      warningText: 'Konck! Knock!',
+      key: ''
+    }
+  },
+  computed: {
+    year () {
+      return new Date().getFullYear()
+    }
+  },
+  methods: {
+    inter () {
+      const keyVal = this.key.trim()
+      sessionStorage.setItem('key', keyVal)
+      if (!this.isHasKey()) {
+        this.warningText = 'Key Error'
+        return
+      } 
+      const passwordBtn = this.$refs.passwordBtn
+      const width = document.getElementById('box').getClientRects()[0].width
+
+      passwordBtn.style.width = `${width - 2}px`
+      passwordBtn.style.opacity = 1
+      setTimeout(() => {
+        window.location.reload();
+      }, 800)
+    },
+    isHasKey () {
+      const keyPage = this.$site.themeConfig.keyPage
+      const {keys} = keyPage
+      return keys.indexOf(sessionStorage.getItem('key')) > -1
+    },
+    inputFocus () {
+      this.warningText = 'Input Your Key'
+    },
+    inputBlur () {
+      this.warningText = 'Konck! Knock!'
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+  
+.password-shadow {
+  width 100vw;
+  height 100vh;
+  background #fff
+  position relative
+  .title {
+    position: absolute;
+    left 0
+    right 0
+    top 12%
+    margin auto
+    text-align center
+    color #666
+    font-size 30px
+    box-sizing: border-box;
+    padding: 0 10px;
+  }
+  .description {
+    position: absolute;
+    left 0
+    right 0
+    top 20%
+    margin auto
+    text-align center
+    color #999
+    font-size 22px
+    box-sizing: border-box;
+    padding: 0 10px;
+  }
+  .inputBox{
+    max-width:700px;
+    height: 100px;
+    background: $accentColor;
+    border-radius: 2px;
+    position: absolute;
+    left 0
+    right 0
+    top 36%
+    margin auto
+    padding-left 20px
+    box-sizing border-box
+    opacity 0.9
+    input{
+      width:600px;
+      height:100%;
+      border:none;
+      padding:0;
+      padding-left:5px;
+      color: #fff;
+      background: none;
+      outline: none;
+      position: absolute;
+      bottom:0;
+      opacity 0
+      font-size 50px
+      &:focus {
+        opacity 1
+      }
+      &:focus~span{
+        transform: translateY(-80px);
+        color $accentColor
+        font-size 30px
+        opacity:0.8;
+      }
+      &:focus~button{
+        opacity:1;
+        width:100px;
+      }
+    }
+    span{
+      width:200px;
+      height: 100%;
+      display: block;
+      position: absolute;
+      line-height:100px;
+      top:0;
+      left:20px;
+      color: #fff;
+      cursor: text;
+      transition: 0.5s;
+      transform-origin: left top;
+      font-size 30px
+    }
+    button{
+      width:0px;
+      height:98px;
+      border-radius: 2px;
+      position: absolute;
+      border 1px solid $accentColor
+      right:1px;
+      top 1px
+      border:0;
+      padding:0;
+      background: #fff;
+      color: $accentColor;
+      font-size:18px;
+      outline:none;
+      cursor: pointer;
+      opacity:0;
+      transition: 0.5s;
+      z-index: 1;
+    }
+  }
+  .footer {
+    position: absolute;
+    left 0
+    right 0
+    bottom 10%
+    margin auto
+    padding: 2.5rem;
+    text-align: center;
+    color: lighten($textColor, 25%);
+    > span {
+      margin-left 1rem
+      > i {
+        margin-right .5rem
+      } 
+    }
+  }
+  @media (max-width: $MQMobile) {
+    .inputBox{
+      max-width:700px;
+      height: 60px;
+      background: $accentColor;
+      border-radius: 2px;
+      position: absolute;
+      left 0
+      right 0
+      top 43%
+      margin auto
+      padding-left 20px
+      box-sizing border-box
+      opacity 0.9
+      input{
+        width:600px;
+        height:100%;
+        border:none;
+        padding:0;
+        padding-left:5px;
+        color: #fff;
+        background: none;
+        outline: none;
+        position: absolute;
+        bottom:0;
+        opacity 0
+        font-size 30px
+        &:focus {
+          opacity 1
+        }
+        &:focus~span{
+          transform: translateY(-60px);
+          color $accentColor
+          font-size 20px
+          opacity:0.8;
+        }
+        &:focus~button{
+          opacity:1;
+          width:60px;
+        }
+      }
+      span{
+        width:200px;
+        height: 100%;
+        display: block;
+        position: absolute;
+        line-height:60px;
+        top:0;
+        left:20px;
+        color: #fff;
+        cursor: text;
+        transition: 0.5s;
+        transform-origin: left top;
+        font-size 20px
+      }
+      button{
+        width:0px;
+        height:58px;
+        border-radius: 2px;
+        position: absolute;
+        border 1px solid $accentColor
+        right:1px;
+        top 1px
+        border:0;
+        padding:0;
+        background: #fff;
+        color: $accentColor;
+        font-size:18px;
+        outline:none;
+        cursor: pointer;
+        opacity:0;
+        transition: 0.5s;
+        z-index: 1;
+      }
+    }
+  }
+}
+
+
+</style>
\ No newline at end of file
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
new file mode 100644
index 0000000..62f1286
--- /dev/null
+++ b/components/Sidebar.vue
@@ -0,0 +1,59 @@
+<template>
+  <aside class="sidebar">
+    <NavLinks/>
+    <slot name="top"/>
+    <SidebarLinks :depth="0" :items="items"/>
+    <slot name="bottom"/>
+  </aside>
+</template>
+
+<script>
+import SidebarLinks from '@theme/components/SidebarLinks.vue'
+import NavLinks from '@theme/components/NavLinks.vue'
+
+export default {
+  name: 'Sidebar',
+
+  components: { SidebarLinks, NavLinks },
+
+  props: ['items']
+}
+</script>
+
+<style lang="stylus">
+.sidebar
+  ul
+    padding 0
+    margin 0
+    list-style-type none
+  a
+    display inline-block
+  .nav-links
+    display none
+    border-bottom 1px solid $borderColor
+    padding 0.5rem 0 0.75rem 0
+    a
+      font-weight 600
+    .nav-item, .repo-link
+      display block
+      line-height 1.25rem
+      font-size 1.1em
+      padding 0.5rem 0 0.5rem 1.5rem
+  & > .sidebar-links
+    padding 1.5rem 0
+    & > li > a.sidebar-link
+      font-size 1.1em
+      line-height 1.7
+      font-weight bold
+    & > li:not(:first-child)
+      margin-top .75rem
+
+@media (max-width: $MQMobile)
+  .sidebar
+    .nav-links
+      display block
+      .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
+        top calc(1rem - 2px)
+    & > .sidebar-links
+      padding 1rem 0
+</style>
diff --git a/components/SidebarButton.vue b/components/SidebarButton.vue
new file mode 100644
index 0000000..b8fb415
--- /dev/null
+++ b/components/SidebarButton.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="sidebar-button" @click="$emit('toggle-sidebar')">
+    <svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512">
+      <path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" class=""></path>
+    </svg>
+  </div>
+</template>
+
+<style lang="stylus">
+.sidebar-button
+  cursor pointer
+  display none
+  width 1.25rem
+  height 1.25rem
+  position absolute
+  padding 0.6rem
+  top 0.6rem
+  left 1rem
+  .icon
+    display block
+    width 1.25rem
+    height 1.25rem
+
+@media (max-width: $MQMobile)
+  .sidebar-button
+    display block
+</style>
diff --git a/components/SidebarGroup.vue b/components/SidebarGroup.vue
new file mode 100644
index 0000000..3ad029b
--- /dev/null
+++ b/components/SidebarGroup.vue
@@ -0,0 +1,129 @@
+<template>
+  <section
+    class="sidebar-group"
+    :class="[
+      {
+        collapsable,
+        'is-sub-group': depth !== 0
+      },
+      `depth-${depth}`
+    ]"
+  >
+    <router-link
+      v-if="item.path"
+      class="sidebar-heading clickable"
+      :class="{
+        open,
+        'active': isActive($route, item.path)
+      }"
+      :to="item.path"
+      @click.native="$emit('toggle')"
+    >
+      <span>{{ item.title }}</span>
+      <span
+        class="arrow"
+        v-if="collapsable"
+        :class="open ? 'down' : 'right'">
+      </span>
+    </router-link>
+
+    <p
+      v-else
+      class="sidebar-heading"
+      :class="{ open }"
+      @click="$emit('toggle')"
+    >
+      <!-- <span>{{ item.title }}</span> -->
+      <span
+        class="arrow"
+        v-if="collapsable"
+        :class="open ? 'down' : 'right'">
+      </span>
+    </p>
+
+    <DropdownTransition>
+      <SidebarLinks
+        class="sidebar-group-items"
+        :items="item.children"
+        v-if="open || !collapsable"
+        :sidebarDepth="item.sidebarDepth"
+        :depth="depth + 1"
+      />
+    </DropdownTransition>
+  </section>
+</template>
+
+<script>
+import { isActive } from '../util'
+import DropdownTransition from '@theme/components/DropdownTransition.vue'
+
+export default {
+  name: 'SidebarGroup',
+  props: ['item', 'open', 'collapsable', 'depth'],
+  components: { DropdownTransition },
+  // ref: https://vuejs.org/v2/guide/components-edge-cases.html#Circular-References-Between-Components
+  beforeCreate () {
+    this.$options.components.SidebarLinks = require('./SidebarLinks.vue').default
+  },
+  methods: { isActive }
+}
+</script>
+
+<style lang="stylus">
+.sidebar-group
+  .sidebar-group
+    padding-left 0.5em
+  &:not(.collapsable)
+    .sidebar-heading:not(.clickable)
+      cursor auto
+      color inherit
+  // refine styles of nested sidebar groups
+  &.is-sub-group
+    padding-left 0
+    & > .sidebar-heading
+      font-size 0.95em
+      line-height 1.4
+      font-weight normal
+      padding-left 2rem
+      &:not(.clickable)
+        opacity 0.5
+    & > .sidebar-group-items
+      padding-left 1rem
+      & > li > .sidebar-link
+        font-size: 0.95em;
+        border-left none
+  &.depth-2
+    & > .sidebar-heading
+      border-left none
+
+.sidebar-heading
+  color $textColor
+  transition color .15s ease
+  cursor pointer
+  font-size 1.1em
+  font-weight bold
+  // text-transform uppercase
+  padding 0.35rem 1.5rem 0.35rem 1.25rem
+  width 100%
+  box-sizing border-box
+  margin 0
+  border-left 0.25rem solid transparent
+  &.open, &:hover
+    color inherit
+  .arrow
+    position relative
+    top -0.12em
+    left 0.5em
+  &.clickable
+    &.active
+      font-weight 600
+      color $accentColor
+      border-left-color $accentColor
+    &:hover
+      color $accentColor
+
+.sidebar-group-items
+  transition height .1s ease-out
+  font-size 0.95em
+  overflow hidden
+</style>
diff --git a/components/SidebarLink.vue b/components/SidebarLink.vue
new file mode 100644
index 0000000..7d128b4
--- /dev/null
+++ b/components/SidebarLink.vue
@@ -0,0 +1,109 @@
+<script>
+import { isActive, hashRE, groupHeaders } from '../util'
+
+export default {
+  functional: true,
+
+  props: ['item', 'sidebarDepth'],
+
+  render (h,
+    {
+      parent: {
+        $page,
+        $site,
+        $route,
+        $themeConfig,
+        $themeLocaleConfig
+      },
+      props: {
+        item,
+        sidebarDepth
+      }
+    }) {
+    // use custom active class matching logic
+    // due to edge case of paths ending with / + hash
+    const selfActive = isActive($route, item.path)
+    // for sidebar: auto pages, a hash link should be active if one of its child
+    // matches
+    const active = item.type === 'auto'
+      ? selfActive || item.children.some(c => isActive($route, item.basePath + '#' + c.slug))
+      : selfActive
+    const link = renderLink(h, item.path, item.title || item.path, active)
+
+    const configDepth = $page.frontmatter.sidebarDepth
+      || sidebarDepth
+      || $themeLocaleConfig.sidebarDepth
+      || $themeConfig.sidebarDepth
+
+    const maxDepth = configDepth == null ? 1 : configDepth
+
+    const displayAllHeaders = $themeLocaleConfig.displayAllHeaders
+      || $themeConfig.displayAllHeaders
+
+    if (item.type === 'auto') {
+      return [link, renderChildren(h, item.children, item.basePath, $route, maxDepth)]
+    } else if ((active || displayAllHeaders) && item.headers && !hashRE.test(item.path)) {
+      const children = groupHeaders(item.headers)
+      return [link, renderChildren(h, children, item.path, $route, maxDepth)]
+    } else {
+      return link
+    }
+  }
+}
+
+function renderLink (h, to, text, active) {
+  return h('router-link', {
+    props: {
+      to,
+      activeClass: '',
+      exactActiveClass: ''
+    },
+    class: {
+      active,
+      'sidebar-link': true
+    }
+  }, text)
+}
+
+function renderChildren (h, children, path, route, maxDepth, depth = 1) {
+  if (!children || depth > maxDepth) return null
+  return h('ul', { class: 'sidebar-sub-headers' }, children.map(c => {
+    const active = isActive(route, path + '#' + c.slug)
+    return h('li', { class: 'sidebar-sub-header' }, [
+      renderLink(h, path + '#' + c.slug, c.title, active),
+      renderChildren(h, c.children, path, route, maxDepth, depth + 1)
+    ])
+  }))
+}
+</script>
+
+<style lang="stylus">
+.sidebar .sidebar-sub-headers
+  padding-left 1rem
+  font-size 0.95em
+
+a.sidebar-link
+  font-size 1em
+  font-weight 400
+  display inline-block
+  color $textColor
+  border-left 0.25rem solid transparent
+  padding 0.35rem 1rem 0.35rem 1.25rem
+  line-height 1.4
+  width: 100%
+  box-sizing: border-box
+  &:hover
+    color $accentColor
+  &.active
+    font-weight 600
+    color $accentColor
+    border-left-color $accentColor
+  .sidebar-group &
+    padding-left 2rem
+  .sidebar-sub-headers &
+    padding-top 0.25rem
+    padding-bottom 0.25rem
+    border-left none
+    &.active
+      font-weight 500
+</style>
diff --git a/components/SidebarLinks.vue b/components/SidebarLinks.vue
new file mode 100644
index 0000000..dfdb0be
--- /dev/null
+++ b/components/SidebarLinks.vue
@@ -0,0 +1,86 @@
+<template>
+  <ul
+    class="sidebar-links"
+    v-if="items.length"
+  >
+    <li v-for="(item, i) in items" :key="i">
+      <SidebarGroup
+        v-if="item.type === 'group'"
+        :item="item"
+        :open="i === openGroupIndex"
+        :collapsable="item.collapsable || item.collapsible"
+        :depth="depth"
+        @toggle="toggleGroup(i)"
+      />
+      <SidebarLink
+        v-else
+        :sidebarDepth="sidebarDepth"
+        :item="item"
+      />
+    </li>
+  </ul>
+</template>
+
+<script>
+import SidebarGroup from '@theme/components/SidebarGroup.vue'
+import SidebarLink from '@theme/components/SidebarLink.vue'
+import { isActive } from '../util'
+
+export default {
+  name: 'SidebarLinks',
+
+  components: { SidebarGroup, SidebarLink },
+
+  props: [
+    'items',
+    'depth',  // depth of current sidebar links
+    'sidebarDepth' // depth of headers to be extracted
+  ],
+
+  data () {
+    return {
+      openGroupIndex: 0
+    }
+  },
+
+  created () {
+    this.refreshIndex()
+  },
+
+  watch: {
+    '$route' () {
+      this.refreshIndex()
+    }
+  },
+
+  methods: {
+    refreshIndex () {
+      const index = resolveOpenGroupIndex(
+        this.$route,
+        this.items
+      )
+      if (index > -1) {
+        this.openGroupIndex = index
+      }
+    },
+
+    toggleGroup (index) {
+      this.openGroupIndex = index === this.openGroupIndex ? -1 : index
+    },
+
+    isActive (page) {
+      return isActive(this.$route, page.regularPath)
+    }
+  }
+}
+
+function resolveOpenGroupIndex (route, items) {
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i]
+    if (item.type === 'group' && item.children.some(c => c.type === 'page' && isActive(route, c.path))) {
+      return i
+    }
+  }
+  return -1
+}
+</script>
diff --git a/components/TimeLine.vue b/components/TimeLine.vue
new file mode 100644
index 0000000..0a47c3b
--- /dev/null
+++ b/components/TimeLine.vue
@@ -0,0 +1,189 @@
+<template>
+<div>
+  <ul class="timeline-wrapper">
+    <li class="desc">Yesterday Once More!</li>
+    <li v-for="(item, index) in formatPagesArr" :key="index">
+      <h3 class="year">{{item.year}}</h3>
+      <ul class="year-wrapper">
+        <li v-for="(subItem, subIndex) in item.data" :key="subIndex">
+          <span class="date">{{dateFormat(new Date(subItem.frontmatter.date))}}</span>
+          <span class="title" @click="go(subItem.path)">{{subItem.title}}</span>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</div>
+
+</template>
+
+<script>
+
+export default {
+  name: 'TimeLine',
+  data () {
+    return {
+      pages: [],
+      tags: [],
+      currentTag: '',
+      currentPage: 1,
+      formatPages: {},
+      formatPagesArr: []
+    }
+  },
+  props: {
+    tag: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    trueCurrentTag () {
+      return this.currentTag
+    }
+  },
+  created () {
+    this.getPages()
+  },
+  methods: {
+    // 根据分类获取页面数据
+    getPages (tag) {
+      let pages = this.$site.pages
+      pages = pages.filter(item => {
+        const { home, isTimeLine, date } = item.frontmatter
+        return !(home == true || isTimeLine == true || date === undefined)
+      })
+      // reverse()是为了按时间最近排序排序
+      this.pages = pages.length == 0 ? [] : pages
+      for (let i = 0, length = pages.length; i < length; i++) {
+        const page = pages[i]
+        const pageDateYear =  this.dateFormat(page.frontmatter.date, 'year')
+        if (this.formatPages[pageDateYear]) this.formatPages[pageDateYear].push(page)
+        else {
+          this.formatPages[pageDateYear] = [page]
+        }
+      }
+
+      
+      for(let key in this.formatPages) {
+        this.formatPagesArr.unshift({
+          year: key,
+          data: this.formatPages[key].sort((a, b) => {
+            return this._getTimeNum(b) - this._getTimeNum(a)
+          })
+        })
+      }
+    },
+    // 时间格式化
+    dateFormat (date, type) {
+      const dateObj = new Date(date)
+      const year = dateObj.getFullYear()
+      const mon = dateObj.getMonth() + 1
+      const day = dateObj.getDate()
+      if (type == 'year') return year
+      else return `${mon}-${day}`
+    },
+    // 跳转
+    go (url) {
+      this.$router.push({path: url})
+    },
+    // 获取时间的数字类型
+    _getTimeNum (date) {
+      return parseInt(new Date(date.frontmatter.date).getTime())
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+@require '../styles/wrapper.styl'
+
+.timeline-wrapper
+  box-sizing border-box
+  max-width: 740px;
+  margin: 0 auto;
+  position relative
+  list-style none
+  &::after {
+    content: " ";
+    position: absolute;
+    top: 14px;
+    left: 0;
+    margin-left: -2px;
+    width: 4px;
+    height: 100%;
+    background: #f5f5f5;
+  }
+  .desc, .year {
+    position: relative;
+    color #666
+    font-size 16px
+    &:before {
+      content: " ";
+      position: absolute;
+      z-index 2;
+      left: -19px;
+      top: 50%;
+      margin-left: -4px;
+      margin-top: -4px;
+      width: 8px;
+      height: 8px;
+      background: #ddd;
+      border-radius: 50%;
+    }  
+  }
+  .year {
+    margin: 80px 0 0px;
+    color #555
+    font-weight: 700;
+    font-size 26px
+  }
+  .year-wrapper {
+    padding-left 0!important
+    li {
+      display flex
+      padding 30px 0 10px
+      list-style none
+      border-bottom: 1px dashed #ccc;
+      position relative
+      &:hover {
+        .date {
+          color $accentColor
+          &::before {
+            background $accentColor
+          }
+        }  
+        .title {
+          color $accentColor
+        }
+      }
+      .date {
+        width 40px
+        line-height 30px
+        color: #555;
+        font-size 12px
+        &::before {
+          content: " ";
+          position: absolute;
+          left: -19px;
+          top: 41px;
+          width: 6px;
+          height: 6px;
+          margin-left: -4px;
+          background: #ddd;
+          border-radius: 50%;
+          border: 1px solid #fff;
+          z-index 2
+        }  
+      }
+      .title {
+        line-height 30px
+        color: #555;
+        font-size 16px
+        cursor pointer
+      }
+    }
+  }
+@media (max-width: $MQMobile)
+  .timeline-wrapper
+    margin: 0 1.2rem;
+</style>
diff --git a/components/Valine/AccessNumber.vue b/components/Valine/AccessNumber.vue
new file mode 100644
index 0000000..fe2e34f
--- /dev/null
+++ b/components/Valine/AccessNumber.vue
@@ -0,0 +1,18 @@
+<template>
+  <span v-if="$site.themeConfig.valineConfig" :id="idVal" class="leancloud-visitors" data-flag-title="Your Article Title">
+    <i class="iconfont reco-eye" style="margin-right: .5rem"></i>
+    <a class="leancloud-visitors-count" :style="numStyle"></a>
+  </span>
+</template>
+
+<script>
+export default {
+  props: ['idVal', 'numStyle']
+}
+</script>
+
+<style lang="stylus" scoped>
+.leancloud-visitors
+  margin-right .5rem
+</style>
+
diff --git a/components/Valine/index.vue b/components/Valine/index.vue
new file mode 100644
index 0000000..b8e3eb6
--- /dev/null
+++ b/components/Valine/index.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="valine-wrapper">
+    <div id="valine" v-show="isShowComment"></div>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  props: ['isComment'],
+  computed: {
+    // 是否显示评论
+    isShowComment () {
+      const frontmatter = this.$page.frontmatter
+      return this.isComment == false || frontmatter.isComment == false || frontmatter.home == true ? false : true
+    }
+  }, 
+  mounted: function(){
+    this.createValine()
+  },
+  methods: {
+    createValine () {
+      const valineConfig = this.$site.themeConfig.valineConfig
+      if (valineConfig) {
+        const Valine = require('valine');
+        const AV = require('leancloud-storage')
+        if (typeof window !== 'undefined') {
+          this.window = window
+          window.AV = AV
+        }
+        
+        new Valine({
+          el: '#valine' ,
+          appId: valineConfig.appId,// your appId
+          appKey: valineConfig.appKey, // your appKey
+          verify:false, 
+          visitor: true,
+          avatar:'retro', 
+          path: window.location.pathname,
+          placeholder: 'just go go' 
+        });
+      }
+    }
+  },
+  watch: {
+    '$route' (to, from) {
+      if(to.path !==  from.path){
+        // 切换页面时刷新评论
+        // this.$router.go(0)
+        setTimeout(() => {
+          this.createValine()
+        }, 300)
+        
+      }
+    }
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+
+.theme-container.no-sidebar
+  .valine-wrapper
+    padding-left 0
+
+.valine-wrapper
+  background-color $bgColor
+  padding-left: 20rem;
+  #valine
+    padding 2rem
+    max-width: 740px;
+    margin: 0 auto;
+@media (max-width: $MQNarrow)
+  .theme-container.no-sidebar
+    .valine-wrapper
+      padding-left 0
+  .valine-wrapper
+    padding-left: 16.4rem;
+@media (max-width: $MQMobile)
+  .valine-wrapper
+    padding-left: 0;    
+</style>
diff --git a/fonts/iconfont.css b/fonts/iconfont.css
new file mode 100644
index 0000000..8434e04
--- /dev/null
+++ b/fonts/iconfont.css
@@ -0,0 +1,105 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1548606483811'); /* IE9 */
+  src: url('iconfont.eot?t=1548606483811#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1548606483811') format('woff'),
+  url('iconfont.ttf?t=1548606483811') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1548606483811#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.reco-message:before {
+  content: "\e634";
+}
+
+.reco-eye:before {
+  content: "\e669";
+}
+
+.reco-search:before {
+  content: "\e611";
+}
+
+.reco-category:before {
+  content: "\e61e";
+}
+
+.reco-wechat:before {
+  content: "\e615";
+}
+
+.reco-npm:before {
+  content: "\e88d";
+}
+
+.reco-twitter:before {
+  content: "\e609";
+}
+
+.reco-csdn:before {
+  content: "\e60d";
+}
+
+.reco-menu:before {
+  content: "\e67c";
+}
+
+.reco-github:before {
+  content: "\e628";
+}
+
+.reco-qq:before {
+  content: "\e60a";
+}
+
+.reco-other:before {
+  content: "\e60e";
+}
+
+.reco-home:before {
+  content: "\e65b";
+}
+
+.reco-up:before {
+  content: "\e68b";
+}
+
+.reco-tag:before {
+  content: "\e633";
+}
+
+.reco-date:before {
+  content: "\e63b";
+}
+
+.reco-bokeyuan:before {
+  content: "\e626";
+}
+
+.reco-copyright:before {
+  content: "\ef87";
+}
+
+.reco-account:before {
+  content: "\e607";
+}
+
+.reco-jianshu:before {
+  content: "\e600";
+}
+
+.reco-theme:before {
+  content: "\e7e8";
+}
+
+.reco-three:before {
+  content: "\e644";
+}
+
diff --git a/fonts/iconfont.eot b/fonts/iconfont.eot
new file mode 100644
index 0000000000000000000000000000000000000000..0cefa507d9cdd538762e126cfda980000e08885d
GIT binary patch
literal 6168
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

literal 0
HcmV?d00001

diff --git a/fonts/iconfont.svg b/fonts/iconfont.svg
new file mode 100644
index 0000000..cec90f7
--- /dev/null
+++ b/fonts/iconfont.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="message" unicode="&#58932;" d="M864.227 791.373h-702c-48.988 0-88.732-39.621-88.732-88.487v-519.688c0-48.866 42.607-84.866 91.616-84.866h218.638l122.113-106.65 122.134 106.65h233.366c48.988 0 91.596 36.021 91.596 84.866v519.688c0 48.866-39.763 88.487-88.732 88.487zM685.393 342.72299999999996h-309.702c-17.202 0-31.152 13.95-31.152 31.152s13.95 31.152 31.152 31.152h309.702c17.223 0 31.152-13.95 31.152-31.152s-13.95-31.152-31.152-31.152zM759.029 505.848h-484.343c-17.202 0-31.152 13.95-31.152 31.152 0 17.223 13.95 31.173 31.152 31.173h484.343c17.202 0 31.152-13.95 31.152-31.173 0.021-17.202-13.95-31.152-31.152-31.152z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="eye" unicode="&#58985;" d="M1023.997 384.169c0-99.79-211.129-312.67-511.999-312.67C218.787 71.49900000000002 0 280.875 0 384.169c0 103.279 219.73 312.334 511.999 312.334 303.234-0.001 512.071-209.057 511.999-312.335L1023.998 384.169zM512.45 639.471C376.184 639.471 265.72 525.087 265.72 384c0-141.089 110.463-255.471 246.729-255.471 136.307 0 246.774 114.383 246.774 255.471C759.223 525.087 648.756 639.471 512.45 639.471L512.45 639.471zM511.999 547.0989999999999c-86.778 0-157.126-72.827-157.126-162.673 0-89.836 70.348-162.677 157.126-162.677s157.097 72.841 157.097 162.677C669.096 474.273 598.776 547.0989999999999 511.999 547.0989999999999L511.999 547.0989999999999z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="search" unicode="&#58897;" d="M1023.991873-35.817713000000026l-92.147972-92.180481L728.542586 75.23810300000002c-76.088314-56.998056-169.675731-91.994455-272.138222-91.994455C204.34252-16.693138999999974 0.073146 187.606938 0.073146 439.605569c0 252.078099 204.269374 456.345667 456.392625 456.345667 251.984183 0 456.251751-204.269374 456.251751-456.345667 0-102.446236-34.965695-196.002949-91.963751-272.091263L1023.991873-35.817713000000026 1023.991873-35.817713000000026 1023.991873-35.817713000000026 1023.991873-35.817713000000026zM456.465771 765.490904c-180.066105 0-325.932293-145.896891-325.932293-325.948548 0-180.002893 145.866188-325.932293 325.932293-325.932293 179.927037 0 325.916038 145.929401 325.916038 325.932293C782.381809 619.657226 636.392808 765.490904 456.465771 765.490904L456.465771 765.490904 456.465771 765.490904 456.465771 765.490904zM456.465771 765.490904"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="category" unicode="&#58910;" d="M928 288C928 323.36 899.36 352 864 352 792.96 352 679.04 352 608 352 572.64 352 544 323.36 544 288 544 216.96000000000004 544 103.03999999999996 544 32 544-3.3600000000000136 572.64-32 608-32 679.04-32 792.96-32 864-32 899.36-32 928-3.3600000000000136 928 32 928 103.03999999999996 928 216.96000000000004 928 288ZM480 288C480 323.36 451.36 352 416 352 344.96 352 231.04 352 160 352 124.64 352 96 323.36 96 288 96 216.96000000000004 96 103.03999999999996 96 32 96-3.3600000000000136 124.64-32 160-32 231.04-32 344.96-32 416-32 451.36-32 480-3.3600000000000136 480 32 480 103.03999999999996 480 216.96000000000004 480 288ZM480 736C480 771.36 451.36 800 416 800 344.96 800 231.04 800 160 800 124.64 800 96 771.36 96 736 96 664.96 96 551.04 96 480 96 444.64 124.64 416 160 416 231.04 416 344.96 416 416 416 451.36 416 480 444.64 480 480 480 551.04 480 664.96 480 736ZM928 736C928 771.36 899.36 800 864 800 792.96 800 679.04 800 608 800 572.64 800 544 771.36 544 736 544 664.96 544 551.04 544 480 544 444.64 572.64 416 608 416 679.04 416 792.96 416 864 416 899.36 416 928 444.64 928 480 928 551.04 928 664.96 928 736Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wechat" unicode="&#58901;" d="M692.699238 559.112294c11.619123 0 23.117414-0.831898 34.517504-2.108006C696.19497 701.4500350000001 541.769728 808.7724029999999 365.488742 808.7724029999999 168.405197 808.7724029999999 6.977229 674.464461 6.977229 503.892582c0-98.493235 53.707366-179.306803 143.459123-242.033357l-35.857101-107.840102 125.329408 62.837146c44.84311-8.861798 80.827085-18.002022 125.578138-18.002022 11.250688 0 22.40215 0.561766 33.469645 1.428582-7.001702 23.95351-11.06647 49.054208-11.06647 75.120947C387.891917 432.023757 522.3936 559.112294 692.699238 559.112294zM497.405542 663.593882c30.611456 0 55.425536-24.815206 55.425536-55.427379s-24.814182-55.426355-55.425536-55.426355c-30.613504 0-55.427584 24.815206-55.427584 55.426355S466.794086 663.593882 497.405542 663.593882zM246.567526 551.622656c-30.611456 0-55.427584 24.815206-55.427584 55.426355 0 30.611149 24.81623 55.426355 55.427584 55.426355 30.613504 0 55.428608-24.815206 55.428608-55.426355C301.996134 576.438886 277.18103 551.622656 246.567526 551.622656zM1017.379942 278.544179c0 143.330406-143.423283 260.165325-304.515686 260.165325-170.58089 0-304.924979-116.834918-304.924979-260.165325 0-143.57801 134.34409-260.158157 304.924979-260.158157 35.697459 0 71.712154 9.0112 107.569254 17.99895l98.340659-53.861683-26.969293 89.592525C963.769856 126.10232299999996 1017.379942 197.69077800000002 1017.379942 278.544179zM619.184947 318.72430099999997c-21.799322 0-39.469466 17.673523-39.469466 39.471002 0 21.799526 17.671168 39.468954 39.469466 39.468954s39.469466-17.670451 39.469466-39.468954C658.656563 336.3968 640.983347 318.72430099999997 619.184947 318.72430099999997zM816.270541 316.485325c-21.80137 0-39.47049 17.672499-39.47049 39.468954 0 21.80055 17.670144 39.468954 39.47049 39.468954 21.798298 0 39.469466-17.669427 39.469466-39.468954C855.741133 334.157824 838.068941 316.485325 816.270541 316.485325z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="npm" unicode="&#59533;" d="M0 896l0-1024 1024 0 0 1024-1024 0zM832 64l-128 0 0 512-192 0 0-512-320 0 0 640 640 0 0-640z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="twitter" unicode="&#58889;" d="M1023.975952 701.055053c-37.679158-16.679891-78.102822-27.991518-120.592542-33.05279 43.367717 25.931602 76.668147 67.167772 92.285846 116.151393-40.551578-24.050766-85.536119-41.484833-133.394103-50.980091-38.304398 40.800241-92.849688 66.355267-153.272849 66.355267-116.02348 0-210.06225-94.039793-210.06225-210.004945 0-16.430204 1.874697-32.489972 5.438872-47.857984-174.508499 8.810666-329.278445 92.40762-432.870802 219.500203C53.388443 730.1087620000001 43.074539 693.99731 43.074539 655.571139c0-72.855308 32.520671-137.149637 88.880283-174.821631-34.428114 1.119497-99.69049 10.556427-99.69049 26.303063 0-0.876973 0-1.689479 0-2.622734 0-101.723799 77.008908-186.632631 173.045171-205.942419-17.619286-4.811586-33.908274-7.370875-53.090149-7.370875-13.563924 0-25.546839 1.375324-38.419008 3.812839 26.744107-83.476203 104.847953-144.149051 196.757223-145.895835-71.850421-56.297191-162.17152-89.912799-260.573667-89.912799-17.000186 0-33.537837 1.062192-49.973158 2.936889 92.976578-59.547211 203.388247-94.346785 322.041624-94.346785 386.323673 0 597.605703 320.032874 597.605703 597.570911 0 9.123798-0.167822 18.183128-0.602727 27.179013 41.050951 29.616528 76.606749 66.611094 104.785531 108.723214L1023.975952 701.055053z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="csdn" unicode="&#58893;" d="M906.475693-47.728792c-49.491181-17.325597-152.164608-28.913517-295.537993-28.913517-412.545894 0-635.223462 193.912431-608.80579 450.249611C33.545364 679.03555 363.386627 850.974527 724.595296 850.974527c139.829675 0 222.1301-11.388375 299.383578-30.263258l-24.720008-205.822692c-51.434439 17.35118-171.688267 33.208333-269.12032 33.208333-212.388225 0-392.96493-63.425541-413.440264-263.878946-18.429745-179.328271 108.114346-265.024026 347.120812-265.024026 83.251076 0 205.89944 11.884678 262.580371 29.214369L906.475693-47.728792z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="menu" unicode="&#59004;" d="M105.931034 595.862069C105.931034 615.363434 121.789652 631.172414 141.3498 631.172414L882.6502 631.172414C902.211443 631.172414 918.068966 615.499395 918.068966 595.862069 918.068966 576.3607039999999 902.210348 560.5517239999999 882.6502 560.5517239999999L141.3498 560.5517239999999C121.788557 560.5517239999999 105.931034 576.224743 105.931034 595.862069ZM105.931034 384C105.931034 403.501365 121.789652 419.310345 141.3498 419.310345L882.6502 419.310345C902.211443 419.310345 918.068966 403.637326 918.068966 384 918.068966 364.49863500000004 902.210348 348.689655 882.6502 348.689655L141.3498 348.689655C121.788557 348.689655 105.931034 364.36267399999997 105.931034 384ZM105.931034 172.13793099999998C105.931034 191.63929599999994 121.789652 207.44827599999996 141.3498 207.44827599999996L882.6502 207.44827599999996C902.211443 207.44827599999996 918.068966 191.775257 918.068966 172.13793099999998 918.068966 152.63656600000002 902.210348 136.827586 882.6502 136.827586L141.3498 136.827586C121.788557 136.827586 105.931034 152.50060499999995 105.931034 172.13793099999998Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="github" unicode="&#58920;" d="M0 371.008q0-166.016 95.488-298.496t247.488-185.504q6.016-0.992 10.016-0.992t6.496 1.504 4 3.008 2.016 4.992 0.512 4.992v100.512q-36.992-4-66.016 0.512t-45.504 14.016-28.992 23.488-16.992 25.504-8.992 24-5.504 14.496q-8.992 15.008-27.008 27.488t-27.008 20-2.016 14.496q50.016 26.016 112.992-66.016 34.016-51.008 119.008-30.016 10.016 40.992 40 70.016Q293.984 160 237.984 225.024t-56 158.016q0 87.008 55.008 151.008-22.016 64.992 6.016 136.992 28.992 2.016 64.992-11.488t50.496-23.008 25.504-17.504q56.992 16 128.512 16t129.504-16q12.992 8.992 28.992 19.008t48.992 21.504 60.992 9.504q27.008-71.008 7.008-135.008 56-64 56-151.008 0-92.992-56.992-158.496t-172-85.504q43.008-43.008 43.008-104v-128.992q0-0.992 0.992-3.008 0-6.016 0.512-8.992t4.512-6.016 12-3.008q152.992 52 250.496 185.504t97.504 300.512q0 104-40.512 199.008t-108.992 163.488-163.488 108.992T512.032 883.04 313.024 842.528 149.536 733.536t-108.992-163.488-40.512-199.008z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="qq" unicode="&#58890;" d="M933.446 252.138c-18.784 108.945-97.673 180.323-97.673 180.323 11.268 98.92-30.056 116.461-30.056 116.461-8.701 306.05-272.335 300.692-277.87 300.546-5.542 0.146-269.211 5.505-277.872-300.548 0 0-41.325-17.54-30.055-116.461 0 0-78.895-71.378-97.676-180.323 0 0-10.034-184.083 90.16-22.544 0 0 22.544-61.344 63.867-116.455 0 0-73.897-25.062-67.621-90.165 0 0-2.518-72.618 157.784-67.625 0 0 112.702 8.757 146.516 56.35h29.795c33.809-47.595 146.514-56.35 146.514-56.35 160.262-4.993 157.781 67.625 157.781 67.625 6.238 65.103-67.62 90.165-67.62 90.165 41.324 55.11 63.862 116.455 63.862 116.455 100.156-161.537 90.164 22.546 90.164 22.546z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="other" unicode="&#58894;" d="M1063.443927-128zM640.505087 896a414.805401 414.805401 0 0 0 414.805401-414.805401v-22.77363q-17.080222-308.257347-17.080223-372.511517a325.337569 325.337569 0 0 1 73.200953-197.642574A612.447975 612.447975 0 0 1 895.081735-24.705322000000024c-81.334392 0-143.148531-93.534551-178.12232-87.0278-81.334392 14.640191-124.44162 87.0278-148.028594 87.0278a154.535346 154.535346 0 0 1-127.694996-87.841143 139.895155 139.895155 0 0 1-121.188244 64.25417A251.323272 251.323272 0 0 1 163.072203-112.54646500000001a919.078634 919.078634 0 0 1 67.507546 297.683876 904.438443 904.438443 0 0 1-29.280381 226.922954v43.920572A439.205719 439.205719 0 0 0 640.505087 896zM1037.416921 209.53772800000002c94.347895 11.386815 92.721207-125.254964 168.362193-108.174742 52.054011 18.70691 65.880858 147.21525 24.400317 209.029389a244.003177 244.003177 0 0 1-175.682287 116.308181c-54.494043 8.946783-39.853852-219.602859-17.080223-217.162828zM213.499527 209.53772800000002c-91.094519 11.386815-89.467832-122.814932-162.668785-107.361398-54.494043 18.70691-68.32089 147.21525-26.027006 209.029389a244.003177 244.003177 0 0 0 175.682288 116.308181c54.494043 8.133439 39.853852-220.416203 13.013503-217.976172zM457.502704 574.72915m-101.667991 0a101.66799 101.66799 0 1 1 203.335981 0 101.66799 101.66799 0 1 1-203.335981 0ZM782.840273 574.72915m-101.66799 0a101.66799 101.66799 0 1 1 203.335981 0 101.66799 101.66799 0 1 1-203.335981 0Z"  horiz-adv-x="1255" />
+
+    
+    <glyph glyph-name="home" unicode="&#58971;" d="M964.835556 454.542222L857.884444 554.666667 580.266667 809.528889c-18.204444 18.204444-45.511111 29.582222-72.817778 29.582222-27.306667 0-54.613333-11.377778-72.817778-29.582222L59.164444 454.542222c-31.857778-31.857778-25.031111-56.888889-22.755555-63.715555 4.551111-11.377778 15.928889-25.031111 43.235555-25.031111h54.613334c13.653333 0 22.755556-11.377778 22.755555-22.755556v-302.648889c0-52.337778 36.408889-109.226667 95.573334-109.226667H766.862222c59.164444 0 95.573333 56.888889 95.573334 109.226667V340.764444c0 13.653333 11.377778 22.755556 22.755555 22.755556h54.613333c27.306667 0 38.684444 13.653333 43.235556 27.306667 6.826667 6.826667 13.653333 29.582222-18.204444 63.715555z m-307.2-386.844444c0-29.582222-22.755556-52.337778-52.337778-52.337778h-184.32c-29.582222 0-52.337778 25.031111-52.337778 52.337778V320.284444c0 29.582222 22.755556 52.337778 52.337778 52.337778h184.32c29.582222 0 52.337778-25.031111 52.337778-52.337778v-252.586666z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="up" unicode="&#59019;" d="M526.60727968 885.09814884a27.675 27.675 0 0 1-29.21455937 0c-131.36607665-82.28402758-218.69155461-228.01873535-218.69155402-394.07834331a462.20625001 462.20625001 0 0 1 5.36959153-69.94390903c1.00431239-6.55289093-0.34802892-13.13561351-3.76865779-18.80351572-32.63518765-54.11355614-51.75690182-118.55860487-51.7569018-187.94566865a371.06718723 371.06718723 0 0 1 11.50484808-91.98906777c6.53300375-25.50556257 41.68394495-28.14064038 52.69160883-4.22606766 17.37162448 37.73630017 42.14135425 72.50938081 72.80769204 103.21549295 2.18761121-3.04276886 4.15646224-6.24463696 6.40373557-9.22774369a1871.4375 1871.4375 0 0 1 140.04691725-5.34970492 1866.36093723 1866.36093723 0 0 1 140.04691723 5.34970492c2.24727335 2.98310674 4.21612437 6.18497483 6.3937923 9.2178004 30.66633723-30.70611158 55.4360664-65.4791928 72.80769147-103.21549355 11.00766384-23.91457269 46.15860503-21.27949489 52.69160879 4.22606768a371.15156223 371.15156223 0 0 1 11.514792 91.99901164c0 69.36717486-19.13165746 133.82216804-51.75690182 187.92578088-3.42062944 5.66790279-4.76302748 12.26056868-3.76865837 18.80351632a462.20625001 462.20625001 0 0 1 5.36959269 69.943909c-0.00994388 166.08943902-87.32547796 311.81420293-218.6915546 394.09823051zM605.93803103 538.12306142a93.93749974 93.93749974 0 1 0-187.89594924-6.1e-7 93.93749974 93.93749974 0 0 0 187.89594924 6.1e-7zM429.50777625 130.36139452999998C429.50777625 92.60644993000005 466.44236686-104.39046097000005 512.00932183-104.39046097000005c45.56695499 0 82.4922232 197.00623328 82.5015456 234.7518555 0 37.75494459-36.9345906 68.35043303-82.4922232 68.34111062-45.57627738 0.00932239-82.52019037-30.59548842-82.51086798-68.34111062z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="tag" unicode="&#58931;" d="M814 773.2l-264.6-12.7c-35.1-1.7-68.3-16.4-93.1-41.2L107.7 370.70000000000005c-31.1-31.1-31.1-81.6 0-112.7l277.2-277.2c31.1-31.1 81.6-31.1 112.7 0l14.3 14.3 92.1 92.1 242.2 242.2c24.8 24.8 39.5 58 41.2 93.1l12.7 264.6c2.3 48.5-37.6 88.4-86.1 86.1zM689.6 426c-37.8-37.8-99-37.8-136.8 0s-37.8 99 0 136.8c37.8 37.8 99 37.8 136.8 0 37.8-37.8 37.8-99.1 0-136.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="date" unicode="&#58939;" d="M512 832.1C264.5 832.1 63.9 631.5 63.9 384c0-247.5 200.7-448.2 448.2-448.2S960.2 136.39999999999998 960.2 384c0 247.5-200.6 448.1-448.2 448.1z m179.5-618.2c-7.8-9.5-19.1-14.5-30.6-14.5-8.8 0-17.6 2.9-25 8.9l-155 126.8a39.34 39.34 0 0 0-14.5 30.5V550.8c0 21.8 17.7 39.5 39.5 39.5s39.5-17.7 39.5-39.5v-166.4l140.6-115c16.8-13.8 19.3-38.7 5.5-55.5z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="bokeyuan" unicode="&#58918;" d="M874.03867197 746.03867197C674.01230571 946.06503823 349.98769429 946.06503823 149.96132803 746.03867197s-200.02636626-524.05097767 0-724.07734394 524.05097767-200.02636626 724.07734394 0S1074.06503823 546.01230571 874.03867197 746.03867197z m-508.66433412-561.15994155c-12.67135352 0-25.34270704 5.43058008-35.29877051 15.38664356-9.95606348 9.95606348-14.48154688 21.72232032-15.38664356 35.29877051 0 12.67135352 5.43058008 25.34270704 14.48154688 36.2038672 9.95606348 9.95606348 21.72232032 14.48154688 36.20386719 14.48154688 12.67135352 0 25.34270704-5.43058008 35.29877052-15.38664356 9.95606348-9.95606348 14.48154688-21.72232032 15.38664356-35.29877052 0-12.67135352-5.43058008-25.34270704-15.38664356-35.29877051-9.95606348-9.95606348-21.72232032-14.48154688-35.29877052-15.38664356z m220.8435899 28.96309376c-9.0509668 0-17.19683692 2.71529004-23.53251367 9.05096679s-9.0509668 14.48154688-9.95606348 24.43761036l0 3.62038672c-1.81019336 48.87522072-18.1019336 88.69947463-50.68541408 121.28295511-32.58348048 32.58348048-72.40773439 48.87522072-120.37785843 49.7803174-9.0509668 0-18.1019336 3.62038672-24.43761036 9.95606348s-9.0509668 14.48154688-9.95606348 24.43761035c0 9.0509668 3.62038672 18.1019336 9.95606348 24.43761036s14.48154688 9.0509668 24.43761036 9.95606348c66.97715431-1.81019336 123.99824515-24.43761036 169.25307915-69.69244435s68.78734767-101.37082815 69.69244435-169.25307915l0-3.62038672c0-9.0509668-4.5254834-17.19683692-10.86116016-23.53251368-7.24077344-7.24077344-14.48154688-10.86116016-23.53251368-10.86116015z m197.31107623 23.53251367c-9.0509668 0-17.19683692 2.71529004-23.53251368 9.0509668s-9.0509668 14.48154688-9.95606348 24.43761036c-1.81019336 99.56063479-37.10896388 181.92443266-103.18102151 247.9964903-66.07205763 66.07205763-149.34095219 100.46573147-247.9964903 103.18102151-9.0509668 0-18.1019336 3.62038672-24.43761036 9.95606348s-9.0509668 14.48154688-9.0509668 23.53251368 3.62038672 18.1019336 9.95606348 24.43761035 14.48154688 9.0509668 23.53251368 10.86116016c118.56766507-2.71529004 217.22320318-43.44464064 295.96661433-122.18805179 78.74341115-78.74341115 119.47276175-177.39894926 122.18805179-295.96661433 0-9.0509668-4.5254834-17.19683692-10.86116016-23.53251368-5.43058008-9.0509668-13.5764502-11.76625684-22.62741699-11.76625684z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="copyright" unicode="&#61319;" d="M512 880C238.066 880 16 657.934 16 384s222.066-496 496-496 496 222.066 496 496S785.934 880 512 880z m234.268-693.506c-3.184-3.734-79.552-91.462-219.702-91.462-169.384 0-288.968 126.52-288.968 291.134 0 162.606 124.008 286.802 287.524 286.802 133.914 0 203.93-74.63 206.844-77.808a24 24 0 0 0 2.476-29.246l-44.76-69.31c-8.098-12.534-25.548-14.702-36.468-4.59-0.466 0.428-53.058 47.76-123.76 47.76-92.232 0-147.832-67.15-147.832-152.164 0-79.204 51.028-159.384 148.554-159.384 77.394 0 130.56 56.676 131.088 57.25 10.264 11.13 28.118 10.066 37.016-2.106l49.094-67.144a24.002 24.002 0 0 0-1.106-29.732z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="account" unicode="&#58887;" d="M723.4304 387.39968c-54.12352-47.74912-125.9776-77.056-205.16352-77.056-80.36352 0-153.40032 30.2592-207.76448 79.42144-126.45376-33.09056-204.69248-146.0736-204.69248-281.04192v-68.78208c0-160.96768 812.3904-160.96768 812.3904 0v68.78208c-0.00512 131.41504-74.21952 242.5088-194.76992 278.67648z m-205.16352-28.12928c140.16512 0 254.09536 109.44 254.09536 244.63872S658.66752 848.78336 518.26688 848.78336c-139.9296 0-253.85472-109.67552-253.85472-244.87424 0-135.20384 113.92512-244.63872 253.85472-244.63872z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jianshu" unicode="&#58880;" d="M0 384v-512h1024V896H0v-512z m356.864 331.776c-1.024-6.656-4.096-15.872-6.144-20.48-3.584-8.704 2.048-9.216 78.848-9.216H512v-51.2h-43.52c-24.064 0-43.52-0.512-43.52-1.024 0-1.024 4.608-16.384 10.24-34.816 5.632-18.432 10.24-33.792 10.24-34.304 0-1.024-18.432-1.536-40.448-1.536h-40.448l-3.584 16.896c-9.216 45.056-13.824 54.784-27.136 54.784-7.68 0-21.504-8.192-35.328-20.992-22.016-19.968-71.168-46.592-99.84-53.76-14.336-3.072-14.336-3.072-14.336 22.528 0 23.552 1.024 26.112 19.968 38.4 25.088 16.384 41.984 38.912 59.392 76.8l13.312 29.184h41.472c39.936 0 40.96-0.512 38.4-11.264z m306.688-6.656l-3.584-17.92h179.712v-56.32h-96.768l10.24-29.184c14.848-43.008 15.36-42.496-28.16-42.496h-37.888l-3.584 16.896c-2.048 8.704-6.144 25.088-8.704 35.84-5.12 17.92-7.168 18.944-25.6 18.944-16.384 0-23.552-3.584-41.472-20.992-19.456-18.944-76.288-50.176-104.448-58.368-10.752-3.072-11.776-1.536-11.776 18.944 0 20.992 2.048 24.576 27.648 46.592 25.6 22.016 49.152 59.392 61.44 97.28 2.048 7.168 9.216 8.704 44.544 8.704h41.472l-3.072-17.92z m-317.44-162.304c4.608-8.704 13.824-32.256 20.48-51.2 13.824-41.472 14.336-40.96-36.352-38.912l-34.816 1.536-11.264 35.84c-6.144 19.968-14.848 43.52-19.968 52.736L255.488 563.2h40.96c40.96 0 41.472 0 49.664-16.384z m462.848-225.792c0-200.192-0.512-217.6-9.216-233.984-15.872-28.672-40.448-37.888-103.424-38.4h-53.76l-1.536 29.696-1.536 29.184h33.792c29.184 0 35.328 1.536 46.08 12.8l12.8 12.288V476.16H384V537.6h424.96v-216.576zM291.84 243.2v-202.24h-76.8V445.44h76.8V243.2z m363.52 57.344c0-182.784 4.608-177.664-167.424-177.664H373.76V424.96h281.6v-124.416zM450.56 335.36v-33.28h128V368.64h-128v-33.28zM450.56 215.04v-35.84h55.808c65.024 0 69.12 2.56 69.632 43.008v26.112l-62.464 1.536-62.976 1.536v-36.352z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="theme" unicode="&#59368;" d="M949.6 535.4s-0.1 0-0.1 0.1L755.1 729.4c-15.6 25.3-43.4 42.4-75.4 42.4h-55.5c-16.2 0-29.7-11.6-32.7-27l-0.6-0.9v1.2c-0.8-2-2-3.9-3.4-5.9-9.4-32.3-38.9-56-74.3-56-31 0-57.6 18.3-70.1 44.5l-0.4 0.3c-0.1 0.4-0.3 0.8-0.4 1.2-0.9 2-1.5 4.1-2.3 6.2-1.4 3.6-3 7.1-4.6 10.6v-5.3h-0.2c-0.2 3.6-1 7.1-2.2 10.3-0.7 1.5-1.5 3-2.3 4.5-5.8 9.8-16.3 16.4-28.5 16.4-2 0-3.9-0.3-5.9-0.7-1 0.5-2.1 0.7-3.2 0.7-0.7 0-1.4-0.2-2.1-0.4v0.4h-44.4c-28.9 0-54.3-14-70.6-35.3l-201.4-201s-0.1 0-0.1-0.1c-13-13-13-34 0-47l141.3-141c11.5-11.5 28.9-12.2 41.9-3.4v-325.6h2.2c4.6-12.9 16.6-22.2 31.1-22.2h444.2c14.5 0 26.5 9.3 31.1 22.2h2.2v324c12.7-7.2 28.9-5.9 39.7 4.9l141.3 141c13.1 13 13.1 34 0.1 47z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="three" unicode="&#58948;" d="M861.798876 266.798732C835.998959 320.998557 830.598976 331.29852400000004 806.999052 385.398351c-12.59996 28.799907-38.399877 46.79985-61.899801 52.69983l62.499799 294.499054c9.29997 43.899859-18.299941 86.99972-61.699801 96.39969-43.399861 9.39997-86.099723-18.59994-95.399694-62.499799l-58.099813-273.79912-3.699988 322.598963C587.999756 860.296825 551.599873 896.396709 507.200015 895.99671c-44.499857-0.299999-79.999743-36.999881-79.499744-81.799737l3.499989-304.299022-66.199788 248.999199c-11.499963 43.299861-55.599821 68.999778-98.499683 57.399816-42.899862-11.599963-68.299781-56.199819-56.799818-99.49968L295.000697 395.898317c-62.899798-21.69993-92.899702-43.899859-103.399668-72.899766l-37.999878-108.399652c-8.499973-23.399925 3.19999-75.299758 11.499964-98.799682 39.699872-112.799638 86.399722-187.699397 114.499632-226.699272 4.899984-6.799978 9.099971-12.29996 12.799959-16.899946H760.9992c1.699995 3.09999 3.19999 6.29998 4.499986 9.699969l94.999694 256.299177c22.099929 52.099833 10.799965 108.499651 1.299996 128.599587z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>
diff --git a/fonts/iconfont.ttf b/fonts/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9afa90586cc544c2dd9d135ae6d0cfba4a2a414b
GIT binary patch
literal 6000
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

literal 0
HcmV?d00001

diff --git a/fonts/iconfont.woff b/fonts/iconfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..c08cd7aa8414b2006b40e0a6cb177075de88d5ab
GIT binary patch
literal 4132
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
I8cY`WKRldzG5`Po

literal 0
HcmV?d00001

diff --git a/fonts/iconfont.woff2 b/fonts/iconfont.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..8efc37bf3ae4407d5ce8fa34467435aaae84b5e3
GIT binary patch
literal 3380
zcmV-44a@R(Pew8T0RR9101Y$%3jhEB02goo01V~;0RR9100000000000000000000
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
KF+gWCP*nh^_LkcK

literal 0
HcmV?d00001

diff --git a/global-components/Badge.vue b/global-components/Badge.vue
new file mode 100644
index 0000000..8255293
--- /dev/null
+++ b/global-components/Badge.vue
@@ -0,0 +1,44 @@
+<script>
+export default {
+  functional: true,
+  props: {
+    type: {
+      type: String,
+      default: 'tip'
+    },
+    text: String,
+    vertical: {
+      type: String,
+      default: 'top'
+    }
+  },
+  render (h, { props, slots }) {
+    return h('span', {
+      class: ['badge', props.type],
+      style: {
+        verticalAlign: props.vertical
+      }
+    }, props.text || slots().default)
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.badge
+  display inline-block
+  font-size 14px
+  height 18px
+  line-height 18px
+  border-radius 3px
+  padding 0 6px
+  color white
+  background-color #42b983
+  &.tip, &.green
+    background-color #42b983
+  &.error
+    background-color #DA5961 //#f66
+  &.warning, &.warn, &.yellow
+    background-color darken(#ffe564, 35%)
+  & + &
+    margin-left 5px
+</style>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..c9e26bd
--- /dev/null
+++ b/index.js
@@ -0,0 +1,46 @@
+const path = require('path')
+
+// Theme API.
+module.exports = (options, ctx) => ({
+  alias () {
+    const { themeConfig, siteConfig } = ctx
+    // resolve algolia
+    const isAlgoliaSearch = (
+      themeConfig.algolia
+      || Object.keys(siteConfig.locales && themeConfig.locales || {})
+        .some(base => themeConfig.locales[base].algolia)
+    )
+    return {
+      '@AlgoliaSearchBox': isAlgoliaSearch
+        ? path.resolve(__dirname, 'components/AlgoliaSearchBox.vue')
+        : path.resolve(__dirname, 'noopModule.js')
+    }
+  },
+
+  plugins: [
+    '@vuepress/active-header-links',
+    ['@vuepress/plugin-blog', {
+      permalink: '/:regular'
+    }],
+    '@vuepress/search',
+    '@vuepress/plugin-nprogress',
+    ['container', {
+      type: 'tip',
+      defaultTitle: {
+        '/zh/': '提示'
+      }
+    }],
+    ['container', {
+      type: 'warning',
+      defaultTitle: {
+        '/zh/': '注意'
+      }
+    }],
+    ['container', {
+      type: 'danger',
+      defaultTitle: {
+        '/zh/': '警告'
+      }
+    }]
+  ]
+})
diff --git a/layouts/404.vue b/layouts/404.vue
new file mode 100644
index 0000000..4eef36d
--- /dev/null
+++ b/layouts/404.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="theme-container">
+    <div class="content">
+      <h1>404</h1>
+      <blockquote>{{ getMsg() }}</blockquote>
+      <router-link to="/">Take me home.</router-link>
+    </div>
+  </div>
+</template>
+
+<script>
+const msgs = [
+  `There's nothing here.`,
+  `How did we get here?`,
+  `That's a Four-Oh-Four.`,
+  `Looks like we've got some broken links.`
+]
+
+export default {
+  methods: {
+    getMsg () {
+      return msgs[Math.floor(Math.random() * msgs.length)]
+    }
+  }
+}
+</script>
+
+<style src="../styles/theme.styl" lang="stylus"></style>
diff --git a/layouts/Category.vue b/layouts/Category.vue
new file mode 100644
index 0000000..d15066c
--- /dev/null
+++ b/layouts/Category.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="categories-wrapper">
+    <!-- 公共布局 -->
+    <Common :sidebar="false" :isComment="false">
+      <!-- 页面标题 -->
+      <h2 class="title">{{ title }}</h2>
+
+      <!-- 博客列表 -->
+      <note-abstract 
+        :data="posts"
+        :currentPage="currentPage"
+        @currentTag="getCurrentTag"></note-abstract>
+      
+      <!-- 分页 -->
+      <pagation 
+        :data="posts"
+        :currentPage="currentPage"
+        @getCurrentPage="getCurrentPage"></pagation>
+    </Common>
+  </div>
+</template>
+
+<script>
+import Common from '@theme/components/Common.vue'
+import NoteAbstract from '../components//NoteAbstract.vue'
+import Pagation from '../components//Pagation.vue'
+
+export default {
+  components: { Common, NoteAbstract, Pagation },
+
+  data () {
+    return {
+      // 当前页码
+      currentPage: 1
+    }
+  },
+
+  computed: {
+    // 时间降序后的博客列表
+    posts () {
+      let posts = this.$category.posts
+      posts.sort((a, b) => {
+        return this._getTimeNum(b) - this._getTimeNum(a)
+      })
+      return posts
+    },
+    // 标题只显示分类名称
+    title () {
+      return this.$page.frontmatter.title.split('|')[0]
+    }
+  },
+
+  methods: {
+    // 获取当前tag
+    getCurrentTag (tag) {
+      this.$emit('currentTag', tag)
+    },
+    // 获取当前页码
+    getCurrentPage (page) {
+      this.currentPage = page
+      this.$page.currentPage = page
+    },
+    // 获取时间的数字类型
+    _getTimeNum (date) {
+      return parseInt(new Date(date.frontmatter.date).getTime())
+    }
+  }
+}
+</script>
+
+<style src="../styles/theme.styl" lang="stylus"></style>
+
+<style lang="stylus" scoped>
+.categories-wrapper
+  max-width: 740px;
+  margin: 0 auto;
+  padding: 4.6rem 2.5rem 0; 
+  .title
+    margin-bottom 3rem
+
+@media (max-width: $MQMobile)
+  .categories-wrapper
+    padding: 4.6rem 1rem 0;
+  .page-edit
+    .edit-link
+      margin-bottom .5rem
+    .last-updated
+      font-size .8em
+      float none
+      text-align left
+</style>
+
+
diff --git a/layouts/Layout.vue b/layouts/Layout.vue
new file mode 100644
index 0000000..93c834a
--- /dev/null
+++ b/layouts/Layout.vue
@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <Common>
+      <Home v-if="$page.frontmatter.home"/>
+      <Page
+        v-else
+        :sidebar-items="sidebarItems">
+        <slot
+          name="page-top"
+          slot="top"/>
+        <slot
+          name="page-bottom"
+          slot="bottom"/>
+      </Page>
+    </Common>
+  </div>
+</template>
+
+<script>
+import Home from '@theme/components/Home.vue'
+import Page from '@theme/components/Page.vue'
+import Common from '@theme/components/Common.vue'
+import { resolveSidebarItems } from '../util'
+
+export default {
+  components: { Home, Page, Common },
+
+  computed: {
+    sidebarItems () {
+      return resolveSidebarItems(
+        this.$page,
+        this.$page.regularPath,
+        this.$site,
+        this.$localePath
+      )
+    }
+  }
+}
+</script>
+
+<style src="prismjs/themes/prism-tomorrow.css"></style>
+<style src="../styles/theme.styl" lang="stylus"></style>
diff --git a/layouts/Tags.vue b/layouts/Tags.vue
new file mode 100644
index 0000000..5b7469d
--- /dev/null
+++ b/layouts/Tags.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="tags-wrapper">
+    <Common :sidebar="false" :isComment="false"></Common>
+    <div class="tags">
+      <span 
+        v-for="(item, index) in tags" 
+        :key="index"
+        :class="{'active': item.name == currentTag}"
+        :style="{ 'backgroundColor': item.color }"
+        @click="getPagesByTags(item.name)">{{item.name}}</span>
+    </div>
+    <note-abstract 
+      :data="posts"
+      :currentPage="currentPage"
+      :currentTag="currentTag"
+      @currentTag="getCurrentTag"></note-abstract>
+    
+    <pagation 
+      :data="posts"
+      :currentPage="currentPage"
+      @getCurrentPage="getCurrentPage"></pagation>
+  </div>
+</template>
+
+<script>
+import Common from '@theme/components/Common.vue'
+import NoteAbstract from '../components//NoteAbstract.vue'
+import Pagation from '../components//Pagation.vue'
+
+export default {
+  components: { Common, NoteAbstract, Pagation },
+
+  data () {
+    return {
+      posts: [],
+      tags: [],
+      currentTag: '',
+      currentPage: 1
+    }
+  },
+
+  created () {
+    const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list[0].name
+    let tags = this.$tags.list
+    tags.map(item => {
+      const color = this._tagColor()
+      item.color = color
+      return tags
+    })
+    this.tags = tags
+
+    this.getPagesByTags(currentTag)
+  },
+
+  methods: {
+
+    // 根据分类获取页面数据
+    getPagesByTags (currentTag) {
+
+      this.currentTag = currentTag
+
+      this.$emit('tagChange')
+      let posts = this.$tags.map[currentTag].posts
+      posts.sort((a, b) => {
+        return this._getTimeNum(b) - this._getTimeNum(a)
+      })
+      // reverse()是为了按时间最近排序排序
+      this.posts = posts.length == 0 ? [] : posts
+      
+      this.getCurrentPage(1);
+    },
+
+    getCurrentTag (tag) {
+      this.$emit('currentTag', tag)
+    },
+
+    getCurrentPage (page) {
+      this.currentPage = page
+      this.$page.currentPage = page
+    },
+
+    _tagColor () {
+      // 红、蓝、绿、橙、灰
+      const tagColorArr = ['#f26d6d', '#3498db', '#67cc86', '#fb9b5f', '#838282']
+      const index = Math.floor(Math.random() * tagColorArr.length)
+      return tagColorArr[index]
+    },
+
+    // 获取时间的数字类型
+    _getTimeNum (date) {
+      return parseInt(new Date(date.frontmatter.date).getTime())
+    }
+  }
+}
+</script>
+
+<style src="../styles/theme.styl" lang="stylus"></style>
+
+<style lang="stylus" scoped>
+.tags-wrapper
+  max-width: 740px;
+  margin: 0 auto;
+  padding: 4.6rem 2.5rem 0; 
+  .tags
+    margin-bottom 30px
+    span
+      vertical-align: middle;
+      margin: 4px 4px 10px;
+      padding: 4px 8px;
+      display: inline-flex;
+      cursor: pointer;
+      border-radius: 2px;
+      background: #fff;
+      color: #fff;
+      font-size: 13px;
+      box-shadow 0 1px 4px 0 rgba(0,0,0,0.2)
+      transition: all .5s
+      &:hover
+        transform scale(1.04)
+      &.active
+        transform scale(1.2)
+
+@media (max-width: $MQMobile)
+  .tags-wrapper
+    padding: 0 0.6rem;
+</style>
+
+
diff --git a/noopModule.js b/noopModule.js
new file mode 100644
index 0000000..b1c6ea4
--- /dev/null
+++ b/noopModule.js
@@ -0,0 +1 @@
+export default {}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..b425066
--- /dev/null
+++ b/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "vuepress-theme-reco",
+  "version": "1.0.0-alpha.3",
+  "description": "this is a vuepress theme",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/recoluan/vuepress-theme-reco.git"
+  },
+  "keywords": [
+    "vuepress",
+    "vue",
+    "theme"
+  ],
+  "author": "reco_luan",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/recoluan/vuepress-theme-reco/issues"
+  },
+  "homepage": "https://recoluan.gitlab.io",
+  "_from": "vuepress-theme-reco@0.2.1",
+  "_resolved": "http://registry.npm.taobao.org/vuepress-theme-reco/download/vuepress-theme-reco-0.2.1.tgz",
+  "dependencies": {
+    "leancloud-storage": "^3.10.1",
+    "valine": "^1.3.4",
+    "@vuepress/plugin-blog": "^1.0.0-alpha.46"
+  }
+}
\ No newline at end of file
diff --git a/styles/arrow.styl b/styles/arrow.styl
new file mode 100644
index 0000000..20bffc0
--- /dev/null
+++ b/styles/arrow.styl
@@ -0,0 +1,22 @@
+@require './config'
+
+.arrow
+  display inline-block
+  width 0
+  height 0
+  &.up
+    border-left 4px solid transparent
+    border-right 4px solid transparent
+    border-bottom 6px solid $arrowBgColor
+  &.down
+    border-left 4px solid transparent
+    border-right 4px solid transparent
+    border-top 6px solid $arrowBgColor
+  &.right
+    border-top 4px solid transparent
+    border-bottom 4px solid transparent
+    border-left 6px solid $arrowBgColor
+  &.left
+    border-top 4px solid transparent
+    border-bottom 4px solid transparent
+    border-right 6px solid $arrowBgColor
diff --git a/styles/code.styl b/styles/code.styl
new file mode 100644
index 0000000..bc5701e
--- /dev/null
+++ b/styles/code.styl
@@ -0,0 +1,135 @@
+.content
+  code
+    color lighten($textColor, 20%)
+    padding 0.25rem 0.5rem
+    margin 0
+    font-size 0.85em
+    background-color rgba(27,31,35,0.05)
+    border-radius 3px
+    .token
+      &.deleted
+        color #EC5975
+      &.inserted
+        color $accentColor
+
+.content
+  pre, pre[class*="language-"]
+    line-height 1.4
+    padding 1.25rem 1.5rem
+    margin 0.85rem 0
+    background-color $codeBgColor
+    border-radius 6px
+    overflow auto
+    code
+      color #fff
+      padding 0
+      background-color transparent
+      border-radius 0
+
+div[class*="language-"]
+  position relative
+  background-color $codeBgColor
+  border-radius 6px
+  .highlight-lines
+    user-select none
+    padding-top 1.3rem
+    position absolute
+    top 0
+    left 0
+    width 100%
+    line-height 1.4
+    .highlighted
+      background-color rgba(0, 0, 0, 66%)
+  pre, pre[class*="language-"]
+    background transparent
+    position relative
+    z-index 1
+  &::before
+    position absolute
+    z-index 3
+    top 0.8em
+    right 1em
+    font-size 0.75rem
+    color rgba(255, 255, 255, 0.4)
+  &:not(.line-numbers-mode)
+    .line-numbers-wrapper
+      display none
+  &.line-numbers-mode
+    .highlight-lines .highlighted
+        position relative
+        &:before
+          content ' '
+          position absolute
+          z-index 3
+          left 0
+          top 0
+          display block
+          width $lineNumbersWrapperWidth
+          height 100%
+          background-color rgba(0, 0, 0, 66%)
+    pre
+      padding-left $lineNumbersWrapperWidth + 1 rem
+      vertical-align middle
+    .line-numbers-wrapper
+      position absolute
+      top 0
+      width $lineNumbersWrapperWidth
+      text-align center
+      color rgba(255, 255, 255, 0.3)
+      padding 1.25rem 0
+      line-height 1.4
+      br
+        user-select none
+      .line-number
+        position relative
+        z-index 4
+        user-select none
+        font-size 0.85em
+    &::after
+      content ''
+      position absolute
+      z-index 2
+      top 0
+      left 0
+      width $lineNumbersWrapperWidth
+      height 100%
+      border-radius 6px 0 0 6px
+      border-right 1px solid rgba(0, 0, 0, 66%)
+      background-color $codeBgColor
+
+
+for lang in $codeLang
+  div{'[class~="language-' + lang + '"]'}
+    &:before
+      content ('' + lang)
+
+div[class~="language-javascript"]
+  &:before
+    content "js"
+
+div[class~="language-typescript"]
+  &:before
+    content "ts"
+
+div[class~="language-markup"]
+  &:before
+    content "html"
+
+div[class~="language-markdown"]
+  &:before
+    content "md"
+
+div[class~="language-json"]:before
+  content "json"
+
+div[class~="language-ruby"]:before
+  content "rb"
+
+div[class~="language-python"]:before
+  content "py"
+
+div[class~="language-bash"]:before
+  content "sh"
+
+div[class~="language-php"]:before
+  content "php"
diff --git a/styles/custom-blocks.styl b/styles/custom-blocks.styl
new file mode 100644
index 0000000..2d07835
--- /dev/null
+++ b/styles/custom-blocks.styl
@@ -0,0 +1,30 @@
+.custom-block
+  .custom-block-title
+    font-weight 600
+    margin-bottom -0.4rem
+  &.tip, &.warning, &.danger
+    padding .1rem 1.5rem
+    border-left-width .5rem
+    border-left-style solid
+    margin 1rem 0
+  &.tip
+    background-color #f3f5f7
+    border-color #42b983
+  &.warning
+    background-color rgba(255,229,100,.3)
+    border-color darken(#ffe564, 35%)
+    color darken(#ffe564, 70%)
+    .custom-block-title
+      color darken(#ffe564, 50%)
+    a
+      color $textColor
+  &.danger
+    background-color #ffe6e6
+    border-color darken(red, 20%)
+    color darken(red, 70%)
+    .custom-block-title
+      color darken(red, 40%)
+    a
+      color $textColor
+
+
diff --git a/styles/mobile.styl b/styles/mobile.styl
new file mode 100644
index 0000000..ca6b18a
--- /dev/null
+++ b/styles/mobile.styl
@@ -0,0 +1,37 @@
+// @require './config'
+
+$mobileSidebarWidth = $sidebarWidth * 0.82
+
+// narrow desktop / iPad
+@media (max-width: $MQNarrow)
+  .sidebar
+    font-size 15px
+    width $mobileSidebarWidth
+  .page
+    padding-left $mobileSidebarWidth
+
+// wide mobile
+@media (max-width: $MQMobile)
+  .sidebar
+    top 0
+    padding-top $navbarHeight
+    transform translateX(-100%)
+    transition transform .2s ease
+  .page
+    padding-left 0
+  .theme-container
+    &.sidebar-open
+      .sidebar
+        transform translateX(0)
+    &.no-navbar
+      .sidebar
+        padding-top: 0
+
+// narrow mobile
+@media (max-width: $MQMobileNarrow)
+  h1
+    font-size 1.9rem
+  .content
+    div[class*="language-"]
+      margin 0.85rem -1.5rem
+      border-radius 0
diff --git a/styles/theme.styl b/styles/theme.styl
new file mode 100644
index 0000000..6f8de7f
--- /dev/null
+++ b/styles/theme.styl
@@ -0,0 +1,214 @@
+@require './code'
+@require './custom-blocks'
+@require './arrow'
+@require './wrapper'
+@require './toc'
+@require '../fonts/iconfont.css'
+
+html, body
+  padding 0
+  margin 0
+  background-color #fff
+
+body
+  font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+  font-size 16px
+  color $textColor
+
+.page
+  padding-left $sidebarWidth
+
+.navbar
+  position fixed
+  z-index 20
+  top 0
+  left 0
+  right 0
+  height $navbarHeight
+  background-color #fff
+  box-sizing border-box
+
+.sidebar-mask
+  position fixed
+  z-index 9
+  top 0
+  left 0
+  width 100vw
+  height 100vh
+  display none
+  background-color: rgba(0,0,0,.65);
+
+.sidebar
+  font-size 16px
+  background-color #fff
+  width $sidebarWidth
+  position fixed
+  z-index 10
+  margin 0
+  top $navbarHeight
+  left 0
+  bottom 0
+  box-sizing border-box
+  border-right 1px solid $borderColor
+  overflow-y auto
+
+.content:not(.custom)
+  @extend $wrapper
+  > *:first-child
+    margin-top $navbarHeight
+  a:hover
+    text-decoration underline
+  p.demo
+    padding 1rem 1.5rem
+    border 1px solid #ddd
+    border-radius 4px
+  img
+    max-width 100%
+
+.content.custom
+  padding 0
+  margin 0
+  img
+    max-width 100%
+
+a
+  font-weight 500
+  color $accentColor
+  text-decoration none
+
+p a code
+  font-weight 400
+  color $accentColor
+
+kbd
+  background #eee
+  border solid 0.15rem #ddd
+  border-bottom solid 0.25rem #ddd
+  border-radius 0.15rem
+  padding 0 0.15em
+
+blockquote
+  font-size .9rem
+  color #999
+  border-left .25rem solid #dfe2e5
+  margin 0.5rem 0
+  padding .25rem 0 .25rem 1rem
+  & > p
+    margin 0
+
+ul, ol
+  padding-left 1.2em
+
+strong
+  font-weight 600
+
+h1, h2, h3, h4, h5, h6
+  font-weight 500
+  line-height 1.25
+  .content:not(.custom) > &
+    margin-top (0.5rem - $navbarHeight)
+    padding-top ($navbarHeight + 1rem)
+    margin-bottom 0
+    &:first-child
+      margin-top -1.5rem
+      margin-bottom 1rem
+      + p, + pre, + .custom-block
+        margin-top 2rem
+  &:hover .header-anchor
+    opacity: 1
+
+h1
+  font-size 2.2rem
+
+h2
+  font-size 1.65rem
+  padding-bottom .3rem
+  border-bottom 1px solid $borderColor
+
+h3
+  font-size 1.35rem
+
+a.header-anchor
+  font-size 0.85em
+  float left
+  margin-left -0.87em
+  padding-right 0.23em
+  margin-top 0.125em
+  opacity 0
+  &:hover
+    text-decoration none
+
+code, kbd, .line-number
+  font-family source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
+
+p, ul, ol
+  line-height 1.7
+
+hr
+  border 0
+  border-top 1px solid $borderColor
+
+table
+  border-collapse collapse
+  margin 1rem 0
+  display: block
+  overflow-x: auto
+
+tr
+  border-top 1px solid #dfe2e5
+  &:nth-child(2n)
+    background-color #f6f8fa
+
+th, td
+  border 1px solid #dfe2e5
+  padding .6em 1em
+
+.theme-container
+  &.sidebar-open
+    .sidebar-mask
+      display: block
+  &.no-navbar
+    .content:not(.custom) > h1, h2, h3, h4, h5, h6
+        margin-top 1.5rem
+        padding-top 0
+    .sidebar
+      top 0
+
+@media (min-width: ($MQMobile + 1px))
+  .theme-container.no-sidebar
+    .sidebar
+      display none
+    .page
+      padding-left 0
+
+@require 'mobile.styl'
+
+.iconfont
+  font-size: 0.9rem;
+  color: #999;
+  // &:not(:first-child)
+  //   margin-left: 1rem
+  // span
+  //   margin-left: .5rem
+
+/************** 滚动条 **************/
+::-webkit-scrollbar
+  width: 5px;
+  height: 5px;
+
+::-webkit-scrollbar-track-piece
+  background-color: rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+
+::-webkit-scrollbar-thumb:vertical
+  height: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;
+
+::-webkit-scrollbar-thumb:horizontal
+  width: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;    
+
diff --git a/styles/toc.styl b/styles/toc.styl
new file mode 100644
index 0000000..d3e7106
--- /dev/null
+++ b/styles/toc.styl
@@ -0,0 +1,3 @@
+.table-of-contents
+  .badge
+    vertical-align middle
diff --git a/styles/wrapper.styl b/styles/wrapper.styl
new file mode 100644
index 0000000..a99262c
--- /dev/null
+++ b/styles/wrapper.styl
@@ -0,0 +1,9 @@
+$wrapper
+  max-width $contentWidth
+  margin 0 auto
+  padding 2rem 2.5rem
+  @media (max-width: $MQNarrow)
+    padding 2rem
+  @media (max-width: $MQMobileNarrow)
+    padding 1.5rem
+
diff --git a/util/index.js b/util/index.js
new file mode 100644
index 0000000..9913ff7
--- /dev/null
+++ b/util/index.js
@@ -0,0 +1,239 @@
+export const hashRE = /#.*$/
+export const extRE = /\.(md|html)$/
+export const endingSlashRE = /\/$/
+export const outboundRE = /^(https?:|mailto:|tel:)/
+
+export function normalize (path) {
+  return decodeURI(path)
+    .replace(hashRE, '')
+    .replace(extRE, '')
+}
+
+export function getHash (path) {
+  const match = path.match(hashRE)
+  if (match) {
+    return match[0]
+  }
+}
+
+export function isExternal (path) {
+  return outboundRE.test(path)
+}
+
+export function isMailto (path) {
+  return /^mailto:/.test(path)
+}
+
+export function isTel (path) {
+  return /^tel:/.test(path)
+}
+
+export function ensureExt (path) {
+  if (isExternal(path)) {
+    return path
+  }
+  const hashMatch = path.match(hashRE)
+  const hash = hashMatch ? hashMatch[0] : ''
+  const normalized = normalize(path)
+
+  if (endingSlashRE.test(normalized)) {
+    return path
+  }
+  return normalized + '.html' + hash
+}
+
+export function isActive (route, path) {
+  const routeHash = route.hash
+  const linkHash = getHash(path)
+  if (linkHash && routeHash !== linkHash) {
+    return false
+  }
+  const routePath = normalize(route.path)
+  const pagePath = normalize(path)
+  return routePath === pagePath
+}
+
+export function resolvePage (pages, rawPath, base) {
+  if (base) {
+    rawPath = resolvePath(rawPath, base)
+  }
+  const path = normalize(rawPath)
+  for (let i = 0; i < pages.length; i++) {
+    if (normalize(pages[i].regularPath) === path) {
+      return Object.assign({}, pages[i], {
+        type: 'page',
+        path: ensureExt(pages[i].path)
+      })
+    }
+  }
+  console.error(`[vuepress] No matching page found for sidebar item "${rawPath}"`)
+  return {}
+}
+
+function resolvePath (relative, base, append) {
+  const firstChar = relative.charAt(0)
+  if (firstChar === '/') {
+    return relative
+  }
+
+  if (firstChar === '?' || firstChar === '#') {
+    return base + relative
+  }
+
+  const stack = base.split('/')
+
+  // remove trailing segment if:
+  // - not appending
+  // - appending to trailing slash (last segment is empty)
+  if (!append || !stack[stack.length - 1]) {
+    stack.pop()
+  }
+
+  // resolve relative path
+  const segments = relative.replace(/^\//, '').split('/')
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i]
+    if (segment === '..') {
+      stack.pop()
+    } else if (segment !== '.') {
+      stack.push(segment)
+    }
+  }
+
+  // ensure leading slash
+  if (stack[0] !== '') {
+    stack.unshift('')
+  }
+
+  return stack.join('/')
+}
+
+/**
+ * @param { Page } page
+ * @param { string } regularPath
+ * @param { SiteData } site
+ * @param { string } localePath
+ * @returns { SidebarGroup }
+ */
+export function resolveSidebarItems (page, regularPath, site, localePath) {
+  const { pages, themeConfig } = site
+
+  const localeConfig = localePath && themeConfig.locales
+    ? themeConfig.locales[localePath] || themeConfig
+    : themeConfig
+
+  const pageSidebarConfig = page.frontmatter.sidebar || localeConfig.sidebar || themeConfig.sidebar
+  if (pageSidebarConfig === 'auto') {
+    return resolveHeaders(page)
+  }
+
+  const sidebarConfig = localeConfig.sidebar || themeConfig.sidebar
+  if (!sidebarConfig) {
+    return []
+  } else {
+    const { base, config } = resolveMatchingConfig(regularPath, sidebarConfig)
+    return config
+      ? config.map(item => resolveItem(item, pages, base))
+      : []
+  }
+}
+
+/**
+ * @param { Page } page
+ * @returns { SidebarGroup }
+ */
+function resolveHeaders (page) {
+  const headers = groupHeaders(page.headers || [])
+  return [{
+    type: 'group',
+    collapsable: false,
+    title: page.title,
+    path: null,
+    children: headers.map(h => ({
+      type: 'auto',
+      title: h.title,
+      basePath: page.path,
+      path: page.path + '#' + h.slug,
+      children: h.children || []
+    }))
+  }]
+}
+
+export function groupHeaders (headers) {
+  // group h3s under h2
+  headers = headers.map(h => Object.assign({}, h))
+  let lastH2
+  headers.forEach(h => {
+    if (h.level === 2) {
+      lastH2 = h
+    } else if (lastH2) {
+      (lastH2.children || (lastH2.children = [])).push(h)
+    }
+  })
+  return headers.filter(h => h.level === 2)
+}
+
+export function resolveNavLinkItem (linkItem) {
+  return Object.assign(linkItem, {
+    type: linkItem.items && linkItem.items.length ? 'links' : 'link'
+  })
+}
+
+/**
+ * @param { Route } route
+ * @param { Array<string|string[]> | Array<SidebarGroup> | [link: string]: SidebarConfig } config
+ * @returns { base: string, config: SidebarConfig }
+ */
+export function resolveMatchingConfig (regularPath, config) {
+  if (Array.isArray(config)) {
+    return {
+      base: '/',
+      config: config
+    }
+  }
+  for (const base in config) {
+    if (ensureEndingSlash(regularPath).indexOf(encodeURI(base)) === 0) {
+      return {
+        base,
+        config: config[base]
+      }
+    }
+  }
+  return {}
+}
+
+function ensureEndingSlash (path) {
+  return /(\.html|\/)$/.test(path)
+    ? path
+    : path + '/'
+}
+
+function resolveItem (item, pages, base, groupDepth = 1) {
+  if (typeof item === 'string') {
+    return resolvePage(pages, item, base)
+  } else if (Array.isArray(item)) {
+    return Object.assign(resolvePage(pages, item[0], base), {
+      title: item[1]
+    })
+  } else {
+    if (groupDepth > 3) {
+      console.error(
+        '[vuepress] detected a too deep nested sidebar group.'
+      )
+    }
+    const children = item.children || []
+    if (children.length === 0 && item.path) {
+      return Object.assign(resolvePage(pages, item.path, base), {
+        title: item.title
+      })
+    }
+    return {
+      type: 'group',
+      path: item.path,
+      title: item.title,
+      sidebarDepth: item.sidebarDepth,
+      children: children.map(child => resolveItem(child, pages, base, groupDepth + 1)),
+      collapsable: item.collapsable !== false
+    }
+  }
+}

From 8367b622f7c148bcd5a6fbcf5bbd6bdfeecdcbe2 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 14:45:24 +0800
Subject: [PATCH 03/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dkeys=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue   | 4 ++--
 components/Password.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Common.vue b/components/Common.vue
index 8b78494..cd92598 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -109,8 +109,8 @@ export default {
       this.isHasKey =  true
     }
     
-    const {keys} = keyPage
-    this.isHasKey = keys.indexOf(sessionStorage.getItem('key')) > -1
+    const keys = keyPage.keys
+    this.isHasKey = keys && keys.indexOf(sessionStorage.getItem('key')) > -1
   },
 
   methods: {
diff --git a/components/Password.vue b/components/Password.vue
index 5bf029c..902dec2 100644
--- a/components/Password.vue
+++ b/components/Password.vue
@@ -67,8 +67,8 @@ export default {
     },
     isHasKey () {
       const keyPage = this.$site.themeConfig.keyPage
-      const {keys} = keyPage
-      return keys.indexOf(sessionStorage.getItem('key')) > -1
+      const keys = keyPage.keys
+      return keys && keys.indexOf(sessionStorage.getItem('key')) > -1
     },
     inputFocus () {
       this.warningText = 'Input Your Key'

From 331960a9f26c249a3e027d00eb135469a399654e Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 15:58:35 +0800
Subject: [PATCH 04/21] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=9E=E5=88=B0?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BackToTop.vue | 109 +++++++++++++++++++++++++++++++++++++++
 components/Common.vue    |   4 +-
 2 files changed, 111 insertions(+), 2 deletions(-)
 create mode 100644 components/BackToTop.vue

diff --git a/components/BackToTop.vue b/components/BackToTop.vue
new file mode 100644
index 0000000..7d05abb
--- /dev/null
+++ b/components/BackToTop.vue
@@ -0,0 +1,109 @@
+<template>
+  <transition :name="transitionName">
+    <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
+      <i class="iconfont reco-up"></i>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'BackToTop',
+  props: {
+    visibilityHeight: {
+      type: Number,
+      default: 400
+    },
+    backPosition: {
+      type: Number,
+      default: 0
+    },
+    customStyle: {
+      type: Object,
+      default: function() {
+        return {
+          right: '1rem',
+          bottom: '3rem',
+          width: '2.5rem',
+          height: '2.5rem',
+          'border-radius': '.25rem',
+          'line-height': '2.5rem',
+          backgroundColor: 'rgba(231, 234, 241,.5)'
+        }
+      }
+    },
+    transitionName: {
+      type: String,
+      default: 'fade'
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      interval: null,
+      isMoving: false
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll)
+    if (this.interval) {
+      clearInterval(this.interval)
+    }
+  },
+  methods: {
+    handleScroll() {
+      this.visible = window.pageYOffset > this.visibilityHeight
+    },
+    backToTop() {
+      if (this.isMoving) return
+      const start = window.pageYOffset
+      let i = 0
+      this.isMoving = true
+      this.interval = setInterval(() => {
+        const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
+        if (next <= this.backPosition) {
+          window.scrollTo(0, this.backPosition)
+          clearInterval(this.interval)
+          this.isMoving = false
+        } else {
+          window.scrollTo(0, next)
+        }
+        i++
+      }, 16.7)
+    },
+    easeInOutQuad(t, b, c, d) {
+      if ((t /= d / 2) < 1) return c / 2 * t * t + b
+      return -c / 2 * (--t * (t - 2) - 1) + b
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+  .back-to-ceiling
+    position: fixed;
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+    i 
+      font-size 1.6rem
+      color $accentColor
+  .back-to-ceiling:hover {
+    background: #d5dbe7;
+  }
+  .fade-enter-active,
+  .fade-leave-active {
+    transition: opacity .5s;
+  }
+  .fade-enter,
+  .fade-leave-to {
+    opacity: 0
+  }
+  .back-to-ceiling .Icon {
+    fill: #9aaabf;
+    background: none;
+  }
+</style>
\ No newline at end of file
diff --git a/components/Common.vue b/components/Common.vue
index cd92598..8b78494 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -109,8 +109,8 @@ export default {
       this.isHasKey =  true
     }
     
-    const keys = keyPage.keys
-    this.isHasKey = keys && keys.indexOf(sessionStorage.getItem('key')) > -1
+    const {keys} = keyPage
+    this.isHasKey = keys.indexOf(sessionStorage.getItem('key')) > -1
   },
 
   methods: {

From 10f9a4ec7548285513caf407812d014f0f9ff6b1 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 17:11:17 +0800
Subject: [PATCH 05/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AD=90=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E9=A1=B5=E9=9D=A2=E7=BB=9F=E8=AE=A1=E4=B8=8D=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/PageInfo.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/PageInfo.vue b/components/PageInfo.vue
index c068322..1c9f62f 100644
--- a/components/PageInfo.vue
+++ b/components/PageInfo.vue
@@ -6,7 +6,7 @@
       <span>{{ pageInfo.frontmatter.author || $site.themeConfig.author || $site.title }}</span>
     </i>
     <i class="iconfont reco-date" v-if="pageInfo.frontmatter.date"><span>{{ new Date(pageInfo.frontmatter.date).toLocaleDateString() }}</span></i>
-    <AccessNumber :idVal="pageInfo.regularPath" :numStyle="numStyle"></AccessNumber>
+    <AccessNumber :idVal="getIdVal(pageInfo.path)" :numStyle="numStyle"></AccessNumber>
     <i class="iconfont reco-tag tags" v-if="pageInfo.frontmatter.tags">
       <span
         v-for="(subItem, subIndex) in pageInfo.frontmatter.tags"
@@ -39,6 +39,10 @@ export default {
   methods: {
     goTags (tag) {
       window.location.href = `/tag/?tag=${tag}`
+    },
+    getIdVal (path) {
+      const base = this.$site.base
+      return base.slice(0, base.length - 1) + path
     }
   }
 }

From 2d4c611474d38a783cbeb61b5348340fe94047fa Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 17:24:19 +0800
Subject: [PATCH 06/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AD=90=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E9=A1=B5=E9=9D=A2=E7=BB=9F=E8=AE=A1bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/PageInfo.vue            |  6 +-----
 components/Valine/AccessNumber.vue | 10 ++++++++--
 package.json                       |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/PageInfo.vue b/components/PageInfo.vue
index 1c9f62f..3dba962 100644
--- a/components/PageInfo.vue
+++ b/components/PageInfo.vue
@@ -6,7 +6,7 @@
       <span>{{ pageInfo.frontmatter.author || $site.themeConfig.author || $site.title }}</span>
     </i>
     <i class="iconfont reco-date" v-if="pageInfo.frontmatter.date"><span>{{ new Date(pageInfo.frontmatter.date).toLocaleDateString() }}</span></i>
-    <AccessNumber :idVal="getIdVal(pageInfo.path)" :numStyle="numStyle"></AccessNumber>
+    <AccessNumber :idVal="pageInfo.path" :numStyle="numStyle"></AccessNumber>
     <i class="iconfont reco-tag tags" v-if="pageInfo.frontmatter.tags">
       <span
         v-for="(subItem, subIndex) in pageInfo.frontmatter.tags"
@@ -39,10 +39,6 @@ export default {
   methods: {
     goTags (tag) {
       window.location.href = `/tag/?tag=${tag}`
-    },
-    getIdVal (path) {
-      const base = this.$site.base
-      return base.slice(0, base.length - 1) + path
     }
   }
 }
diff --git a/components/Valine/AccessNumber.vue b/components/Valine/AccessNumber.vue
index fe2e34f..4cb0ab5 100644
--- a/components/Valine/AccessNumber.vue
+++ b/components/Valine/AccessNumber.vue
@@ -1,5 +1,5 @@
 <template>
-  <span v-if="$site.themeConfig.valineConfig" :id="idVal" class="leancloud-visitors" data-flag-title="Your Article Title">
+  <span v-if="$site.themeConfig.valineConfig" :id="getIdVal(idVal)" class="leancloud-visitors" data-flag-title="Your Article Title">
     <i class="iconfont reco-eye" style="margin-right: .5rem"></i>
     <a class="leancloud-visitors-count" :style="numStyle"></a>
   </span>
@@ -7,7 +7,13 @@
 
 <script>
 export default {
-  props: ['idVal', 'numStyle']
+  props: ['idVal', 'numStyle'],
+  methods: {
+    getIdVal (path) {
+      const base = this.$site.base
+      return base.slice(0, base.length - 1) + path
+    }
+  }
 }
 </script>
 
diff --git a/package.json b/package.json
index b425066..e8ffda8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From c761e0079cbf77d26d4093436743c303d0d89c67 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 19:41:57 +0800
Subject: [PATCH 07/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dkeys=E6=8A=A5=E9=94=99?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue | 7 ++++---
 package.json          | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/Common.vue b/components/Common.vue
index 8b78494..fea48b1 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -107,10 +107,11 @@ export default {
     const keyPage = this.$site.themeConfig.keyPage
     if (!keyPage) {
       this.isHasKey =  true
+      return
     }
-    
-    const {keys} = keyPage
-    this.isHasKey = keys.indexOf(sessionStorage.getItem('key')) > -1
+
+    const keys = keyPage.keys
+    return keys && keys.indexOf(sessionStorage.getItem('key')) > -1
   },
 
   methods: {
diff --git a/package.json b/package.json
index e8ffda8..15b353e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From 44ecad7321d4240a7297c3e550b6ff725b83f79d Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 20:56:19 +0800
Subject: [PATCH 08/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20tags.vue=20name=20?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/Tags.vue | 22 ++++++++++++----------
 package.json     |  2 +-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/layouts/Tags.vue b/layouts/Tags.vue
index 5b7469d..6994760 100644
--- a/layouts/Tags.vue
+++ b/layouts/Tags.vue
@@ -39,17 +39,19 @@ export default {
     }
   },
 
-  created () {
-    const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list[0].name
-    let tags = this.$tags.list
-    tags.map(item => {
-      const color = this._tagColor()
-      item.color = color
-      return tags
-    })
-    this.tags = tags
+   created () {
+    if (this.$tags) {
+      const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list[0].name
+      let tags = this.$tags.list
+      tags.map(item => {
+        const color = this._tagColor()
+        item.color = color
+        return tags
+      })
+      this.tags = tags
 
-    this.getPagesByTags(currentTag)
+      this.getPagesByTags(currentTag)
+    }
   },
 
   methods: {
diff --git a/package.json b/package.json
index 15b353e..5535705 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From cd2043f12038ff33be034f33e24f9063088b5724 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 21:09:16 +0800
Subject: [PATCH 09/21] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/Tags.vue | 2 +-
 package.json     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/Tags.vue b/layouts/Tags.vue
index 6994760..83a7d25 100644
--- a/layouts/Tags.vue
+++ b/layouts/Tags.vue
@@ -41,7 +41,7 @@ export default {
 
    created () {
     if (this.$tags) {
-      const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list[0].name
+      const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list.length > 0 ? this.$tags.list[0].name : ''
       let tags = this.$tags.list
       tags.map(item => {
         const color = this._tagColor()
diff --git a/package.json b/package.json
index 5535705..915c86b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From 5faa087969d5fa9bd223254230a0581462c5f912 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 21:12:38 +0800
Subject: [PATCH 10/21] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/Tags.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/layouts/Tags.vue b/layouts/Tags.vue
index 83a7d25..285fa4b 100644
--- a/layouts/Tags.vue
+++ b/layouts/Tags.vue
@@ -40,8 +40,8 @@ export default {
   },
 
    created () {
-    if (this.$tags) {
-      const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list.length > 0 ? this.$tags.list[0].name : ''
+    if (this.$tags.list.length > 0) {
+      const currentTag = this.$route.query.tag ? this.$route.query.tag : this.$tags.list[0].name
       let tags = this.$tags.list
       tags.map(item => {
         const color = this._tagColor()
@@ -61,7 +61,6 @@ export default {
 
       this.currentTag = currentTag
 
-      this.$emit('tagChange')
       let posts = this.$tags.map[currentTag].posts
       posts.sort((a, b) => {
         return this._getTimeNum(b) - this._getTimeNum(a)

From 1e80176851b0ee13940b50bb42b746250d9a92c2 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Tue, 9 Apr 2019 21:14:39 +0800
Subject: [PATCH 11/21] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 915c86b..c3ef7ba 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From b53c7432af9d385bb8d4876f9c9d134b68a4f2e0 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Wed, 10 Apr 2019 13:34:15 +0800
Subject: [PATCH 12/21] =?UTF-8?q?1.=20=E6=81=A2=E5=A4=8D=E4=BE=A7=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E5=88=86=E7=BB=84=E7=9A=84title=202.=20=E5=8E=BB?=
 =?UTF-8?q?=E6=8E=89=E9=A1=B5=E9=9D=A2=E7=AC=AC=E4=B8=80=E4=B8=AA=E5=85=83?=
 =?UTF-8?q?=E7=B4=A0=E7=9A=84margin-top?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SidebarGroup.vue | 2 +-
 styles/theme.styl           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/SidebarGroup.vue b/components/SidebarGroup.vue
index 3ad029b..da7b5e8 100644
--- a/components/SidebarGroup.vue
+++ b/components/SidebarGroup.vue
@@ -33,7 +33,7 @@
       :class="{ open }"
       @click="$emit('toggle')"
     >
-      <!-- <span>{{ item.title }}</span> -->
+      <span>{{ item.title }}</span>
       <span
         class="arrow"
         v-if="collapsable"
diff --git a/styles/theme.styl b/styles/theme.styl
index 6f8de7f..8820728 100644
--- a/styles/theme.styl
+++ b/styles/theme.styl
@@ -56,8 +56,8 @@ body
 
 .content:not(.custom)
   @extend $wrapper
-  > *:first-child
-    margin-top $navbarHeight
+  // > *:first-child
+  //   margin-top 1.6rem
   a:hover
     text-decoration underline
   p.demo

From 5c07cc09f216c0e0d7690076fde15e2351a786f9 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Wed, 10 Apr 2019 15:02:39 +0800
Subject: [PATCH 13/21] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Home.vue b/components/Home.vue
index 4beee4e..c2a29a7 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -24,7 +24,7 @@
     <div class="footer">
       <span>
         <i class="iconfont reco-theme"></i>
-        <a target="blank" href="https://www.npmjs.com/package/vuepress-theme-reco">vuePress-theme-reco</a>
+        <a target="blank" href="https://recoluan.gitlab.io/vuepress-theme-reco-doc/">vuePress-theme-reco</a>
       </span>
       <span>
         <i class="iconfont reco-other"></i>

From 202bf1b84e7afa22719ad7eb99618c7e3e14b26c Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Wed, 10 Apr 2019 15:08:55 +0800
Subject: [PATCH 14/21] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 243 +-----------------------------------------------------
 1 file changed, 4 insertions(+), 239 deletions(-)

diff --git a/README.md b/README.md
index 2fc0803..3ced62e 100644
--- a/README.md
+++ b/README.md
@@ -4,9 +4,10 @@
 ![leancloud-storage](https://img.shields.io/badge/leancloud--storage-3.10.1-orange.svg)
 ![valine](https://img.shields.io/badge/valine-1.3.4-blue.svg)
 
-> 1. 这是一个vuepress主题，旨在添加博客所需的类别，TAB墙，分页，评论和其他功能，适合 `vuepress 1.x`;<br>
-> 2. 主题本身是极简主义的，并根据vuepress的默认主题进行修改;<br>
-> 3. 你可以打开 http://recoluan.gitlab.io 来查看它。
+> 1. 这是一个vuepress主题，旨在添加博客所需的分类、TAB墙、分页、评论等能；
+> 2. 主题追求极简，根据 vuepress 的默认主题修改而成，官方的主题配置仍然适用；
+> 3. 效果：[午后南杂](http://recoluan.gitlab.io) 
+> 4. 文档：[vuepress-theme-reco-doc](https://recoluan.gitlab.io/vuepress-theme-reco-doc)
 
 ## 预览
 
@@ -36,241 +37,5 @@
 ### 移动端
 ![m.png](https://upload-images.jianshu.io/upload_images/4660406-7e2c78c48dd78284.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
 
-## 安装和使用
-
-1. 安装
-
-    ```bash
-    npm install vuepress-theme-reco@next -dev--save
-
-    # or
-
-    yarn add vuepress-theme-reco@next
-    ```
-
-2. 使用
-
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco'
-    }  
-    ```
-
-## 添加分类和标签云
-
-**如果要添加 `front-end` 分类 和 标签云，需要进行以下步骤：**
-
-1. 在顶部导航中添加类别下拉按钮
-    
-    ```javscript
-    // 修改 /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        // 博客设置
-        blogConfig: {
-          category: {
-            location: 2, // 在导航栏菜单中所占的位置，默认2
-            text: 'Category' // 默认 “分类”
-          },
-          tag: {
-            location: 3, // 在导航栏菜单中所占的位置，默认3
-            text: 'Tag' // 默认 “标签”
-          }
-        }
-      }  
-    }  
-    ```
-
-2. 撰写文章时添加类别
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28
-    categories: 
-     - frontEnd
-    tags: 
-     - vue  
-    ---
-    ```
-
-    > 请注意， `categories` 和 `categories` 要以数组的方式填写。
-
-## 添加时间轴
-
-1. 在顶部导航中添加一个按钮
-    
-    ```javscript
-    // change /docs/.vuepress/config.js
-
-    module.exports = {
-      theme: 'reco',
-      themeConfig: {
-        nav: [
-          { text: 'TimeLine', link: '/timeLine/', icon: 'reco-date' }
-        ]
-      }    
-    }  
-    ```
-
-2. 添加所需的文件
-
-    **`/docs/timeLine/README.md`**
-
-    ```
-    ---
-    isTimeLine: true
-    sidebar: false
-    isComment: false
-    ---
-
-    ## Time Line
-    ``` 
-
-3. 在撰写文章时添加日期
-   
-    ```
-    ---
-    title: 【vue】跨域解决方案之proxyTable  
-    date: 2017-12-28
-    ---
-    ``` 
-
-    > 请注意，本主题所有的时间都是以 `date` 为标准，不会以最后更新时间为标准。   
-
-## 添加摘要
-
-效果：
-
-![2.png](https://upload-images.jianshu.io/upload_images/4660406-a15ae55c1e77bef1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
-相应的markdown：
-
-![1.png](https://upload-images.jianshu.io/upload_images/4660406-54a9168672d45d1d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
-在markdown代码中，您将看到注释，注释前面的代码将显示在列表页面上的文章摘要中。
-
-## 评论(valine)
-
-带有内置了valine评论功能，如果要打开此功能，只需配置你的 `config.js`
-
-```javscript
-// 更改 /docs/.vuepress/config.js
-
-module.exports = {
-  theme: 'reco',
-  themeConfig: {
-    // valine
-    valineConfig: {
-      appId: '...',// your appId
-      appKey: '...', // your appKey
-    }
-  }  
-}  
-```
-
-## 加入加密功能
-
-有些项目可能具有私密性，不希望被公开，只有填入密钥登录后（关闭标签后登录失效），才能进入内容页面。
-
-```javscript
-// 更改 /docs/.vuepress/config.js
-
-module.exports = {
-  theme: 'reco',
-  themeConfig: {
-    // 密钥
-    keyPage: {
-      keys: ['930105'],
-      color: '#fb9b5f', // 登录页动画球的颜色
-      lineColor: '#fb9b5f' // 登录页动画线的颜色
-    }
-  }  
-}  
-```
-
-## Config.js
-
-1. 在移动端，搜索框在获得焦点时会放大，并且在失去焦点后可以左右滚动，这可以通过设置元来优化。
-
-```javascript
-module.exports = {
-  head: [
-    ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }]
-  ]
-}  
-```
-
-2. 您可以在导航菜单中添加图标，如下所示：
-
-```javascript
-{ text: 'Tags', link: '/tags/', icon: 'reco-tag' }
-```
-
-该项目有内置图标供您选择
-
-![icon.png](https://upload-images.jianshu.io/upload_images/4660406-565b8ffd891b9cb3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-
-3. 设置全局作者姓名
-
-```javascript
-module.exports = {
-  themeConfig: {
-    // author
-    author: 'reco_luan',
-  }
-}
-```
-
-4. 为单篇文章设置作者姓名
-
-```bash
----
-title: 你还没真的努力过，就轻易输给了懒惰
-date: 2015-04-23
-categories: article
-author: 渡渡
----
-```
-
-
-## 首页配置
-
-1. 如果您的heroImage具有您的网站标题，则可能需要设置值 `isShowTitleInHome` `false` 以使标题不显示。
-
-```bash
-# this is your homepage
-
----
-home: true
-heroImage: /hero.png
-isShowTitleInHome: false
----
-```
-
-2. 如果你想改变heroImage的风格，你可以设置值 `heroImageStyle` 来实现你想要的效果
-
-```bash
-# 这是你的主页 
-
----
-home: true
-heroImage: /hero.png
-heroImageStyle: {
-  maxHeight: '200px',
-  display: block,
-  margin: '6rem auto 1.5rem',
-  borderRadius: '50%',
-  boxShadow: '0 5px 18px rgba(0,0,0,0.2)'
-}
----
-```
-
-3. 无法再随意编辑主页页脚，只能更改所有者的名称。将首先显示全局作者姓名，否则将显示博客的标题
-
 ## License
 [MIT](https://github.com/recoluan/vuepress-theme-reco/blob/master/LICENSE)
\ No newline at end of file

From 443e4ce90fa4c41834d3cd59df7d6f2698edad46 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Wed, 10 Apr 2019 15:23:11 +0800
Subject: [PATCH 15/21] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=9E=E5=88=B0?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue   | 4 +++-
 components/Password.vue | 2 +-
 package.json            | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/Common.vue b/components/Common.vue
index fea48b1..336d5a0 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -26,6 +26,7 @@
       </Sidebar>
       <slot></slot>
       <Valine :isComment="isComment"></Valine>
+      <BackToTop></BackToTop>
     </div>
   </div>
 </template>
@@ -36,9 +37,10 @@ import Sidebar from '@theme/components/Sidebar.vue'
 import { resolveSidebarItems } from '../util'
 import Password from '@theme/components/Password'
 import Valine from '@theme/components/Valine/'
+import BackToTop from "@theme/components/BackToTop"
 
 export default {
-  components: { Sidebar, Navbar, Password, Valine },
+  components: { Sidebar, Navbar, Password, Valine, BackToTop },
 
   props: ['sidebar', 'isComment'],
 
diff --git a/components/Password.vue b/components/Password.vue
index 902dec2..13d1deb 100644
--- a/components/Password.vue
+++ b/components/Password.vue
@@ -36,7 +36,7 @@ import Background from '@theme/components/Background'
 
 export default {
   components: {Background},
-  name: 'BackToTop',
+  name: 'Password',
   data() {
     return {
       warningText: 'Konck! Knock!',
diff --git a/package.json b/package.json
index c3ef7ba..8f0fb4a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-alpha.10",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {

From befc4d73675d026b688f16788ef0ff375551ffef Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Wed, 10 Apr 2019 17:25:01 +0800
Subject: [PATCH 16/21] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8f0fb4a..9f16ed4 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
   "bugs": {
     "url": "https://github.com/recoluan/vuepress-theme-reco/issues"
   },
-  "homepage": "https://recoluan.gitlab.io",
+  "homepage": "https://recoluan.gitlab.io/vuepress-theme-reco-doc/",
   "_from": "vuepress-theme-reco@0.2.1",
   "_resolved": "http://registry.npm.taobao.org/vuepress-theme-reco/download/vuepress-theme-reco-0.2.1.tgz",
   "dependencies": {

From 893ce2ca69b7c32b21e53cb5b5f2f6eb38f6e00b Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Sat, 13 Apr 2019 22:46:22 +0800
Subject: [PATCH 17/21] =?UTF-8?q?1.=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=9B2.=E5=B0=9D=E8=AF=95=E5=8A=A0=E5=85=A5=E5=A4=9C?=
 =?UTF-8?q?=E6=99=9A=E6=A8=A1=E5=BC=8F=EF=BC=8C=E6=95=88=E6=9E=9C=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E5=AE=8C=E6=AF=95=E5=BC=80=E5=85=B3=E4=BD=8D=E5=BC=84?=
 =?UTF-8?q?=E5=A5=BD=EF=BC=8C=E5=90=8E=E6=9C=9F=E5=B0=9D=E8=AF=95=E5=8A=A0?=
 =?UTF-8?q?=E5=85=A5=E4=B8=BB=E9=A2=98=E9=A2=9C=E8=89=B2=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue             |  11 ++-
 components/Home.vue               |  78 +++++++++++++++--
 components/Navbar.vue             |   4 +-
 components/Page.vue               |  23 ++++-
 components/Theme/CogIcon.vue      |  20 +++++
 components/Theme/ThemeOptions.vue | 112 ++++++++++++++++++++++++
 components/Theme/index.vue        | 140 ++++++++++++++++++++++++++++++
 components/Theme/themeHandler.js  |  46 ++++++++++
 components/Theme/yuuConfig.js     |  19 ++++
 components/Valine/index.vue       |   4 +-
 package.json                      |   3 +-
 styles/custom-blocks.styl         |  14 +--
 styles/loadMixin.styl             |  11 +++
 styles/nightMode.styl             |  88 +++++++++++++++++++
 styles/recoConfig.styl            |   3 +
 styles/theme.styl                 |   3 +-
 16 files changed, 557 insertions(+), 22 deletions(-)
 create mode 100755 components/Theme/CogIcon.vue
 create mode 100755 components/Theme/ThemeOptions.vue
 create mode 100755 components/Theme/index.vue
 create mode 100755 components/Theme/themeHandler.js
 create mode 100755 components/Theme/yuuConfig.js
 create mode 100644 styles/loadMixin.styl
 create mode 100644 styles/nightMode.styl
 create mode 100644 styles/recoConfig.styl

diff --git a/components/Common.vue b/components/Common.vue
index 336d5a0..c5eb29f 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -47,7 +47,8 @@ export default {
   data () {
     return {
       isSidebarOpen: false,
-      isHasKey: true
+      isHasKey: true,
+      nightMode: false
     }
   },
 
@@ -94,7 +95,8 @@ export default {
         {
           'no-navbar': !this.shouldShowNavbar,
           'sidebar-open': this.isSidebarOpen,
-          'no-sidebar': !this.shouldShowSidebar
+          'no-sidebar': !this.shouldShowSidebar,
+          'night-mode': this.nightMode
         },
         userPageClass
       ]
@@ -106,6 +108,11 @@ export default {
       this.isSidebarOpen = false
     })
 
+    if (localStorage.getItem('nightMode')) {
+      document.documentElement.style.background = "#000"
+      this.nightMode = true
+    }
+
     const keyPage = this.$site.themeConfig.keyPage
     if (!keyPage) {
       this.isHasKey =  true
diff --git a/components/Home.vue b/components/Home.vue
index c2a29a7..35e6a32 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="home">
+  <div class="home" :class="recoShow?'reco-show': 'reco-hide'">
     <div class="hero">
       <img v-if="data.heroImage" :style="heroImageStyle" :src="$withBase(data.heroImage)" alt="hero">
 
@@ -19,12 +19,12 @@
       </div>
     </div>
 
-    <Content custom/>
+    <Content class="home-center" custom/>
 
     <div class="footer">
       <span>
         <i class="iconfont reco-theme"></i>
-        <a target="blank" href="https://recoluan.gitlab.io/vuepress-theme-reco-doc/">vuePress-theme-reco</a>
+        <a target="blank" href="https://recoluan.gitlab.io/vuepress-theme-reco-doc/">VuePress-theme-reco</a>
       </span>
       <span>
         <i class="iconfont reco-other"></i>
@@ -47,6 +47,11 @@ import AccessNumber from '@theme/components/Valine/AccessNumber'
 
 export default {
   components: { NavLink, AccessNumber },
+  data () {
+    return {
+      recoShow: false
+    }
+  },
   computed: {
     year () {
       return new Date().getFullYear()
@@ -68,11 +73,15 @@ export default {
         margin: '6rem auto 1.5rem'
       }
     }
+  },
+  mounted () {
+    this.recoShow = true
   }
 };
 </script>
 
 <style lang="stylus">
+@require '../styles/loadMixin.styl'
 
 .home {
   padding: $navbarHeight 2rem 0;
@@ -81,7 +90,9 @@ export default {
 
   .hero {
     text-align: center;
-
+    img {
+      background-color: $accentColor;
+    }
     h1 {
       font-size: 2.5rem;
     }
@@ -94,7 +105,7 @@ export default {
       max-width: 35rem;
       font-size: 1.6rem;
       line-height: 1.3;
-      color: lighten($textColor, 40%);
+      color: lighten($textColor, 20%);
     }
 
     .action-button {
@@ -106,6 +117,7 @@ export default {
       border-radius: 4px;
       transition: background-color 0.1s ease;
       box-sizing: border-box;
+      load-start()
 
       &:hover {
         background-color: lighten($accentColor, 10%);
@@ -138,7 +150,7 @@ export default {
     }
 
     p {
-      color: lighten($textColor, 25%);
+      color: lighten($textColor, 20%);
     }
 
     &:hover {
@@ -151,6 +163,7 @@ export default {
     border-top: 1px solid $borderColor;
     text-align: center;
     color: lighten($textColor, 25%);
+    load-start()
     > span {
       margin-left 1rem
       > i {
@@ -160,6 +173,59 @@ export default {
   }
 }
 
+&.reco-hide {
+    .hero {
+      img {
+        load-start()
+      }
+      .h1 {
+        load-start()
+      }
+      .description {
+        load-start()
+      }
+      .action-button {
+        load-start()
+      }
+    }
+    .features {
+      load-start()
+    }
+    .home-center {
+      load-start()
+    }
+    .footer {
+      load-start()
+    }
+  }
+
+  &.reco-show {
+    .hero {
+      img {
+        load-end(0.08s)
+      }
+      .h1 {
+        load-end(0.16s)
+      }
+      .description {
+        load-end(0.24s)
+      }
+      .action-button {
+        load-end(0.32s)
+      }
+    }
+    .features {
+      load-end(0.40s)
+    }
+    .home-center {
+      load-end(0.48s)
+    }
+    .footer {
+      load-end(0.56s)
+    }
+  }
+}
+
 @media (max-width: $MQMobile) {
   .home {
     .features {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 7bd7fec..aae224a 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -21,6 +21,7 @@
       :style="linksWrapMaxWidth ? {
         'max-width': linksWrapMaxWidth + 'px'
       } : {}">
+      <Theme />
       <AlgoliaSearchBox
         v-if="isAlgoliaSearch"
         :options="algolia"/>
@@ -35,9 +36,10 @@ import AlgoliaSearchBox from '@AlgoliaSearchBox'
 import SearchBox from '@SearchBox'
 import SidebarButton from '@theme/components/SidebarButton.vue'
 import NavLinks from '@theme/components/NavLinks.vue'
+import Theme from '@theme/components/Theme'
 
 export default {
-  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
+  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox, Theme },
 
   data () {
     return {
diff --git a/components/Page.vue b/components/Page.vue
index 24dcb97..9f5b9ba 100644
--- a/components/Page.vue
+++ b/components/Page.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="page">
+  <main class="page" :class="recoShow?'reco-show': 'reco-hide'">
     <slot name="top"/>
 
     <div class="page-title" v-if="!(isTimeLine)">
@@ -79,6 +79,12 @@ export default {
 
   props: ['sidebarItems'],
 
+  data () {
+    return {
+      recoShow: false
+    }
+  },
+
   computed: {
     isTimeLine () {
       return this.$page.frontmatter.isTimeLine
@@ -145,6 +151,10 @@ export default {
     }
   },
 
+  mounted () {
+    this.recoShow = true
+  },
+
   methods: {
     createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
       const bitbucket = /bitbucket.org/
@@ -209,13 +219,15 @@ function flatten (items, res) {
 
 <style lang="stylus">
 @require '../styles/wrapper.styl'
+@require '../../styles/loadMixin.styl'
 
 .page
+  padding-top 6rem
   padding-bottom 2rem
   display block
   .page-title
     max-width: 740px;
-    margin: 6rem auto 0;
+    margin: 0 auto;
     padding: 0rem 2.5rem;
 
 .page-edit
@@ -251,6 +263,13 @@ function flatten (items, res) {
   .next
     float right
 
+.reco-hide.page {
+  load-start()
+}
+.reco-show.page {
+  load-end(0.08s)
+}    
+
 @media (max-width: $MQMobile)
   .page-title
     padding: 0 1rem;  
diff --git a/components/Theme/CogIcon.vue b/components/Theme/CogIcon.vue
new file mode 100755
index 0000000..2bcb433
--- /dev/null
+++ b/components/Theme/CogIcon.vue
@@ -0,0 +1,20 @@
+<template>
+	<svg
+		aria-hidden="true"
+		data-prefix="fas"
+		data-icon="cog"
+		class="svg-inline--fa fa-cog fa-w-16"
+		role="img"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 512 512"
+	>
+		<!-- eslint-disable-next-line vue/html-self-closing -->
+		<path fill="currentColor" d="M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"></path>
+	</svg>
+</template>
+
+<script>
+export default {
+	name: 'CogIcon',
+};
+</script>
diff --git a/components/Theme/ThemeOptions.vue b/components/Theme/ThemeOptions.vue
new file mode 100755
index 0000000..fa42174
--- /dev/null
+++ b/components/Theme/ThemeOptions.vue
@@ -0,0 +1,112 @@
+<template>
+	<div class="theme-options">
+		<ul v-if="yuu.hasThemes" class="color-theme-options">
+			<li>
+				<a href="#" class="default-theme" @click.prevent="setTheme()"></a>
+			</li>
+			<li v-for="color in yuu.themes" :key="color">
+				<a href="#" :class="`${color}-theme`" @click.prevent="setTheme(color)"></a>
+			</li>
+		</ul>
+		<div v-if="!yuu.disableDarkTheme" class="dark-theme-options toggle-option">
+			<label for="dark-theme-toggle">Enable Dark Theme?</label>
+			<input id="dark-theme-toggle" v-model="darkTheme" type="checkbox" @change="toggleDarkTheme" />
+		</div>
+		<div v-if="yuu.hasThemes && !yuu.disableThemeIgnore" class="force-theme-options toggle-option">
+			<label for="force-theme-toggle">Ignore Forced Themes?</label>
+			<input id="force-theme-toggle" v-model="ignoreForcedThemes" type="checkbox" @change="toggleForcedThemes" />
+		</div>
+	</div>
+</template>
+
+<script>
+import yuuConfig from './yuuConfig.js';
+import themeHandler from './themeHandler.js';
+
+export default {
+	name: 'ThemeOptions',
+
+	mixins: [yuuConfig, themeHandler],
+
+	data() {
+		return {
+			darkTheme: false,
+			ignoreForcedThemes: false,
+		};
+	},
+
+	mounted() {
+		if (this.yuu.disableDarkTheme !== true) {
+			this.darkTheme = localStorage.getItem('dark-theme') === 'true';
+			this.toggleDarkTheme();
+		}
+
+		if (this.yuu.disableThemeIgnore !== true) {
+			this.ignoreForcedThemes = localStorage.getItem('ignore-forced-themes') === 'true';
+		}
+	},
+
+	methods: {
+		toggleDarkTheme() {
+			if (this.darkTheme) {
+				document.body.classList.add('yuu-theme-dark');
+				return localStorage.setItem('dark-theme', true);
+			}
+
+			document.body.classList.remove('yuu-theme-dark');
+			localStorage.removeItem('dark-theme');
+		},
+
+		toggleForcedThemes() {
+			if (this.ignoreForcedThemes) {
+				this.setTheme(localStorage.getItem('color-theme'));
+				return localStorage.setItem('ignore-forced-themes', true);
+			}
+
+			localStorage.removeItem('ignore-forced-themes');
+		},
+	},
+};
+</script>
+
+<style lang="stylus">
+@import '../../styles/config.styl';
+
+.color-theme-options {
+	display: flex;
+	justify-content: space-around;
+
+	li {
+		width: 33%;
+		text-align: center;
+
+		a {
+			width: 15px;
+			height: 15px;
+			border-radius: 2px;
+
+			&.default-theme {
+				background-color: $accentColor;
+			}
+
+			&.blue-theme {
+				background-color: $blueAccentColor;
+			}
+
+			&.red-theme {
+				background-color: $redAccentColor;
+			}
+		}
+	}
+}
+
+.toggle-option {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	label {
+		padding-right: 0.25em;
+	}
+}
+</style>
diff --git a/components/Theme/index.vue b/components/Theme/index.vue
new file mode 100755
index 0000000..08086e7
--- /dev/null
+++ b/components/Theme/index.vue
@@ -0,0 +1,140 @@
+<template>
+	<div v-if="showSettings" v-click-outside="hideMenu" class="user-settings">
+		<a class="settings-button" href="#" @click.prevent="showMenu = !showMenu">
+			<CogIcon class="settings-icon" />
+		</a>
+		<transition name="menu-transition" mode="out-in">
+			<div v-show="showMenu" class="user-settings-menu">
+				<ThemeOptions />
+			</div>
+		</transition>
+	</div>
+</template>
+
+<script>
+import ClickOutside from 'vue-click-outside';
+import ThemeOptions from './ThemeOptions.vue';
+import CogIcon from './CogIcon.vue';
+import yuuConfig from './yuuConfig.js';
+
+export default {
+	name: 'UserSettings',
+
+	directives: {
+		'click-outside': ClickOutside,
+	},
+
+	components: {
+		CogIcon,
+		ThemeOptions,
+	},
+
+	mixins: [yuuConfig],
+
+	data() {
+		return {
+			showMenu: false,
+		};
+	},
+
+	computed: {
+		showSettings() {
+			const { yuu } = this;
+			return yuu.hasThemes || yuu.disableDarkTheme !== true || yuu.disableThemeIgnore !== true;
+		},
+	},
+
+	methods: {
+		hideMenu() {
+			this.showMenu = false;
+		},
+	},
+};
+</script>
+
+<style lang="stylus">
+@import '../../styles/config.styl';
+
+.user-settings {
+	position: relative;
+	margin-right: 1em;
+
+	.settings-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+
+		.settings-icon {
+			width: 18px;
+		}
+	}
+
+	.user-settings-menu {
+		background-color: #fff;
+		position: absolute;
+		top: 40px;
+		left: 50%;
+		min-width: 100px;
+		margin: 0;
+		padding: 1em;
+		border: 1px solid $borderColor;
+		border-radius: 4px;
+		transform: translateX(-50%);
+		z-index: 150;
+
+		&::before {
+			content: '';
+			position: absolute;
+			top: -7px;
+			left: 50%;
+			border-style: solid;
+			border-color: transparent transparent $borderColor;
+			border-width: 0 7px 7px;
+			transform: translateX(-50%);
+		}
+
+		&.menu-transition-enter-active,
+		&.menu-transition-leave-active {
+			transition: all 0.25s ease-in-out;
+		}
+
+		&.menu-transition-enter,
+		&.menu-transition-leave-to {
+			top: 50px;
+			opacity: 0;
+		}
+
+		ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+	}
+}
+
+.yuu-theme-dark {
+	.user-settings-menu {
+		background-color: $darkPrimaryBg;
+		border-color: $darkBorderColor;
+
+		&::before {
+			border-bottom-color: $darkBorderColor;
+		}
+	}
+}
+
+@media (max-width: $MQMobile) {
+	.user-settings {
+		margin-right: 0;
+
+		.user-settings-menu {
+			left: calc(50% - 35px);
+
+			&::before {
+				left: calc(50% + 35px);
+			}
+		}
+	}
+}
+</style>
diff --git a/components/Theme/themeHandler.js b/components/Theme/themeHandler.js
new file mode 100755
index 0000000..535e1c9
--- /dev/null
+++ b/components/Theme/themeHandler.js
@@ -0,0 +1,46 @@
+export default {
+	mounted() {
+		this.setPageTheme();
+	},
+
+	beforeUpdate() {
+		this.setPageTheme();
+	},
+
+	methods: {
+		setTheme(theme, persist = true) {
+			const colorThemes = this.yuu.themes || {};
+
+			if (!Array.isArray(colorThemes) || !colorThemes.length) return;
+
+			const classes = document.body.classList;
+			const themes = colorThemes.map(colorTheme => `yuu-theme-${colorTheme}`);
+
+			if (!theme) {
+				if (persist) localStorage.removeItem('color-theme');
+				return classes.remove(...themes);
+			}
+
+			if (theme && !colorThemes.includes(theme)) {
+				const oldTheme = localStorage.getItem('color-theme');
+				return this.setTheme(colorThemes.includes(oldTheme) ? oldTheme : null);
+			}
+
+			classes.remove(...themes.filter(t => t !== `yuu-theme-${theme}`));
+			classes.add(`yuu-theme-${theme}`);
+
+			if (persist) {
+				localStorage.setItem('color-theme', theme);
+			}
+		},
+
+		setPageTheme() {
+			if (this.yuu.disableThemeIgnore !== true && localStorage.getItem('ignore-forced-themes') === 'true') {
+				return;
+			}
+
+			const theme = this.$page.frontmatter.forceTheme || localStorage.getItem('color-theme');
+			this.setTheme(theme, false);
+		},
+	},
+};
diff --git a/components/Theme/yuuConfig.js b/components/Theme/yuuConfig.js
new file mode 100755
index 0000000..45b59b0
--- /dev/null
+++ b/components/Theme/yuuConfig.js
@@ -0,0 +1,19 @@
+export default {
+	data() {
+		return {
+			yuu: {},
+		};
+	},
+
+	mounted() {
+		const { yuu = {} } = this.$site.themeConfig;
+
+		this.yuu = {
+			themes: yuu.colorThemes || ['blue', 'red'],
+			disableDarkTheme: yuu.disableDarkTheme || false,
+			disableThemeIgnore: yuu.disableThemeIgnore || false,
+		};
+
+		this.yuu.hasThemes = Array.isArray(this.yuu.themes) && this.yuu.themes.length > 0;
+	},
+};
diff --git a/components/Valine/index.vue b/components/Valine/index.vue
index b8e3eb6..a33051e 100644
--- a/components/Valine/index.vue
+++ b/components/Valine/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="valine-wrapper">
-    <div id="valine" v-show="isShowComment"></div>
+  <div class="valine-wrapper" v-show="isShowComment">
+    <div id="valine"></div>
   </div>
 </template>
 
diff --git a/package.json b/package.json
index 9f16ed4..a8fef1e 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "leancloud-storage": "^3.10.1",
     "valine": "^1.3.4",
-    "@vuepress/plugin-blog": "^1.0.0-alpha.46"
+    "@vuepress/plugin-blog": "^1.0.0-alpha.46",
+    "vue-click-outside": "^1.0.7"
   }
 }
\ No newline at end of file
diff --git a/styles/custom-blocks.styl b/styles/custom-blocks.styl
index 2d07835..d0775c3 100644
--- a/styles/custom-blocks.styl
+++ b/styles/custom-blocks.styl
@@ -9,19 +9,19 @@
     margin 1rem 0
   &.tip
     background-color #f3f5f7
-    border-color #42b983
+    border-color #67cc86
   &.warning
-    background-color rgba(255,229,100,.3)
-    border-color darken(#ffe564, 35%)
-    color darken(#ffe564, 70%)
+    background-color #fbf0ea
+    border-color #fb9b5f
+    // color darken(#ffe564, 70%)
     .custom-block-title
       color darken(#ffe564, 50%)
     a
       color $textColor
   &.danger
-    background-color #ffe6e6
-    border-color darken(red, 20%)
-    color darken(red, 70%)
+    background-color #fceaea
+    border-color #f26d6d
+    // color darken(red, 70%)
     .custom-block-title
       color darken(red, 40%)
     a
diff --git a/styles/loadMixin.styl b/styles/loadMixin.styl
new file mode 100644
index 0000000..7c3bba5
--- /dev/null
+++ b/styles/loadMixin.styl
@@ -0,0 +1,11 @@
+load-start(){
+  transition:all .25s;
+  transform:translateY(-20px);
+  opacity 0
+}
+
+load-end($delayTime){
+  transform:translateY(0);
+  transition-delay: $delayTime
+  opacity 1
+}
\ No newline at end of file
diff --git a/styles/nightMode.styl b/styles/nightMode.styl
new file mode 100644
index 0000000..5b9f9b4
--- /dev/null
+++ b/styles/nightMode.styl
@@ -0,0 +1,88 @@
+$bc = #000
+$fc = #9e9e9e
+$bdc = #9e9e9e
+$fcActive = #fff
+
+
+bc() {
+  background-color: $bc!important
+}
+fc() {
+  color: $fc!important
+}
+bdc() {
+  border-color: $bdc!important
+}
+fc-active() {
+  color: $fcActive!important
+}
+
+.night-mode
+  bc()
+  fc()
+  bdc()
+  h1, h2, h3, h4, h5, h6, a, hr
+    bdc()
+    fc()
+  input
+    bc()
+    fc()
+    bdc()
+  .navbar
+    bc()
+    box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
+    // border-bottom: 1px solid $bdc
+    .site-name, .links
+      bc()
+      fc()
+  .nav-links a:hover, 
+  .nav-links a.router-link-active,
+  .nav-links a:hover .iconfont, 
+  .nav-links a.router-link-active .iconfont
+    fc-active()
+  @media (min-width: 765px)
+    .nav-item > a:not(.external):hover, 
+    .nav-item > a:not(.external).router-link-active
+      border-bottom: 2px solid $fcActive;
+    .dropdown-wrapper .nav-dropdown
+      bc()
+      box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
+  .home 
+    .hero 
+      .description
+        fc()
+    .features
+      bdc()    
+      .feature
+        h2, p
+          fc()
+    .footer 
+      bdc()
+      a 
+        fc()   
+  .abstract-wrapper .abstract-item
+    background-color: lighten($bc, 20%)
+  .custom-block.tip, .custom-block.warning, .custom-block.danger
+    background-color: lighten($bc, 15%)
+  .pagation .pagation-list
+    bc()
+  .sidebar
+    bc()
+    bdc()  
+  .valine-wrapper
+    bc()
+
+    .v .vbtn, .v .vwrap
+      bc()
+      bdc()
+    .v .vlist .vcard 
+      .vhead .vsys, .vh
+        bdc()
+        bc()
+  .timeline-wrapper
+    &::after
+      background: $fc   
+    .year-wrapper li
+      bdc()
+  .back-to-ceiling i
+    fc() 
\ No newline at end of file
diff --git a/styles/recoConfig.styl b/styles/recoConfig.styl
new file mode 100644
index 0000000..b7002cc
--- /dev/null
+++ b/styles/recoConfig.styl
@@ -0,0 +1,3 @@
+// colors
+$accentColor = #424242
+$textColor = #232321
\ No newline at end of file
diff --git a/styles/theme.styl b/styles/theme.styl
index 8820728..4bc9e65 100644
--- a/styles/theme.styl
+++ b/styles/theme.styl
@@ -1,3 +1,4 @@
+@require './recoConfig'
 @require './code'
 @require './custom-blocks'
 @require './arrow'
@@ -112,7 +113,7 @@ h1, h2, h3, h4, h5, h6
     padding-top ($navbarHeight + 1rem)
     margin-bottom 0
     &:first-child
-      margin-top -1.5rem
+      margin-top -6.5rem
       margin-bottom 1rem
       + p, + pre, + .custom-block
         margin-top 2rem

From fae6cf58ea6e0a0db389b63c1677f17a39769745 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Sun, 14 Apr 2019 13:29:01 +0800
Subject: [PATCH 18/21] =?UTF-8?q?1.=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=9B2.=E5=B0=9D=E8=AF=95=E5=8A=A0=E5=85=A5=E5=A4=9C?=
 =?UTF-8?q?=E6=99=9A=E6=A8=A1=E5=BC=8F=EF=BC=8C=E6=95=88=E6=9E=9C=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E5=AE=8C=E6=AF=95=E5=BC=80=E5=85=B3=E4=BD=8D=E5=BC=84?=
 =?UTF-8?q?=E5=A5=BD=EF=BC=8C=E5=90=8E=E6=9C=9F=E5=B0=9D=E8=AF=95=E5=8A=A0?=
 =?UTF-8?q?=E5=85=A5=E4=B8=BB=E9=A2=98=E9=A2=9C=E8=89=B2=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue             |  11 ++-
 components/Home.vue               |  78 +++++++++++++++--
 components/Navbar.vue             |   4 +-
 components/Page.vue               |  23 ++++-
 components/Theme/CogIcon.vue      |  20 +++++
 components/Theme/ThemeOptions.vue | 112 ++++++++++++++++++++++++
 components/Theme/index.vue        | 140 ++++++++++++++++++++++++++++++
 components/Theme/themeHandler.js  |  46 ++++++++++
 components/Theme/yuuConfig.js     |  19 ++++
 components/Valine/index.vue       |   4 +-
 package.json                      |   3 +-
 styles/custom-blocks.styl         |  14 +--
 styles/loadMixin.styl             |  11 +++
 styles/nightMode.styl             |  88 +++++++++++++++++++
 styles/recoConfig.styl            |   3 +
 styles/theme.styl                 |   3 +-
 16 files changed, 557 insertions(+), 22 deletions(-)
 create mode 100755 components/Theme/CogIcon.vue
 create mode 100755 components/Theme/ThemeOptions.vue
 create mode 100755 components/Theme/index.vue
 create mode 100755 components/Theme/themeHandler.js
 create mode 100755 components/Theme/yuuConfig.js
 create mode 100644 styles/loadMixin.styl
 create mode 100644 styles/nightMode.styl
 create mode 100644 styles/recoConfig.styl

diff --git a/components/Common.vue b/components/Common.vue
index 336d5a0..c5eb29f 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -47,7 +47,8 @@ export default {
   data () {
     return {
       isSidebarOpen: false,
-      isHasKey: true
+      isHasKey: true,
+      nightMode: false
     }
   },
 
@@ -94,7 +95,8 @@ export default {
         {
           'no-navbar': !this.shouldShowNavbar,
           'sidebar-open': this.isSidebarOpen,
-          'no-sidebar': !this.shouldShowSidebar
+          'no-sidebar': !this.shouldShowSidebar,
+          'night-mode': this.nightMode
         },
         userPageClass
       ]
@@ -106,6 +108,11 @@ export default {
       this.isSidebarOpen = false
     })
 
+    if (localStorage.getItem('nightMode')) {
+      document.documentElement.style.background = "#000"
+      this.nightMode = true
+    }
+
     const keyPage = this.$site.themeConfig.keyPage
     if (!keyPage) {
       this.isHasKey =  true
diff --git a/components/Home.vue b/components/Home.vue
index c2a29a7..35e6a32 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="home">
+  <div class="home" :class="recoShow?'reco-show': 'reco-hide'">
     <div class="hero">
       <img v-if="data.heroImage" :style="heroImageStyle" :src="$withBase(data.heroImage)" alt="hero">
 
@@ -19,12 +19,12 @@
       </div>
     </div>
 
-    <Content custom/>
+    <Content class="home-center" custom/>
 
     <div class="footer">
       <span>
         <i class="iconfont reco-theme"></i>
-        <a target="blank" href="https://recoluan.gitlab.io/vuepress-theme-reco-doc/">vuePress-theme-reco</a>
+        <a target="blank" href="https://recoluan.gitlab.io/vuepress-theme-reco-doc/">VuePress-theme-reco</a>
       </span>
       <span>
         <i class="iconfont reco-other"></i>
@@ -47,6 +47,11 @@ import AccessNumber from '@theme/components/Valine/AccessNumber'
 
 export default {
   components: { NavLink, AccessNumber },
+  data () {
+    return {
+      recoShow: false
+    }
+  },
   computed: {
     year () {
       return new Date().getFullYear()
@@ -68,11 +73,15 @@ export default {
         margin: '6rem auto 1.5rem'
       }
     }
+  },
+  mounted () {
+    this.recoShow = true
   }
 };
 </script>
 
 <style lang="stylus">
+@require '../styles/loadMixin.styl'
 
 .home {
   padding: $navbarHeight 2rem 0;
@@ -81,7 +90,9 @@ export default {
 
   .hero {
     text-align: center;
-
+    img {
+      background-color: $accentColor;
+    }
     h1 {
       font-size: 2.5rem;
     }
@@ -94,7 +105,7 @@ export default {
       max-width: 35rem;
       font-size: 1.6rem;
       line-height: 1.3;
-      color: lighten($textColor, 40%);
+      color: lighten($textColor, 20%);
     }
 
     .action-button {
@@ -106,6 +117,7 @@ export default {
       border-radius: 4px;
       transition: background-color 0.1s ease;
       box-sizing: border-box;
+      load-start()
 
       &:hover {
         background-color: lighten($accentColor, 10%);
@@ -138,7 +150,7 @@ export default {
     }
 
     p {
-      color: lighten($textColor, 25%);
+      color: lighten($textColor, 20%);
     }
 
     &:hover {
@@ -151,6 +163,7 @@ export default {
     border-top: 1px solid $borderColor;
     text-align: center;
     color: lighten($textColor, 25%);
+    load-start()
     > span {
       margin-left 1rem
       > i {
@@ -160,6 +173,59 @@ export default {
   }
 }
 
+&.reco-hide {
+    .hero {
+      img {
+        load-start()
+      }
+      .h1 {
+        load-start()
+      }
+      .description {
+        load-start()
+      }
+      .action-button {
+        load-start()
+      }
+    }
+    .features {
+      load-start()
+    }
+    .home-center {
+      load-start()
+    }
+    .footer {
+      load-start()
+    }
+  }
+
+  &.reco-show {
+    .hero {
+      img {
+        load-end(0.08s)
+      }
+      .h1 {
+        load-end(0.16s)
+      }
+      .description {
+        load-end(0.24s)
+      }
+      .action-button {
+        load-end(0.32s)
+      }
+    }
+    .features {
+      load-end(0.40s)
+    }
+    .home-center {
+      load-end(0.48s)
+    }
+    .footer {
+      load-end(0.56s)
+    }
+  }
+}
+
 @media (max-width: $MQMobile) {
   .home {
     .features {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 7bd7fec..aae224a 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -21,6 +21,7 @@
       :style="linksWrapMaxWidth ? {
         'max-width': linksWrapMaxWidth + 'px'
       } : {}">
+      <Theme />
       <AlgoliaSearchBox
         v-if="isAlgoliaSearch"
         :options="algolia"/>
@@ -35,9 +36,10 @@ import AlgoliaSearchBox from '@AlgoliaSearchBox'
 import SearchBox from '@SearchBox'
 import SidebarButton from '@theme/components/SidebarButton.vue'
 import NavLinks from '@theme/components/NavLinks.vue'
+import Theme from '@theme/components/Theme'
 
 export default {
-  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
+  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox, Theme },
 
   data () {
     return {
diff --git a/components/Page.vue b/components/Page.vue
index 24dcb97..9f5b9ba 100644
--- a/components/Page.vue
+++ b/components/Page.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="page">
+  <main class="page" :class="recoShow?'reco-show': 'reco-hide'">
     <slot name="top"/>
 
     <div class="page-title" v-if="!(isTimeLine)">
@@ -79,6 +79,12 @@ export default {
 
   props: ['sidebarItems'],
 
+  data () {
+    return {
+      recoShow: false
+    }
+  },
+
   computed: {
     isTimeLine () {
       return this.$page.frontmatter.isTimeLine
@@ -145,6 +151,10 @@ export default {
     }
   },
 
+  mounted () {
+    this.recoShow = true
+  },
+
   methods: {
     createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
       const bitbucket = /bitbucket.org/
@@ -209,13 +219,15 @@ function flatten (items, res) {
 
 <style lang="stylus">
 @require '../styles/wrapper.styl'
+@require '../../styles/loadMixin.styl'
 
 .page
+  padding-top 6rem
   padding-bottom 2rem
   display block
   .page-title
     max-width: 740px;
-    margin: 6rem auto 0;
+    margin: 0 auto;
     padding: 0rem 2.5rem;
 
 .page-edit
@@ -251,6 +263,13 @@ function flatten (items, res) {
   .next
     float right
 
+.reco-hide.page {
+  load-start()
+}
+.reco-show.page {
+  load-end(0.08s)
+}    
+
 @media (max-width: $MQMobile)
   .page-title
     padding: 0 1rem;  
diff --git a/components/Theme/CogIcon.vue b/components/Theme/CogIcon.vue
new file mode 100755
index 0000000..2bcb433
--- /dev/null
+++ b/components/Theme/CogIcon.vue
@@ -0,0 +1,20 @@
+<template>
+	<svg
+		aria-hidden="true"
+		data-prefix="fas"
+		data-icon="cog"
+		class="svg-inline--fa fa-cog fa-w-16"
+		role="img"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 512 512"
+	>
+		<!-- eslint-disable-next-line vue/html-self-closing -->
+		<path fill="currentColor" d="M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"></path>
+	</svg>
+</template>
+
+<script>
+export default {
+	name: 'CogIcon',
+};
+</script>
diff --git a/components/Theme/ThemeOptions.vue b/components/Theme/ThemeOptions.vue
new file mode 100755
index 0000000..fa42174
--- /dev/null
+++ b/components/Theme/ThemeOptions.vue
@@ -0,0 +1,112 @@
+<template>
+	<div class="theme-options">
+		<ul v-if="yuu.hasThemes" class="color-theme-options">
+			<li>
+				<a href="#" class="default-theme" @click.prevent="setTheme()"></a>
+			</li>
+			<li v-for="color in yuu.themes" :key="color">
+				<a href="#" :class="`${color}-theme`" @click.prevent="setTheme(color)"></a>
+			</li>
+		</ul>
+		<div v-if="!yuu.disableDarkTheme" class="dark-theme-options toggle-option">
+			<label for="dark-theme-toggle">Enable Dark Theme?</label>
+			<input id="dark-theme-toggle" v-model="darkTheme" type="checkbox" @change="toggleDarkTheme" />
+		</div>
+		<div v-if="yuu.hasThemes && !yuu.disableThemeIgnore" class="force-theme-options toggle-option">
+			<label for="force-theme-toggle">Ignore Forced Themes?</label>
+			<input id="force-theme-toggle" v-model="ignoreForcedThemes" type="checkbox" @change="toggleForcedThemes" />
+		</div>
+	</div>
+</template>
+
+<script>
+import yuuConfig from './yuuConfig.js';
+import themeHandler from './themeHandler.js';
+
+export default {
+	name: 'ThemeOptions',
+
+	mixins: [yuuConfig, themeHandler],
+
+	data() {
+		return {
+			darkTheme: false,
+			ignoreForcedThemes: false,
+		};
+	},
+
+	mounted() {
+		if (this.yuu.disableDarkTheme !== true) {
+			this.darkTheme = localStorage.getItem('dark-theme') === 'true';
+			this.toggleDarkTheme();
+		}
+
+		if (this.yuu.disableThemeIgnore !== true) {
+			this.ignoreForcedThemes = localStorage.getItem('ignore-forced-themes') === 'true';
+		}
+	},
+
+	methods: {
+		toggleDarkTheme() {
+			if (this.darkTheme) {
+				document.body.classList.add('yuu-theme-dark');
+				return localStorage.setItem('dark-theme', true);
+			}
+
+			document.body.classList.remove('yuu-theme-dark');
+			localStorage.removeItem('dark-theme');
+		},
+
+		toggleForcedThemes() {
+			if (this.ignoreForcedThemes) {
+				this.setTheme(localStorage.getItem('color-theme'));
+				return localStorage.setItem('ignore-forced-themes', true);
+			}
+
+			localStorage.removeItem('ignore-forced-themes');
+		},
+	},
+};
+</script>
+
+<style lang="stylus">
+@import '../../styles/config.styl';
+
+.color-theme-options {
+	display: flex;
+	justify-content: space-around;
+
+	li {
+		width: 33%;
+		text-align: center;
+
+		a {
+			width: 15px;
+			height: 15px;
+			border-radius: 2px;
+
+			&.default-theme {
+				background-color: $accentColor;
+			}
+
+			&.blue-theme {
+				background-color: $blueAccentColor;
+			}
+
+			&.red-theme {
+				background-color: $redAccentColor;
+			}
+		}
+	}
+}
+
+.toggle-option {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	label {
+		padding-right: 0.25em;
+	}
+}
+</style>
diff --git a/components/Theme/index.vue b/components/Theme/index.vue
new file mode 100755
index 0000000..08086e7
--- /dev/null
+++ b/components/Theme/index.vue
@@ -0,0 +1,140 @@
+<template>
+	<div v-if="showSettings" v-click-outside="hideMenu" class="user-settings">
+		<a class="settings-button" href="#" @click.prevent="showMenu = !showMenu">
+			<CogIcon class="settings-icon" />
+		</a>
+		<transition name="menu-transition" mode="out-in">
+			<div v-show="showMenu" class="user-settings-menu">
+				<ThemeOptions />
+			</div>
+		</transition>
+	</div>
+</template>
+
+<script>
+import ClickOutside from 'vue-click-outside';
+import ThemeOptions from './ThemeOptions.vue';
+import CogIcon from './CogIcon.vue';
+import yuuConfig from './yuuConfig.js';
+
+export default {
+	name: 'UserSettings',
+
+	directives: {
+		'click-outside': ClickOutside,
+	},
+
+	components: {
+		CogIcon,
+		ThemeOptions,
+	},
+
+	mixins: [yuuConfig],
+
+	data() {
+		return {
+			showMenu: false,
+		};
+	},
+
+	computed: {
+		showSettings() {
+			const { yuu } = this;
+			return yuu.hasThemes || yuu.disableDarkTheme !== true || yuu.disableThemeIgnore !== true;
+		},
+	},
+
+	methods: {
+		hideMenu() {
+			this.showMenu = false;
+		},
+	},
+};
+</script>
+
+<style lang="stylus">
+@import '../../styles/config.styl';
+
+.user-settings {
+	position: relative;
+	margin-right: 1em;
+
+	.settings-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+
+		.settings-icon {
+			width: 18px;
+		}
+	}
+
+	.user-settings-menu {
+		background-color: #fff;
+		position: absolute;
+		top: 40px;
+		left: 50%;
+		min-width: 100px;
+		margin: 0;
+		padding: 1em;
+		border: 1px solid $borderColor;
+		border-radius: 4px;
+		transform: translateX(-50%);
+		z-index: 150;
+
+		&::before {
+			content: '';
+			position: absolute;
+			top: -7px;
+			left: 50%;
+			border-style: solid;
+			border-color: transparent transparent $borderColor;
+			border-width: 0 7px 7px;
+			transform: translateX(-50%);
+		}
+
+		&.menu-transition-enter-active,
+		&.menu-transition-leave-active {
+			transition: all 0.25s ease-in-out;
+		}
+
+		&.menu-transition-enter,
+		&.menu-transition-leave-to {
+			top: 50px;
+			opacity: 0;
+		}
+
+		ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+	}
+}
+
+.yuu-theme-dark {
+	.user-settings-menu {
+		background-color: $darkPrimaryBg;
+		border-color: $darkBorderColor;
+
+		&::before {
+			border-bottom-color: $darkBorderColor;
+		}
+	}
+}
+
+@media (max-width: $MQMobile) {
+	.user-settings {
+		margin-right: 0;
+
+		.user-settings-menu {
+			left: calc(50% - 35px);
+
+			&::before {
+				left: calc(50% + 35px);
+			}
+		}
+	}
+}
+</style>
diff --git a/components/Theme/themeHandler.js b/components/Theme/themeHandler.js
new file mode 100755
index 0000000..535e1c9
--- /dev/null
+++ b/components/Theme/themeHandler.js
@@ -0,0 +1,46 @@
+export default {
+	mounted() {
+		this.setPageTheme();
+	},
+
+	beforeUpdate() {
+		this.setPageTheme();
+	},
+
+	methods: {
+		setTheme(theme, persist = true) {
+			const colorThemes = this.yuu.themes || {};
+
+			if (!Array.isArray(colorThemes) || !colorThemes.length) return;
+
+			const classes = document.body.classList;
+			const themes = colorThemes.map(colorTheme => `yuu-theme-${colorTheme}`);
+
+			if (!theme) {
+				if (persist) localStorage.removeItem('color-theme');
+				return classes.remove(...themes);
+			}
+
+			if (theme && !colorThemes.includes(theme)) {
+				const oldTheme = localStorage.getItem('color-theme');
+				return this.setTheme(colorThemes.includes(oldTheme) ? oldTheme : null);
+			}
+
+			classes.remove(...themes.filter(t => t !== `yuu-theme-${theme}`));
+			classes.add(`yuu-theme-${theme}`);
+
+			if (persist) {
+				localStorage.setItem('color-theme', theme);
+			}
+		},
+
+		setPageTheme() {
+			if (this.yuu.disableThemeIgnore !== true && localStorage.getItem('ignore-forced-themes') === 'true') {
+				return;
+			}
+
+			const theme = this.$page.frontmatter.forceTheme || localStorage.getItem('color-theme');
+			this.setTheme(theme, false);
+		},
+	},
+};
diff --git a/components/Theme/yuuConfig.js b/components/Theme/yuuConfig.js
new file mode 100755
index 0000000..45b59b0
--- /dev/null
+++ b/components/Theme/yuuConfig.js
@@ -0,0 +1,19 @@
+export default {
+	data() {
+		return {
+			yuu: {},
+		};
+	},
+
+	mounted() {
+		const { yuu = {} } = this.$site.themeConfig;
+
+		this.yuu = {
+			themes: yuu.colorThemes || ['blue', 'red'],
+			disableDarkTheme: yuu.disableDarkTheme || false,
+			disableThemeIgnore: yuu.disableThemeIgnore || false,
+		};
+
+		this.yuu.hasThemes = Array.isArray(this.yuu.themes) && this.yuu.themes.length > 0;
+	},
+};
diff --git a/components/Valine/index.vue b/components/Valine/index.vue
index b8e3eb6..a33051e 100644
--- a/components/Valine/index.vue
+++ b/components/Valine/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="valine-wrapper">
-    <div id="valine" v-show="isShowComment"></div>
+  <div class="valine-wrapper" v-show="isShowComment">
+    <div id="valine"></div>
   </div>
 </template>
 
diff --git a/package.json b/package.json
index 9f16ed4..a8fef1e 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "leancloud-storage": "^3.10.1",
     "valine": "^1.3.4",
-    "@vuepress/plugin-blog": "^1.0.0-alpha.46"
+    "@vuepress/plugin-blog": "^1.0.0-alpha.46",
+    "vue-click-outside": "^1.0.7"
   }
 }
\ No newline at end of file
diff --git a/styles/custom-blocks.styl b/styles/custom-blocks.styl
index 2d07835..d0775c3 100644
--- a/styles/custom-blocks.styl
+++ b/styles/custom-blocks.styl
@@ -9,19 +9,19 @@
     margin 1rem 0
   &.tip
     background-color #f3f5f7
-    border-color #42b983
+    border-color #67cc86
   &.warning
-    background-color rgba(255,229,100,.3)
-    border-color darken(#ffe564, 35%)
-    color darken(#ffe564, 70%)
+    background-color #fbf0ea
+    border-color #fb9b5f
+    // color darken(#ffe564, 70%)
     .custom-block-title
       color darken(#ffe564, 50%)
     a
       color $textColor
   &.danger
-    background-color #ffe6e6
-    border-color darken(red, 20%)
-    color darken(red, 70%)
+    background-color #fceaea
+    border-color #f26d6d
+    // color darken(red, 70%)
     .custom-block-title
       color darken(red, 40%)
     a
diff --git a/styles/loadMixin.styl b/styles/loadMixin.styl
new file mode 100644
index 0000000..7c3bba5
--- /dev/null
+++ b/styles/loadMixin.styl
@@ -0,0 +1,11 @@
+load-start(){
+  transition:all .25s;
+  transform:translateY(-20px);
+  opacity 0
+}
+
+load-end($delayTime){
+  transform:translateY(0);
+  transition-delay: $delayTime
+  opacity 1
+}
\ No newline at end of file
diff --git a/styles/nightMode.styl b/styles/nightMode.styl
new file mode 100644
index 0000000..5b9f9b4
--- /dev/null
+++ b/styles/nightMode.styl
@@ -0,0 +1,88 @@
+$bc = #000
+$fc = #9e9e9e
+$bdc = #9e9e9e
+$fcActive = #fff
+
+
+bc() {
+  background-color: $bc!important
+}
+fc() {
+  color: $fc!important
+}
+bdc() {
+  border-color: $bdc!important
+}
+fc-active() {
+  color: $fcActive!important
+}
+
+.night-mode
+  bc()
+  fc()
+  bdc()
+  h1, h2, h3, h4, h5, h6, a, hr
+    bdc()
+    fc()
+  input
+    bc()
+    fc()
+    bdc()
+  .navbar
+    bc()
+    box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
+    // border-bottom: 1px solid $bdc
+    .site-name, .links
+      bc()
+      fc()
+  .nav-links a:hover, 
+  .nav-links a.router-link-active,
+  .nav-links a:hover .iconfont, 
+  .nav-links a.router-link-active .iconfont
+    fc-active()
+  @media (min-width: 765px)
+    .nav-item > a:not(.external):hover, 
+    .nav-item > a:not(.external).router-link-active
+      border-bottom: 2px solid $fcActive;
+    .dropdown-wrapper .nav-dropdown
+      bc()
+      box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
+  .home 
+    .hero 
+      .description
+        fc()
+    .features
+      bdc()    
+      .feature
+        h2, p
+          fc()
+    .footer 
+      bdc()
+      a 
+        fc()   
+  .abstract-wrapper .abstract-item
+    background-color: lighten($bc, 20%)
+  .custom-block.tip, .custom-block.warning, .custom-block.danger
+    background-color: lighten($bc, 15%)
+  .pagation .pagation-list
+    bc()
+  .sidebar
+    bc()
+    bdc()  
+  .valine-wrapper
+    bc()
+
+    .v .vbtn, .v .vwrap
+      bc()
+      bdc()
+    .v .vlist .vcard 
+      .vhead .vsys, .vh
+        bdc()
+        bc()
+  .timeline-wrapper
+    &::after
+      background: $fc   
+    .year-wrapper li
+      bdc()
+  .back-to-ceiling i
+    fc() 
\ No newline at end of file
diff --git a/styles/recoConfig.styl b/styles/recoConfig.styl
new file mode 100644
index 0000000..b7002cc
--- /dev/null
+++ b/styles/recoConfig.styl
@@ -0,0 +1,3 @@
+// colors
+$accentColor = #424242
+$textColor = #232321
\ No newline at end of file
diff --git a/styles/theme.styl b/styles/theme.styl
index 8820728..4bc9e65 100644
--- a/styles/theme.styl
+++ b/styles/theme.styl
@@ -1,3 +1,4 @@
+@require './recoConfig'
 @require './code'
 @require './custom-blocks'
 @require './arrow'
@@ -112,7 +113,7 @@ h1, h2, h3, h4, h5, h6
     padding-top ($navbarHeight + 1rem)
     margin-bottom 0
     &:first-child
-      margin-top -1.5rem
+      margin-top -6.5rem
       margin-bottom 1rem
       + p, + pre, + .custom-block
         margin-top 2rem

From 022a20ea026fa49507251b83d94d994ea83de998 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Sun, 14 Apr 2019 20:33:52 +0800
Subject: [PATCH 19/21] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E8=89=B2=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Home.vue                   |  73 ++++++++++++-----------
 components/Page.vue                   |   2 +-
 components/Theme/CogIcon.vue          |  20 -------
 components/Theme/ThemeOptions.vue     |  80 +++++++++++++++-----------
 components/Theme/index.vue            |  40 ++++++-------
 components/Theme/recoConfig.js        |  22 +++++++
 components/Theme/themeHandler.js      |  46 ---------------
 components/Theme/yuuConfig.js         |  19 ------
 fonts/iconfont.css                    |  16 ++++--
 fonts/iconfont.eot                    | Bin 6168 -> 6376 bytes
 fonts/iconfont.svg                    |   5 +-
 fonts/iconfont.ttf                    | Bin 6000 -> 6208 bytes
 fonts/iconfont.woff                   | Bin 4132 -> 4260 bytes
 fonts/iconfont.woff2                  | Bin 3380 -> 3556 bytes
 package.json                          |   2 +-
 styles/colorMode/colorMixin.styl      |  55 ++++++++++++++++++
 styles/colorMode/colorMode.styl       |  17 ++++++
 styles/colorMode/index.styl           |   2 +
 styles/{ => colorMode}/nightMode.styl |  36 ++++++++++--
 styles/theme.styl                     |   4 +-
 20 files changed, 247 insertions(+), 192 deletions(-)
 delete mode 100755 components/Theme/CogIcon.vue
 create mode 100755 components/Theme/recoConfig.js
 delete mode 100755 components/Theme/themeHandler.js
 delete mode 100755 components/Theme/yuuConfig.js
 create mode 100644 styles/colorMode/colorMixin.styl
 create mode 100644 styles/colorMode/colorMode.styl
 create mode 100644 styles/colorMode/index.styl
 rename styles/{ => colorMode}/nightMode.styl (63%)

diff --git a/components/Home.vue b/components/Home.vue
index 35e6a32..2ee1f3e 100644
--- a/components/Home.vue
+++ b/components/Home.vue
@@ -174,56 +174,55 @@ export default {
 }
 
 &.reco-hide {
-    .hero {
-      img {
-        load-start()
-      }
-      .h1 {
-        load-start()
-      }
-      .description {
-        load-start()
-      }
-      .action-button {
-        load-start()
-      }
-    }
-    .features {
+  .hero {
+    img {
       load-start()
     }
-    .home-center {
+    .h1 {
       load-start()
     }
-    .footer {
+    .description {
+      load-start()
+    }
+    .action-button {
       load-start()
     }
   }
+  .features {
+    load-start()
+  }
+  .home-center {
+    load-start()
+  }
+  .footer {
+    load-start()
+  }
+}
 
-  &.reco-show {
-    .hero {
-      img {
-        load-end(0.08s)
-      }
-      .h1 {
-        load-end(0.16s)
-      }
-      .description {
-        load-end(0.24s)
-      }
-      .action-button {
-        load-end(0.32s)
-      }
+&.reco-show {
+  .hero {
+    img {
+      load-end(0.08s)
     }
-    .features {
-      load-end(0.40s)
+    .h1 {
+      load-end(0.16s)
     }
-    .home-center {
-      load-end(0.48s)
+    .description {
+      load-end(0.24s)
     }
-    .footer {
-      load-end(0.56s)
+    .action-button {
+      load-end(0.32s)
     }
   }
+  .features {
+    load-end(0.40s)
+  }
+  .home-center {
+    load-end(0.48s)
+  }
+  .footer {
+    load-end(0.56s)
+  }
 }
 
 @media (max-width: $MQMobile) {
diff --git a/components/Page.vue b/components/Page.vue
index 9f5b9ba..8c622f3 100644
--- a/components/Page.vue
+++ b/components/Page.vue
@@ -219,7 +219,7 @@ function flatten (items, res) {
 
 <style lang="stylus">
 @require '../styles/wrapper.styl'
-@require '../../styles/loadMixin.styl'
+@require '../styles/loadMixin.styl'
 
 .page
   padding-top 6rem
diff --git a/components/Theme/CogIcon.vue b/components/Theme/CogIcon.vue
deleted file mode 100755
index 2bcb433..0000000
--- a/components/Theme/CogIcon.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<svg
-		aria-hidden="true"
-		data-prefix="fas"
-		data-icon="cog"
-		class="svg-inline--fa fa-cog fa-w-16"
-		role="img"
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 512 512"
-	>
-		<!-- eslint-disable-next-line vue/html-self-closing -->
-		<path fill="currentColor" d="M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"></path>
-	</svg>
-</template>
-
-<script>
-export default {
-	name: 'CogIcon',
-};
-</script>
diff --git a/components/Theme/ThemeOptions.vue b/components/Theme/ThemeOptions.vue
index fa42174..198bfae 100755
--- a/components/Theme/ThemeOptions.vue
+++ b/components/Theme/ThemeOptions.vue
@@ -1,81 +1,93 @@
 <template>
 	<div class="theme-options">
-		<ul v-if="yuu.hasThemes" class="color-theme-options">
+		<ul v-if="reco.hasThemes" class="color-theme-options">
 			<li>
 				<a href="#" class="default-theme" @click.prevent="setTheme()"></a>
 			</li>
-			<li v-for="color in yuu.themes" :key="color">
-				<a href="#" :class="`${color}-theme`" @click.prevent="setTheme(color)"></a>
+			<li v-for="color in reco.themes" :key="color">
+				<a href="#" :class="`${color}-theme`" :style="{background: colors[color]}" @click.prevent="setTheme(color)"></a>
 			</li>
 		</ul>
-		<div v-if="!yuu.disableDarkTheme" class="dark-theme-options toggle-option">
+		<div v-if="!reco.disableDarkTheme" class="dark-theme-options toggle-option">
 			<label for="dark-theme-toggle">Enable Dark Theme?</label>
 			<input id="dark-theme-toggle" v-model="darkTheme" type="checkbox" @change="toggleDarkTheme" />
 		</div>
-		<div v-if="yuu.hasThemes && !yuu.disableThemeIgnore" class="force-theme-options toggle-option">
-			<label for="force-theme-toggle">Ignore Forced Themes?</label>
-			<input id="force-theme-toggle" v-model="ignoreForcedThemes" type="checkbox" @change="toggleForcedThemes" />
-		</div>
 	</div>
 </template>
 
 <script>
-import yuuConfig from './yuuConfig.js';
-import themeHandler from './themeHandler.js';
+import recoConfig from './recoConfig.js';
 
 export default {
 	name: 'ThemeOptions',
 
-	mixins: [yuuConfig, themeHandler],
+	mixins: [recoConfig],
 
 	data() {
 		return {
-			darkTheme: false,
-			ignoreForcedThemes: false,
+			darkTheme: 'false'
 		};
 	},
 
 	mounted() {
-		if (this.yuu.disableDarkTheme !== true) {
-			this.darkTheme = localStorage.getItem('dark-theme') === 'true';
-			this.toggleDarkTheme();
-		}
+		const theme = localStorage.getItem('reco-theme')
+		const night = localStorage.getItem('reco-night')
+		const classes = document.body.classList;
 
-		if (this.yuu.disableThemeIgnore !== true) {
-			this.ignoreForcedThemes = localStorage.getItem('ignore-forced-themes') === 'true';
-		}
+		this.darkTheme = night === 'true' ? true : false
+		if (night === 'true') classes.add(`reco-theme-night`)
+		if (theme) this.setTheme(theme)
 	},
 
 	methods: {
 		toggleDarkTheme() {
+			console.log(123, this.darkTheme)
+			localStorage.setItem('reco-night', this.darkTheme)
+			console.log(456, localStorage.getItem('reco-night'))
+			const classes = document.body.classList;
 			if (this.darkTheme) {
-				document.body.classList.add('yuu-theme-dark');
-				return localStorage.setItem('dark-theme', true);
+				const oldColor = [...classes]
+				classes.value = ''
+				classes.add(`reco-theme-night`)
+				oldColor.forEach(item => {
+					classes.add(item)
+				})
+			}	
+			else {
+				classes.remove(`reco-theme-night`)
+			}	
+		},
+		setTheme(theme, moveClass = true) {
+			const colorThemes = this.reco.themes;
+
+			const classes = document.body.classList;
+			const themes = colorThemes.map(colorTheme => `reco-theme-${colorTheme}`);
+
+			if (!theme) {
+				if (moveClass) localStorage.removeItem('reco-theme');
+				classes.remove(...themes);
+				return 
 			}
 
-			document.body.classList.remove('yuu-theme-dark');
-			localStorage.removeItem('dark-theme');
-		},
+			classes.remove(...themes.filter(t => t !== `reco-theme-${theme}`));
 
-		toggleForcedThemes() {
-			if (this.ignoreForcedThemes) {
-				this.setTheme(localStorage.getItem('color-theme'));
-				return localStorage.setItem('ignore-forced-themes', true);
+			if (moveClass) {
+				classes.add(`reco-theme-${theme}`);
+				localStorage.setItem('reco-theme', theme);
+			} else {
+				localStorage.removeItem('reco-theme')
+				classes.remove(`reco-theme-${theme}`);
 			}
-
-			localStorage.removeItem('ignore-forced-themes');
-		},
+		}
 	},
 };
 </script>
 
 <style lang="stylus">
-@import '../../styles/config.styl';
 
 .color-theme-options {
 	display: flex;
 	justify-content: space-around;
-
 	li {
 		width: 33%;
 		text-align: center;
diff --git a/components/Theme/index.vue b/components/Theme/index.vue
index 08086e7..65061bf 100755
--- a/components/Theme/index.vue
+++ b/components/Theme/index.vue
@@ -1,10 +1,10 @@
 <template>
-	<div v-if="showSettings" v-click-outside="hideMenu" class="user-settings">
-		<a class="settings-button" href="#" @click.prevent="showMenu = !showMenu">
-			<CogIcon class="settings-icon" />
+	<div v-if="showSettings" v-click-outside="hideMenu" class="color-picker">
+		<a class="color-button" href="#" @click.prevent="showMenu = !showMenu">
+			<i class="iconfont reco-color"></i>
 		</a>
 		<transition name="menu-transition" mode="out-in">
-			<div v-show="showMenu" class="user-settings-menu">
+			<div v-show="showMenu" class="color-picker-menu">
 				<ThemeOptions />
 			</div>
 		</transition>
@@ -14,8 +14,7 @@
 <script>
 import ClickOutside from 'vue-click-outside';
 import ThemeOptions from './ThemeOptions.vue';
-import CogIcon from './CogIcon.vue';
-import yuuConfig from './yuuConfig.js';
+import recoConfig from './recoConfig.js';
 
 export default {
 	name: 'UserSettings',
@@ -25,11 +24,10 @@ export default {
 	},
 
 	components: {
-		CogIcon,
-		ThemeOptions,
+		ThemeOptions
 	},
 
-	mixins: [yuuConfig],
+	mixins: [recoConfig],
 
 	data() {
 		return {
@@ -39,8 +37,8 @@ export default {
 
 	computed: {
 		showSettings() {
-			const { yuu } = this;
-			return yuu.hasThemes || yuu.disableDarkTheme !== true || yuu.disableThemeIgnore !== true;
+			const { reco } = this;
+			return reco.hasThemes || reco.disableDarkTheme !== true || reco.disableThemeIgnore !== true;
 		},
 	},
 
@@ -53,24 +51,26 @@ export default {
 </script>
 
 <style lang="stylus">
-@import '../../styles/config.styl';
 
-.user-settings {
+.color-picker {
 	position: relative;
 	margin-right: 1em;
 
-	.settings-button {
+	.color-button {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		height: 100%;
-
+		.iconfont {
+			font-size 1.4rem
+			color: $accentColor
+		}
 		.settings-icon {
 			width: 18px;
 		}
 	}
 
-	.user-settings-menu {
+	.color-picker-menu {
 		background-color: #fff;
 		position: absolute;
 		top: 40px;
@@ -113,8 +113,8 @@ export default {
 	}
 }
 
-.yuu-theme-dark {
-	.user-settings-menu {
+.reco-theme-dark {
+	.color-picker-menu {
 		background-color: $darkPrimaryBg;
 		border-color: $darkBorderColor;
 
@@ -125,10 +125,10 @@ export default {
 }
 
 @media (max-width: $MQMobile) {
-	.user-settings {
+	.color-picker {
 		margin-right: 0;
 
-		.user-settings-menu {
+		.color-picker-menu {
 			left: calc(50% - 35px);
 
 			&::before {
diff --git a/components/Theme/recoConfig.js b/components/Theme/recoConfig.js
new file mode 100755
index 0000000..05fa129
--- /dev/null
+++ b/components/Theme/recoConfig.js
@@ -0,0 +1,22 @@
+export default {
+	data() {
+		return {
+			reco: {},
+			colors: {
+				blue: '#2196f3',
+				red: '#f26d6d',
+				green: '#3eaf7c',
+				orange: '#fb9b5f'
+			}
+		};
+	},
+
+	mounted() {
+		this.reco = {
+			themes: ['blue', 'red', 'green', 'orange'],
+			disableDarkTheme: false
+		};
+
+		this.reco.hasThemes = this.$site.themeConfig.themePicker || true
+	},
+};
diff --git a/components/Theme/themeHandler.js b/components/Theme/themeHandler.js
deleted file mode 100755
index 535e1c9..0000000
--- a/components/Theme/themeHandler.js
+++ /dev/null
@@ -1,46 +0,0 @@
-export default {
-	mounted() {
-		this.setPageTheme();
-	},
-
-	beforeUpdate() {
-		this.setPageTheme();
-	},
-
-	methods: {
-		setTheme(theme, persist = true) {
-			const colorThemes = this.yuu.themes || {};
-
-			if (!Array.isArray(colorThemes) || !colorThemes.length) return;
-
-			const classes = document.body.classList;
-			const themes = colorThemes.map(colorTheme => `yuu-theme-${colorTheme}`);
-
-			if (!theme) {
-				if (persist) localStorage.removeItem('color-theme');
-				return classes.remove(...themes);
-			}
-
-			if (theme && !colorThemes.includes(theme)) {
-				const oldTheme = localStorage.getItem('color-theme');
-				return this.setTheme(colorThemes.includes(oldTheme) ? oldTheme : null);
-			}
-
-			classes.remove(...themes.filter(t => t !== `yuu-theme-${theme}`));
-			classes.add(`yuu-theme-${theme}`);
-
-			if (persist) {
-				localStorage.setItem('color-theme', theme);
-			}
-		},
-
-		setPageTheme() {
-			if (this.yuu.disableThemeIgnore !== true && localStorage.getItem('ignore-forced-themes') === 'true') {
-				return;
-			}
-
-			const theme = this.$page.frontmatter.forceTheme || localStorage.getItem('color-theme');
-			this.setTheme(theme, false);
-		},
-	},
-};
diff --git a/components/Theme/yuuConfig.js b/components/Theme/yuuConfig.js
deleted file mode 100755
index 45b59b0..0000000
--- a/components/Theme/yuuConfig.js
+++ /dev/null
@@ -1,19 +0,0 @@
-export default {
-	data() {
-		return {
-			yuu: {},
-		};
-	},
-
-	mounted() {
-		const { yuu = {} } = this.$site.themeConfig;
-
-		this.yuu = {
-			themes: yuu.colorThemes || ['blue', 'red'],
-			disableDarkTheme: yuu.disableDarkTheme || false,
-			disableThemeIgnore: yuu.disableThemeIgnore || false,
-		};
-
-		this.yuu.hasThemes = Array.isArray(this.yuu.themes) && this.yuu.themes.length > 0;
-	},
-};
diff --git a/fonts/iconfont.css b/fonts/iconfont.css
index 8434e04..080d647 100644
--- a/fonts/iconfont.css
+++ b/fonts/iconfont.css
@@ -1,10 +1,10 @@
 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1548606483811'); /* IE9 */
-  src: url('iconfont.eot?t=1548606483811#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1548606483811') format('woff'),
-  url('iconfont.ttf?t=1548606483811') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1548606483811#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1555230336940'); /* IE9 */
+  src: url('iconfont.eot?t=1555230336940#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1555230336940') format('woff'),
+  url('iconfont.ttf?t=1555230336940') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1555230336940#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -15,6 +15,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.reco-color:before {
+  content: "\eae9";
+}
+
 .reco-message:before {
   content: "\e634";
 }
diff --git a/fonts/iconfont.eot b/fonts/iconfont.eot
index 0cefa507d9cdd538762e126cfda980000e08885d..95c907f2120972bc71f13ef9e8d5178ce553588f 100644
GIT binary patch
delta 1100
zcmZXTO>7fK6vzK>W<TO}Y{!YelFF`Q8$0%z#7!K76iRcb)C#o{MTkQ|kU#=KN=OuP
z00cFs_JE>7Tmh|mXeD|<RWAvgxNzZ8gd!DDS|Jow(U2e{F7#5Vn71B9LSkosJ8$0X
zd+$FpyVollA6Od+U^H>Xsu`;*OZ%>jUa!aJzq<{HDj;{Am_B>_v-z)Y045XqbZT;Z
zBKq6W{{gHqwJCPA-7(IweTT_S%`BW5+iY$C^pMA6)3e9Mw?8Q^ar_*Q2WQ65%#n-B
zJkNEJJ~ciwxqJWX3qa%r*PNM~Jsnv1<o>Jgf%qYQVZAXy*=-3B+swYDmDMAmUH`&w
zumgDfSLota-}sffDbct`j~hRTFA6#a)Ct*&E_3g2i3AKNjwvC{mec5zIq`h6QIjRF
z8<XxquTrVi%IJTqRq$>DqKKdk?eHPM`7D^|gdZIc2qTVQt7-@_*qpU%c})hWp7SL0
z6-P^nr-su&*&0p=<<oF#D3<NPMW6y2E(aCVaAByhh9y9Gxfm7$mC~>*sJy1m3ZeQm
ztQBfV!>Xb9*gaT3)QE;x0`;+`C7QQLF}ymclNw$p)On4!&+3u}A>bK*4j#M<*jPl}
zdw@3t&o?#R0loZ2gD#!}4&X<uQ;wE|BXZ)LxGC1<Uip*JXMAO>nK5&ZdD9YB&HB$i
zVBg^Pd40{_<t;hPI~GO{ve?PzI9RLZGgc&4*fO$g)LSll%SD4mG-A1wv7(U}TiHy$
zqb8k{>yDJm3rX%=_n|j(-GyYi%pLWu5PdtjKV95bOy6!c>0)uT$oE}ul7m{$yV^&$
z)_<N@EGN7B-%A&pG~M*RuH}mLd7%D}d@57;kR6rbLO&I<K?>2ZWe3U5<Oe8P9iV)n
zL|J<{o3TP<Mc$_r?FbL0DBio9b_|7MwU4M)m4B?ZmwHBmU4lroxykN=;}g<}NK=S`
zL?Q5}<6LtReqnU_>F@TiA)UDInj?Cv^dOob>S!mDvZt4NVqKPHnqeY}h9CKp{;NJ=
pzy8Gu5Ct6i(h|O_{^W8cvR(3Db~xVeqi&eTW~XQ88;kKvZvg*$(`Enw

delta 897
zcmZ9KO-NKx6vzMPzBlj9y!moIoS6)?a=!9o9Gh_rGz+p8fvpUJj2P3haMI9)LNQB+
zL`kNF3s=$7ozW&2Mi{tpAq6g6xQLr=a#J8t+Ie1r=w5#Bo_p`R=l?&KyVt&$HDWPf
zJi1^M^g(xJec{q#d26W^fXD(`^8V=by{`IC4*^F7@GXrD7l*>1dm8zNU8XR?3(i%2
zn&VX_K2n;T8u)s&2hc~J4~&l8Ehcu)a_qRt^K7X&HBL=<&iky3Q;&+J;hz4(r$9K)
znx*lv3Gd|N%asHWdBH#IREMZB5e0F~tXJHFcl_Ny;MREo*q-<u`a4#a=>$cqA85P!
zQuL*K$7euJXva|tj}}Y#pks&6q;ZNPXEmb5tKC|YzCUwxR3$xigLupCO=$V2XYhY#
z%Lu`Q8%}sQxr5UMSi;Y8HHg3q0T+Czg@NG8H_c0ByJWjX0Lg<5CxJ8-oDR~Z;KY#Z
z*M=n^y$TkC^eI>tGN51skhKc70$HzMQ;<nTnf*bg74~JwoPs?=<`wp3$u0%g0okiK
zHhqg@hHHa-px`PYpD4Iq$XNwfjxYQUZ1@haH-{_s2YemapHU#lbGu!|JT|GDUel(C
zi+(XLerngWEj_J2)7SLxj(*3oW7l|P!o0q6VDx#*zqB<?#|3^B*^X3(n(2(;rw+sP
zk(r@3s?E1iGG!*4slCzOF~SX0Po05WJ>^cHD|F@pk-|kP<h3{NJ*n7vPf!pEXZmC`
zVL64cLIw%Z5=nSAENjjcwS->drd4-9(_9hfyh}v$^e!Crdx$hG)<6^s2OZq}L=>vo
maM$r6VIID<yk3iX4dI+~*Kv_62jNzYpJ+0cAyjY2X8!<XAf@^M

diff --git a/fonts/iconfont.svg b/fonts/iconfont.svg
index cec90f7..98c0afb 100644
--- a/fonts/iconfont.svg
+++ b/fonts/iconfont.svg
@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="color" unicode="&#60137;" d="M778.22179555 384q29.56401778 0 51.21517 20.48606777t21.60260778 52.33171001-21.60260778 52.33171001-51.21517 20.48606776-51.21516998-20.48606776-21.60260779-52.33171001 21.60260779-52.33171001 51.21516998-20.48606777zM632.58624 577.40401778q29.56401778 0 51.21516999 21.60260779t21.60260779 51.21516998-21.60260779 51.21517-51.21516999 21.60260778-51.21516999-21.60260778-21.60260779-51.21517 21.60260779-51.21516998 51.21516999-21.60260779zM391.41376 577.40401778q29.56401778 0 51.21516999 21.60260779t21.60260779 51.21516998-21.60260779 51.21517-51.21516999 21.60260778-51.21516999-21.60260778-21.60260779-51.21517 21.60260779-51.21516998 51.21516999-21.60260779zM245.77820445 384q29.56401778 0 51.21516998 20.48606777t21.60260779 52.33171001-21.60260779 52.33171001-51.21516998 20.48606776-51.21517-20.48606776-21.60260778-52.33171001 21.60260778-52.33171001 51.21517-20.48606777zM512 820.90666667q179.76282112 0 308.35901667-113.78991446t128.54765-275.34828999q0-100.14871666-71.7012389-170.68487111t-171.80140999-70.53615445l-84.17735111 0q-31.8456411 0-52.33171001-21.60260779t-20.48606777-51.21516999q0-25.04931555 18.20444444-47.76846222t18.20444445-50.05008555q0-31.8456411-20.48606777-52.33171001t-52.33171001-20.48606777q-182.04444445 0-309.47555555 127.43111112t-127.43111112 309.47555555 127.43111112 309.47555555 309.47555555 127.43111112z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="message" unicode="&#58932;" d="M864.227 791.373h-702c-48.988 0-88.732-39.621-88.732-88.487v-519.688c0-48.866 42.607-84.866 91.616-84.866h218.638l122.113-106.65 122.134 106.65h233.366c48.988 0 91.596 36.021 91.596 84.866v519.688c0 48.866-39.763 88.487-88.732 88.487zM685.393 342.72299999999996h-309.702c-17.202 0-31.152 13.95-31.152 31.152s13.95 31.152 31.152 31.152h309.702c17.223 0 31.152-13.95 31.152-31.152s-13.95-31.152-31.152-31.152zM759.029 505.848h-484.343c-17.202 0-31.152 13.95-31.152 31.152 0 17.223 13.95 31.173 31.152 31.173h484.343c17.202 0 31.152-13.95 31.152-31.173 0.021-17.202-13.95-31.152-31.152-31.152z"  horiz-adv-x="1024" />
 
     
@@ -80,7 +83,7 @@ Created by iconfont
     <glyph glyph-name="jianshu" unicode="&#58880;" d="M0 384v-512h1024V896H0v-512z m356.864 331.776c-1.024-6.656-4.096-15.872-6.144-20.48-3.584-8.704 2.048-9.216 78.848-9.216H512v-51.2h-43.52c-24.064 0-43.52-0.512-43.52-1.024 0-1.024 4.608-16.384 10.24-34.816 5.632-18.432 10.24-33.792 10.24-34.304 0-1.024-18.432-1.536-40.448-1.536h-40.448l-3.584 16.896c-9.216 45.056-13.824 54.784-27.136 54.784-7.68 0-21.504-8.192-35.328-20.992-22.016-19.968-71.168-46.592-99.84-53.76-14.336-3.072-14.336-3.072-14.336 22.528 0 23.552 1.024 26.112 19.968 38.4 25.088 16.384 41.984 38.912 59.392 76.8l13.312 29.184h41.472c39.936 0 40.96-0.512 38.4-11.264z m306.688-6.656l-3.584-17.92h179.712v-56.32h-96.768l10.24-29.184c14.848-43.008 15.36-42.496-28.16-42.496h-37.888l-3.584 16.896c-2.048 8.704-6.144 25.088-8.704 35.84-5.12 17.92-7.168 18.944-25.6 18.944-16.384 0-23.552-3.584-41.472-20.992-19.456-18.944-76.288-50.176-104.448-58.368-10.752-3.072-11.776-1.536-11.776 18.944 0 20.992 2.048 24.576 27.648 46.592 25.6 22.016 49.152 59.392 61.44 97.28 2.048 7.168 9.216 8.704 44.544 8.704h41.472l-3.072-17.92z m-317.44-162.304c4.608-8.704 13.824-32.256 20.48-51.2 13.824-41.472 14.336-40.96-36.352-38.912l-34.816 1.536-11.264 35.84c-6.144 19.968-14.848 43.52-19.968 52.736L255.488 563.2h40.96c40.96 0 41.472 0 49.664-16.384z m462.848-225.792c0-200.192-0.512-217.6-9.216-233.984-15.872-28.672-40.448-37.888-103.424-38.4h-53.76l-1.536 29.696-1.536 29.184h33.792c29.184 0 35.328 1.536 46.08 12.8l12.8 12.288V476.16H384V537.6h424.96v-216.576zM291.84 243.2v-202.24h-76.8V445.44h76.8V243.2z m363.52 57.344c0-182.784 4.608-177.664-167.424-177.664H373.76V424.96h281.6v-124.416zM450.56 335.36v-33.28h128V368.64h-128v-33.28zM450.56 215.04v-35.84h55.808c65.024 0 69.12 2.56 69.632 43.008v26.112l-62.464 1.536-62.976 1.536v-36.352z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="theme" unicode="&#59368;" d="M949.6 535.4s-0.1 0-0.1 0.1L755.1 729.4c-15.6 25.3-43.4 42.4-75.4 42.4h-55.5c-16.2 0-29.7-11.6-32.7-27l-0.6-0.9v1.2c-0.8-2-2-3.9-3.4-5.9-9.4-32.3-38.9-56-74.3-56-31 0-57.6 18.3-70.1 44.5l-0.4 0.3c-0.1 0.4-0.3 0.8-0.4 1.2-0.9 2-1.5 4.1-2.3 6.2-1.4 3.6-3 7.1-4.6 10.6v-5.3h-0.2c-0.2 3.6-1 7.1-2.2 10.3-0.7 1.5-1.5 3-2.3 4.5-5.8 9.8-16.3 16.4-28.5 16.4-2 0-3.9-0.3-5.9-0.7-1 0.5-2.1 0.7-3.2 0.7-0.7 0-1.4-0.2-2.1-0.4v0.4h-44.4c-28.9 0-54.3-14-70.6-35.3l-201.4-201s-0.1 0-0.1-0.1c-13-13-13-34 0-47l141.3-141c11.5-11.5 28.9-12.2 41.9-3.4v-325.6h2.2c4.6-12.9 16.6-22.2 31.1-22.2h444.2c14.5 0 26.5 9.3 31.1 22.2h2.2v324c12.7-7.2 28.9-5.9 39.7 4.9l141.3 141c13.1 13 13.1 34 0.1 47z"  horiz-adv-x="1024" />
+    <glyph glyph-name="theme" unicode="&#59368;" d="M978.77333333 545.49333333s-0.10666667 0-0.10666666 0.10666667L771.30666667 752.42666667c-16.64 26.98666667-46.29333333 45.22666667-80.42666667 45.22666666h-59.2c-17.28 0-31.68-12.37333333-34.88-28.8l-0.64-0.96v1.28c-0.85333333-2.13333333-2.13333333-4.16-3.62666667-6.29333333-10.02666667-34.45333333-41.49333333-59.73333333-79.25333333-59.73333333-33.06666667 0-61.44 19.52-74.77333333 47.46666666l-0.42666667 0.32c-0.10666667 0.42666667-0.32 0.85333333-0.42666667 1.28-0.96 2.13333333-1.6 4.37333333-2.45333333 6.61333334-1.49333333 3.84-3.2 7.57333333-4.90666667 11.30666666v-5.65333333h-0.21333333c-0.21333333 3.84-1.06666667 7.57333333-2.34666667 10.98666667-0.74666667 1.6-1.6 3.2-2.45333333 4.8-6.18666667 10.45333333-17.38666667 17.49333333-30.4 17.49333333-2.13333333 0-4.16-0.32-6.29333333-0.74666667-1.06666667 0.53333333-2.24 0.74666667-3.41333334 0.74666667-0.74666667 0-1.49333333-0.21333333-2.24-0.42666667v0.42666667h-47.36c-30.82666667 0-57.92-14.93333333-75.30666666-37.65333333l-214.82666667-214.4s-0.10666667 0-0.10666667-0.10666667c-13.86666667-13.86666667-13.86666667-36.26666667 0-50.13333333l150.72-150.4c12.26666667-12.26666667 30.82666667-13.01333333 44.69333334-3.62666667v-347.30666667h2.34666666c4.90666667-13.76 17.70666667-23.68 33.17333334-23.68h473.81333333c15.46666667 0 28.26666667 9.92 33.17333333 23.68h2.34666667v345.6c13.54666667-7.68 30.82666667-6.29333333 42.34666667 5.22666667l150.72 150.4c13.97333333 13.86666667 13.97333333 36.26666667 0.10666666 50.13333333z"  horiz-adv-x="1024" />
 
     
     <glyph glyph-name="three" unicode="&#58948;" d="M861.798876 266.798732C835.998959 320.998557 830.598976 331.29852400000004 806.999052 385.398351c-12.59996 28.799907-38.399877 46.79985-61.899801 52.69983l62.499799 294.499054c9.29997 43.899859-18.299941 86.99972-61.699801 96.39969-43.399861 9.39997-86.099723-18.59994-95.399694-62.499799l-58.099813-273.79912-3.699988 322.598963C587.999756 860.296825 551.599873 896.396709 507.200015 895.99671c-44.499857-0.299999-79.999743-36.999881-79.499744-81.799737l3.499989-304.299022-66.199788 248.999199c-11.499963 43.299861-55.599821 68.999778-98.499683 57.399816-42.899862-11.599963-68.299781-56.199819-56.799818-99.49968L295.000697 395.898317c-62.899798-21.69993-92.899702-43.899859-103.399668-72.899766l-37.999878-108.399652c-8.499973-23.399925 3.19999-75.299758 11.499964-98.799682 39.699872-112.799638 86.399722-187.699397 114.499632-226.699272 4.899984-6.799978 9.099971-12.29996 12.799959-16.899946H760.9992c1.699995 3.09999 3.19999 6.29998 4.499986 9.699969l94.999694 256.299177c22.099929 52.099833 10.799965 108.499651 1.299996 128.599587z"  horiz-adv-x="1024" />
diff --git a/fonts/iconfont.ttf b/fonts/iconfont.ttf
index 9afa90586cc544c2dd9d135ae6d0cfba4a2a414b..3a46f0bb87dc57a0fe2165b9eb71c8ccb12bcafd 100644
GIT binary patch
delta 1116
zcmZXSU1(fI6vzK(=6+=FW_Pp6ekHQ&W;gC;bGMt2Y_>vbqaaj7L8bJeR%~ojqa-H8
zJk+9YeX)g7t+~=7_@Gc<`XEBvJmtYYD<W95ij*R8Y=Whw=!;-(&+HHoymNnd&Ybx;
z|8wr#YkWO+ZmgYM{&)=#O+fB>b^fhm&n&-x5wMxWQ**O3N7G-v@-Ki}OlyuEUF+5f
zw%3`VxrLSEhd0C90A1(t;rYcQGrNARt@8dQ9*-}~9A6?I=XgHH<Ki1L3$uIoZ@&Yi
z{^XboON(#DR`z}S*C#;s5HHyHXuUk01F^}xuzINYa$?Wlh+6CbZv31$xzmUD!nSos
zzQ^M(2<_!Z@5==Rx)I!`=d0!%P%mU>rp~>`QFE}Mc;yI+Y<a=!Vn}Rl1|NtKXKVBB
zsW1$lkhPbH=XI;2@t-z^|2H6w6szb)1Tj9*fsI~7(Zjlu$Rgf}n?MFG>*!;d4oBDy
zz9KuAww(5mmd;NW9a&l$p9tj|_-v?%fulfi4jPUJ6*F*TsJMYOKqU>V21=jBur8>A
zffYhk3~d$*HEdwnP!k4D0E(}LMweJk88|7ZCk-9ZFS5;WqEN3HIAy4}4Z7&+i~$MY
z556uME(mU)MO%NswZYb=LI170rwqDY{2aii*q|X=6(0Ys6XKHCkk84_tYPb2>z19d
zpSCYK!f84GxCh*eyq@z5zmZqvBv&kn0hIA5*L}RztdyKorn+O4*=ToM?v9Jbt#r!q
zspO<n8Mex$N>59A1>c{l*H`k~`Tli1^8J;3z0MsCUm^N%c7L(<NUgXQhIF#_c#Yp{
zdXhJFzSoS8u5NsO^lUxf-*~843u!*om-g~$``K9gH+fSQ@EAMBCaVpqmgAJ5Nym+o
zTdIswx;aXf>IjwH$#Tg_kdu0t3bZ>pQK0PLUfMm8%(SMd)s#Pc-#s!g74H*7qRY?s
zSG|akUP{_RjOMDbpFHn^mx~IkH%h;BCoSn^BNsd|*re~$Iij9!A}I$3X&}?*IJTW6
yqIB}dXg+#ABHZmSycki;ql1o!oR8)&pYGcwDHp6|8WHM;ePnTdaXI)sbLIimj@Y~a

delta 908
zcmZ9KJxo(k6vxlG@3XI8l$O2*lY;hBK1#Kvn1C=y95fhA82lhHjiP8MU|@hmZJZzy
z2<9;|I=Z1OcBnB9EDS^w28Isiii43s7lPoqy)iM~o8P<V+<V_S|8w4}W)Cu}+49bM
zCjhW4fRcPLF@L`|`uP!nwg})`A0I2;3w`O2(S;gO7^e-hqRx|DA>!ku*}2hgC;I^S
ziTu%tsk_BQ?JU{a4f3<4;@mX0!780c$Zwr2md5%=j-LXA;*_&AJvHN<eSB##0T5oJ
z3wtjsu>l*9Oyc9h=B+#azF**0X#-$)=6CS#dU9}5R=+FH$v1(CT^iy&+lk_?bBIGJ
zU)={ZL8)6Ev|5za2P*8*%`~)<Wjd2A?yRvkr^?!IBJGOV1|9#*4E#T-00@EsZp!YV
zxEe(YP;@_KYJf0!Ns|kF&;&X(k}%!5t{gcvW|Td3p`sgNgaJ4$0*VOSkWg&kE(v7;
zPPzq@54cxCnSuKxqycz9LTZ3FNk|v)sDu;(PnN}l0*T9MiD(MXNvHted5LHm@0Czd
zzy~FD(YMJas8HY!CE_#iClV?i_>zR$0AJ}B5x`Yaw!bW)-oTFqiRe;&T!t0c#y)(5
z+bqsT*a|yTt|&WdT798b)t}mk_FAjyuM9A*Z4B!}-tv)BRaCf0P0n_wGT4r1bU$|M
zh7XMlc41S#3zI1$*^cL8;zSR%U=(`-xhUpNpD*;}0^z~{7V^sG2Tv+;!PCePnVCLi
zCoGdOE2tx59pQv$%d(bTw#C#2H&)yMMRA4A6&JJf_&#L&J&1}DX+eyH8Z{bzL<}};
lxtr-FW*on>yj}|jb!INRo2kr=;ZUc7w)4!+AUJRBr9Z{irKtb_

diff --git a/fonts/iconfont.woff b/fonts/iconfont.woff
index c08cd7aa8414b2006b40e0a6cb177075de88d5ab..2d512c6af2b75c2b205fe3efa255f3b728106695 100644
GIT binary patch
delta 3738
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
EdwAmM;Q#;t

delta 3637
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
HM>0GBeC(zq

diff --git a/fonts/iconfont.woff2 b/fonts/iconfont.woff2
index 8efc37bf3ae4407d5ce8fa34467435aaae84b5e3..9f5bb4f065abeb261f89b425826ea9775a9c0a82 100644
GIT binary patch
literal 3556
zcmV<A4IA=zPew8T0RR9101e~-3jhEB02n|301cG@0RR9100000000000000000000
z0000SLIzd<hCB+MNSHnWHUcCAU<)z;1Rw>3Z3ls58$1*<qr%1k08u^<+5hQ43%Sa!
zpMgWJMzzsc>$R@f=?+I@=jm%5O#%|_6|5i3nhpq7Li($Q?hb&kW2g4+@K*#bus#P5
zpU(1+W+XPj0T5MaA0T$bB>`ynAW4-jFZO%atO&wJsFJMe5h%3x((Df`&2};=v^gL%
z+xgsH?-IXDoDVUTw_{P=D$WA08?5l7QZqYw9a{u8oYVfHD&YbD8$Vy)-w<u{?*7G!
z05KY$Gzt?G6Qc@U;mifGgk`giZa@Ia&?Y-_8E`W%E%xBHgQV710|fKU{i=HW%{WX$
zlh<kSwy)a`Is8zu2%%EKhN(m<G#ZgcNRdj;Sj4uN^(!utP!HOO*cbwEC`x5S>*vp(
z)(8b-1<FhgPPayx5LAJ+zzQ$|3o1u!K*!QnY6sTaj~BnGDJ;;?C2UjO$3A7PgU>(9
zWw{tEvt+v?z}rF~fy#gaEgei2QKV-oTh0kpR`@_giqrWzKEBBj6p>I=S>@H%NNa;k
zFwg3|{QR}Qe*UvOH&pX$3;3#5Td-(BMeesUReh?ye@GC=!owzj!aygAOBjs^DT4F%
z4=+R#6G04w0hRUuL}}!tz(+bG0lw*sIQX_REbtv?c;E+Eick<NgD3)w0!jd502KvB
z2Pz9p6sSBfE>JCC!a%iw(SRC(rCZb*^65o`z%p($0T>B14;Tk%HJlNGynJUQA%Cqi
zO!)PaAlQQxs74HcG#021w56p^fHAPe%=W<Ozci<}I-()KNlh#?Vl;5dvvz>7nK%*i
zynrYc65)iDZAXx(tU3kXDs<Sk%X*%$Id7S81>23=UevQ=a_eQop3ut{4M%lTx0+gx
z(z(MgtmpPq^O@!hkbyGeyz>tr$g!V-%rlUA8vR6e{<;x$?q^ES#<yCm_QMx{qz7;Q
z9*9_V*}8%Q&L#7r{`nmSnF<SyZ=Ei6ia?>Ja_Y=A@cJcZ740h&_B8%=dR2lB^<0q#
zvd=SiJ<p5Sf0_`m@+>#<!i(gotariQO_S5ZxveN#6jt<m@9^sUP56r1!4%Td$|{Qf
z4?J3?&V>*8YSs@<1;f-sx7tuEKKzWMqo9c3Xydj#d6WLN_hnYs0Go*oD__kpY2zUi
zLGz4#v?}kG!C&!uI`jqp_H|4A(dz77qWlk??`enjD)$+B356J5&FjaPnoekRC}>{>
zsh1F#`Kx-4ByE=<y!-y~YB6ow<3s67pI5q7%wEE*%=7}iWcpz>d+7?#rPY6dD9->H
zpXqt{)qq*XjO;4~4dx<0VS)-dheYu|Rb71oF4a9+>i-J%O7(a-zD6Z}O|-rXH#mI3
zv*#R2D+9gew3YRJi=6i_^X`(8%ij^0hBcLtV3yN$EK=)#!mF;czPt3yTl76<)i-$m
zJu-~;{&Fr`m+T9Z{>}_-%75R!E6l81_jw1{^*o@7Xl?WZ4&~C4gq;i0(&o(a#T;~a
z84Bx4K0dgVXh?-+T_DvHt`cBoUAdQhr``8rHBWk0x$+=+Yvv-${1OCT`oQ{6`;v9p
zxj4{W;sc((x>0Y?nAm?<FtgGuoL%J<&#$?WJgoRVaIwrlvwN!(7;$rKQIjUYwUxd)
zKp$_#U^Ro}Oxk$7G}xCnLxndk>h@(3enUf6uSm^8!0dkci|$%sS8xq-lntBOya{`w
z%a|&lx<3VKKF<@B+54iO^$`G6{Xl8yz^6*g<4=iwt!+{g!PWJ=u2ICEpqMs+KouVz
zH#u7nwk)n)17|kulR>=;ZmtUUzOer>$MsuF(uEtz$*$u~CgfJJTygVImf!!TL*CNb
zlRL@Q1?*02UGc5Bb#+Czt%{<1!J9ORu>24?S@__BB*_REc?2yCPrm3Hl93A95CPn+
z7m}bh*Mfa_J<db!z90x!SbmygKTb-*62)D4wvFNt*$)$x+2)KS97q9Jx${LXU662~
zS6G)>hC8!<y<Nk~0>z<gXKeU63s=f%g6yn?r><<Y%~qYU$dE6xyn5BsQdefqQ(U7g
z64|XJRz~a~b~GQbT@$gI$F8|z=cs;aC=-#pVt17aJU&=5Hd315Fl=j?WbGh!*!J)L
z$zmpgG4p+dBd%dW<KFJ9<nz7cCgU2o;f;Mkde92$>F9{XPf{y;5-_wf1kIrc%P_m~
zMC-n7bsf(lNYKyl%r?1>W&M8~93F=?1S!58RwOf3z+498<v=!M@dOM&kahxDkj=|s
zKtKQ&f#B4sxngn>IH&-`4+4X-QV`5UXY$a>Q>UFLIS!%i+fk&MP88?_LNf%2#Q=bY
z&_OFe36!<8fE{Z8|Gr)w$URk{s%i)=>yA&K2BqlK5o{2|#dk3LoT__hq}7gw;BYzA
zv06b?H@qXi=at?)s<U`Uc}JErzB0gS*U#)hgJ|_kREz5L{DVlDEfoe@@heyrBPE8J
zP87QZ0nZCW06dHkfdi=DKm-W1SNvW6QeBSGJJ-eO0w1-tLcS$ukaTZWQo%mWP~Yse
z2benE7)&f|h|`~HV`7|Ak-~vhll<Z>2iZQ0DcMe1{&nD1Q0LA`5UQjkO7yBhFc$GM
za>V}W+^;DxZdkw9;_QgbIB_w2Hpgg|&Xg^KDuz`53=`7z1N5Is&QAC2XzJyHS<Cln
z$O5?<hExMgt%NB@!x2x%LhZ^dX#%4R6ZxHHllp-?UcD({9dj_o>d=buam9(xbhAxX
zoalaDUgKbs@#?4n2uW(K8uEZcS}Q8Jd&T0t+zSF47_S6`bN?8o#TQWU*uRcuw_jz4
zg-K{L9Cg)VDS?wPN{cqD<5VDf_G{u6CF5@s;MSTwvU^lx#%%(Bh4PB{J^a;UF%_nD
zfYBhbDgo(IT1zWUnr?0oK$y7{TM3C4)1x^l6Z<$!Y$n6cHTpxDO(_n#;o}-}K$A_q
z51*mv?olwFtfK>J9kp10=+XI{$aWq)Qj@FmphgXxr6+zou)6XN{K&_`GOZ!rP?ne{
zUgcG$H76^+$1FLBOg&yzZ2IqgfoH*;b|K&2C6sI$tlXnX_N3AeqJuT)p1zu=Ga)9?
zUKt>+f^=s1j>2=Me^PeGIB@tp=lOFXt@R9;@652|w_D{0`K=RDXUO03+4zX4$bT!J
zK^3m^3mQ64d#onI8O(1zV{EO?;_`y)_q+RT_wte}Ch0tD`wY~4tfrwo<4Z|_pd-4&
z#H5{=<^`Qnv~<+f43vV~Nvnu=P7-jyh`soqKWc9THB_Q~`0w9y?EU?pQ*zcoZ{^&+
z+i2&u%5S)0r0J9&sJr;p0*PE$NfyXezTnK6#&^}vRggD(_m;Jup&pK63kx|w-$|GH
zpaf2v21{^V<_<GGCp|R#_|aLIUVygK#ZB1j-`FPIIX%DuYq*4)o8wAz>6L;yd0A!~
z&FhmY@BuV`5$uIMiiJI>1TUwXW$JUhS(S`wi0LV0!K4g2Ej~XME#dg14sIod!7%_&
z7d2P7cT{>#F0iVWf-*L><Cx%OgW^(&XEhohg5?})QjMy5)~FnXRH6OwZ_DT{xTz<5
zb7)#X`~eVSK^-Qb6fPH$yjIyON*4z^*B<v)oj&7fdx)&(uL>=izpv+mo61LGp?)Sv
zIF|`Iwi5-P=97%9yofEq>+;sEVK^*FSsOC$dEv?Bw-YEWYv~1YP`DFeQhtV)OIwAz
zol2UWR5h+P$+%0c$<Ok1wxftCn(GqspijrD2Z1Q6BM|2wsALln7s%E?Afry@0n19s
zAc<t+GC{%AkO3rHlpMHrb*}APsYKqmT!6xCl(#nOgkd?7BC%95*A~=ysBIemMPg-4
zb4zt)=%zJ>86djR9oAWAM5h0ksHYqJn4UqrN2RXS>GOnk8Bq<n8?U<H`Tx;5pl$ze
z0J+n)VnH_fyWELgs|zZCb^?%lK#4g(^3E^JGwObjbpTR^Ix<H>tOdfCtj2QxoAa$4
zK;~}uWGo~yHdvqJswo($z<viM{Xb*+o6uDx6Fy)Kk_}{7D)R{1cDW+yted&ZpNN*5
z2CM&N<9|DT7?Ae*O(=_Vx{;4hey2dQ7y)<iSmhOHrT$g*LeuKIHF9uHcBH(V#ogXa
zJ~mmJCD@r7;P3%(=N=#B<23mvDl494_$LyeVNwK0EJ|xD{mMYcr8Y3IXa*cA(Qa{<
z7&GZ2lnqp5X#@meP6CY}mw+V918t@M0q7+83mAlj1P*;gY=tgm#e_*Kh8AS%cvHbp
zZAG|DT-h(URBBGEtoRQcLz>!Ft=^yaf*Rb#Eb;7iB34<ZN<BxLLs^n)m~t3dd68zn
zt~NF_>&j5on$QXcXhb{AP>kf}bpi&W#ttt`2HyV*;7F8cxS+`&uYUk05~39~9<Vf7
zLHmWPD>XSSm1l9rv12w7i;}e&qC(M@2q<|rp_m>XF9#Te72_LZHteZJU5%~Et;X+P
z?GhXtU$bnL=>ei7E2^d&CbP@lTd`Pec8AmD_IQ2%Pz;sC!wNBKhc0dyL})gCWLDN`
zJL22m0^_xG>!upYC5V7~CT4Z7LY)RKh)>7P>C`9jL19l7I;rW3cD=0eiHwd^;Ffef
eHq_iWI4?tO45eCzdC+zAsUHzk&{+($0001gr?d<J

literal 3380
zcmV-44a@R(Pew8T0RR9101Y$%3jhEB02goo01V~;0RR9100000000000000000000
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
KF+gWCP*nh^_LkcK

diff --git a/package.json b/package.json
index a8fef1e..bb3b4b7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.12",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {
diff --git a/styles/colorMode/colorMixin.styl b/styles/colorMode/colorMixin.styl
new file mode 100644
index 0000000..5dc699b
--- /dev/null
+++ b/styles/colorMode/colorMixin.styl
@@ -0,0 +1,55 @@
+color-mode(accountColor , colorName)
+  .reco-theme-{colorName}
+    input
+      color accountColor!important; 
+    .search-box input
+      border-color: accountColor!important; 
+      &:focus
+        border-color: accountColor!important; 
+    .navbar
+      box-shadow: 0 1px 6px 0 rgba(32,33,36,.28)
+      .nav-links a:hover, 
+      .nav-links a.router-link-active,
+      .nav-links a:hover .iconfont, 
+      .nav-links a.router-link-active .iconfont
+        color accountColor!important; 
+    .home 
+      .hero 
+        .description
+          color accountColor!important; 
+        .action-button, img
+          background-color accountColor!important; 
+          color: #fff!important
+      .features  
+        .feature
+          h2, p
+            color accountColor!important; 
+      .footer 
+        a 
+          color accountColor!important;    
+    .abstract-wrapper .abstract-item .title 
+      a
+        color accountColor!important; 
+      a:after
+        background-color accountColor!important; 
+    .back-to-ceiling i
+      color accountColor!important;  
+    .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
+      border-left: 5px solid accountColor!important; 
+    .tags 
+      .tag-item.active, .tag-item:hover
+        color accountColor!important;   
+    .timeline-wrapper .year-wrapper li:hover 
+      .title
+        color accountColor!important; 
+      .date::before
+        background: accountColor!important; 
+      .date
+        color accountColor!important;    
+    @media (min-width: 765px)
+      .nav-item > a:not(.external):hover, 
+      .nav-item > a:not(.external).router-link-active
+        border-color: accountColor!important; 
+    @media (max-width: 959px)
+      .search-box input
+        border-color: transparent!important; 
\ No newline at end of file
diff --git a/styles/colorMode/colorMode.styl b/styles/colorMode/colorMode.styl
new file mode 100644
index 0000000..fda4853
--- /dev/null
+++ b/styles/colorMode/colorMode.styl
@@ -0,0 +1,17 @@
+@require './colorMixin.styl'
+
+$fc-red = #f26d6d
+$fc-red-name = 'red'
+color-mode($fc-red, $fc-red-name)
+
+$fc-blue = #2196f3
+$fc-blue-name = 'blue'
+color-mode($fc-blue, $fc-blue-name)
+
+$fc-green = #3eaf7c
+$fc-green-name = 'green'
+color-mode($fc-green, $fc-green-name)
+
+$fc-orange = #fb9b5f
+$fc-orange-name = 'orange'
+color-mode($fc-orange, $fc-orange-name)
\ No newline at end of file
diff --git a/styles/colorMode/index.styl b/styles/colorMode/index.styl
new file mode 100644
index 0000000..2ff8a58
--- /dev/null
+++ b/styles/colorMode/index.styl
@@ -0,0 +1,2 @@
+@require './nightMode.styl'
+@require './colorMode.styl'
\ No newline at end of file
diff --git a/styles/nightMode.styl b/styles/colorMode/nightMode.styl
similarity index 63%
rename from styles/nightMode.styl
rename to styles/colorMode/nightMode.styl
index 5b9f9b4..974603b 100644
--- a/styles/nightMode.styl
+++ b/styles/colorMode/nightMode.styl
@@ -17,7 +17,7 @@ fc-active() {
   color: $fcActive!important
 }
 
-.night-mode
+.reco-theme-night
   bc()
   fc()
   bdc()
@@ -27,11 +27,14 @@ fc-active() {
   input
     bc()
     fc()
+  .search-box input
     bdc()
+    &:focus
+      bdc()
   .navbar
     bc()
     box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
-    // border-bottom: 1px solid $bdc
+    border-bottom: 1px solid $bdc
     .site-name, .links
       bc()
       fc()
@@ -40,13 +43,23 @@ fc-active() {
   .nav-links a:hover .iconfont, 
   .nav-links a.router-link-active .iconfont
     fc-active()
+  .tags .tag-item:hover 
+    fc-active()  
   @media (min-width: 765px)
     .nav-item > a:not(.external):hover, 
     .nav-item > a:not(.external).router-link-active
-      border-bottom: 2px solid $fcActive;
+      border-color: $fcActive;
     .dropdown-wrapper .nav-dropdown
       bc()
       box-shadow: 0 2px 20px 0 rgba(255,255,255,0.4);
+      border: 1px solid $bdc
+  @media (min-width: 719px)
+    .nav-item > a:not(.external):hover,
+    .nav-item > a:not(.external).router-link-active
+      border-bottom: 2px solid $fcActive!important;
+  @media (max-width: 959px)
+    .search-box input
+      border-color: transparent!important;
   .home 
     .hero 
       .description
@@ -84,5 +97,18 @@ fc-active() {
       background: $fc   
     .year-wrapper li
       bdc()
-  .back-to-ceiling i
-    fc() 
\ No newline at end of file
+  .back-to-ceiling
+    background-color: lighten($bc, 15%)!important
+    i
+      fc()
+  .color-picker .color-button .iconfont
+    fc()  
+  .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
+    border-left: 5px solid $fcActive
+  .timeline-wrapper .year-wrapper li:hover 
+    .title
+      fc()
+    .date::before
+      background: $fcActive
+    .date
+      fc()    
\ No newline at end of file
diff --git a/styles/theme.styl b/styles/theme.styl
index 4bc9e65..b3d04ed 100644
--- a/styles/theme.styl
+++ b/styles/theme.styl
@@ -4,19 +4,19 @@
 @require './arrow'
 @require './wrapper'
 @require './toc'
+@require './colorMode/index'
 @require '../fonts/iconfont.css'
 
 html, body
   padding 0
   margin 0
-  background-color #fff
-
 body
   font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
   -webkit-font-smoothing antialiased
   -moz-osx-font-smoothing grayscale
   font-size 16px
   color $textColor
+  background-color #fff
 
 .page
   padding-left $sidebarWidth

From ffa1c01faa4fbdb9f50cc4d45355fa21b4da236c Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Sun, 14 Apr 2019 20:46:43 +0800
Subject: [PATCH 20/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8Fbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json      | 2 +-
 styles/theme.styl | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index bb3b4b7..f9da596 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.0-alpha.12",
+  "version": "1.0.0-alpha.11",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {
diff --git a/styles/theme.styl b/styles/theme.styl
index b3d04ed..451a6ae 100644
--- a/styles/theme.styl
+++ b/styles/theme.styl
@@ -113,7 +113,7 @@ h1, h2, h3, h4, h5, h6
     padding-top ($navbarHeight + 1rem)
     margin-bottom 0
     &:first-child
-      margin-top -6.5rem
+      margin-top -1.5rem
       margin-bottom 1rem
       + p, + pre, + .custom-block
         margin-top 2rem

From 24c38eb010e47bfb4c4532c15a8d35e38c27adfd Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Mon, 15 Apr 2019 10:23:42 +0800
Subject: [PATCH 21/21] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=A0=E5=AF=86?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=A4=B1=E6=95=88=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Common.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Common.vue b/components/Common.vue
index c5eb29f..af1f360 100644
--- a/components/Common.vue
+++ b/components/Common.vue
@@ -120,7 +120,7 @@ export default {
     }
 
     const keys = keyPage.keys
-    return keys && keys.indexOf(sessionStorage.getItem('key')) > -1
+    this.isHasKey = keys && keys.indexOf(sessionStorage.getItem('key')) > -1
   },
 
   methods: {