├── .gitignore
├── .vuepress
    ├── components
    │   └── ZanShang.vue
    ├── config.js
    ├── plugins
    │   ├── page-publish-date.js
    │   └── rss.js
    ├── public
    │   ├── 404.png
    │   ├── alipay.png
    │   ├── favicon.png
    │   ├── logo.png
    │   ├── search.svg
    │   └── wechatpay.png
    ├── styles
    │   └── palette.styl
    └── theme
    │   ├── components
    │       ├── AlgoliaSearchBox.vue
    │       ├── Category.vue
    │       ├── Comment.vue
    │       ├── Copyright.vue
    │       ├── DropdownLink.vue
    │       ├── DropdownTransition.vue
    │       ├── Footerbar.vue
    │       ├── Home.vue
    │       ├── NavLink.vue
    │       ├── NavLinks.vue
    │       ├── Navbar.vue
    │       ├── Page.vue
    │       ├── PostHeader.vue
    │       ├── PostItem.vue
    │       ├── SearchBox.vue
    │       ├── SidebarButton.vue
    │       └── Slogan.vue
    │   ├── enhance
    │       ├── filter.js
    │       ├── mixin.js
    │       ├── optionHandle.js
    │       └── routes.js
    │   ├── enhanceApp.js
    │   ├── global-components
    │       └── Badge.vue
    │   ├── index.js
    │   ├── layouts
    │       ├── 404.vue
    │       ├── CategoryLayout.vue
    │       └── Layout.vue
    │   ├── noopModule.js
    │   ├── styles
    │       ├── arrow.styl
    │       ├── code.styl
    │       ├── config.styl
    │       ├── custom-blocks.styl
    │       ├── index.styl
    │       ├── mobile.styl
    │       └── toc.styl
    │   └── util
    │       └── index.js
├── README.md
├── article
    ├── JS进制转换.md
    ├── about
    │   └── 关于我.md
    ├── hello.md
    ├── mysql设置密码.md
    ├── product
    │   └── 毕方铺网站简介.md
    ├── 为什么做个电子书网站.md
    ├── 关于我.md
    ├── 动物森友会.md
    └── 基于Vuepres搭建个人博客.md
├── images
    └── lizhi.png
├── package-lock.json
├── package.json
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea
3 | node_modules
4 | _book
5 | .vuepress/dist/*
6 | .vuepress/dist
7 | deploy.sh


--------------------------------------------------------------------------------
/.vuepress/components/ZanShang.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="zanshang">
 3 |     <div class="pay-wrap" v-if="show" :class="{'show': show}">
 4 |       <img src="https://res.oodcd.cn/zhi/wechatpay.png" class="wechat qrcode" alt="微信赞赏">
 5 |       <!-- <img src="https://res.oodcd.cn/zhi/alipay.png" class="alipay qrcode" alt="支付宝赞赏"> -->
 6 |       <p class="note">打赏，是最好的赞赏。</p>
 7 |     </div>
 8 |     <span class="zan-button" ref="button" @click="zan">微信赞赏作者</span>
 9 |   </div>
10 | </template>
11 | <script>
12 | export default {
13 |   data: () => ({
14 |     show: false
15 |   }),
16 |   methods: {
17 |     zan() {
18 |       this.show = !this.show
19 |       // if (this.show) { // 展开后该按钮是出现在视野中的
20 |       //   this.$refs.button.scrollIntoView()
21 |       // }
22 |     }
23 |   }
24 | }
25 | </script>
26 | <style lang="stylus" scoped>
27 | #zanshang {
28 |   margin: 20px auto;
29 |   text-align: center;
30 |   position: relative;
31 |   .pay-wrap {
32 |     padding: 10px;
33 |     position: absolute;
34 |     transition: all ease 0.3s;
35 |     background-color: #fff;
36 |     border: 1px solid #ddd;
37 |     border-radius: 2px;
38 |     bottom: 50px;
39 |     left: 50%;
40 |     transform: translateX(-50%);
41 |     font-size: 0;
42 |     &.show {
43 |       visibility: visible;
44 |       opacity: 1;
45 |     }
46 |     img {
47 |       width: 220px;
48 |       vertical-align: bottom;
49 |       margin-top: 0;
50 |       &.wechat {
51 |         margin-right: 10px;
52 |       }
53 |       &:last-of-type{
54 |         margin-right: 0px !important;
55 |       }
56 |     }
57 |     .note {
58 |       font-size: 14px;
59 |       margin: 0;
60 |     }
61 |   }
62 |   .zan-button {
63 |     color: #fff;
64 |     display: inline-block;
65 |     border-radius: 4px;
66 |     padding: 8px 20px;
67 |     cursor: pointer;
68 |     transition: all ease 0.3s;
69 |     background-color: #FF5746;
70 |     &:hover {
71 |       background-color: darken(#FF5746, 10%);
72 |     }
73 |     &:active {
74 |       background-color: darken(#FF5746, 20%);
75 |     }
76 |   }
77 | }
78 | </style>
79 | 


--------------------------------------------------------------------------------
/.vuepress/config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   base: '/',
 3 |   title: '毕方铺 - 博客',
 4 |   port: 8001,
 5 |   description: '我在技术、思想、产品、设计上的个人成长',
 6 |   head: [
 7 |     ['meta', { name: 'keywords', content: '全栈开发，前端开发，后端开发，技术，产品，赚钱，读书，电影，音乐'}],
 8 |     ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0'}],
 9 |     ['link', { rel: 'icon', href: '/favicon.png'}],
10 |     ['script', { src: '//cdn.jsdelivr.net/npm/leancloud-storage@3.13.0/dist/av-min.js'}],
11 |     ['script', { src: '//unpkg.com/valine/dist/Valine.min.js'}]
12 |   ],
13 |   plugins: [
14 |     require('./plugins/page-publish-date.js'),
15 |     '@vuepress/pagination',
16 |     [
17 |       '@vuepress/google-analytics',
18 |       {
19 |         'ga': 'UA-139665684-1'
20 |       }
21 |     ],
22 |     require('./plugins/rss.js'),
23 |   ],
24 |   markdown: {
25 |    config: md => {
26 |      md.set({ breaks: true })
27 |    },
28 |    anchor: {
29 |      permalinkSymbol: '¶'
30 |    },
31 |   },
32 |   themeConfig: {
33 |     logo: '/logo.png',
34 |     search: true,
35 |     searchMaxSuggestions: 6,
36 |     displayAllHeaders: true,
37 |     lastUpdated: '上次修改时间',
38 |     editLinks: true,
39 |     editLinkText: 'Github修改此页面',
40 |     repo: 'ChangMM/blog',
41 |     nav: [
42 |       { text: '网盘搜索', link: 'https://www.iizhi.cn' },
43 |       // { text: '电影搜索', link: 'https://www.iizhi.cn/movie' },
44 |       // { text: '我的店铺', link: 'https://shop117651010.taobao.com/' }
45 |     ]
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/.vuepress/plugins/page-publish-date.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs')
 2 | 
 3 | module.exports = (options = {}, context) => ({
 4 |   extendPageData ($page) {
 5 |     if (!$page.frontmatter.date) {
 6 |       $page.publishDate = getFilePublishDate($page._filePath)
 7 |     } else {
 8 |       $page.publishDate = $page.frontmatter.date
 9 |     }
10 | 
11 |     $page.lastUpdated = getFileLastUpdateDate()
12 |   }
13 | })
14 | 
15 | function getFilePublishDate (filePath) {
16 |   let publishDate
17 |   try {
18 |     publishDate = fs.statSync(filePath).birthtime
19 |   } catch (e) { /* do not handle for now */ }
20 |   return publishDate
21 | }
22 | 
23 | function getFileLastUpdateDate (filePath) {
24 |   let updateDate = new Date()
25 |   try {
26 |     updateDate = fs.statSync(filePath).mtime
27 |   } catch (e) { /* do not handle for now */ }
28 |   return updateDate
29 | }
30 | 


--------------------------------------------------------------------------------
/.vuepress/plugins/rss.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const RSS = require('rss')
 3 | const chalk = require('chalk')
 4 | 
 5 | module.exports = (pluginOptions, ctx) => {
 6 |   return {
 7 |     name: 'rss',
 8 | 
 9 |     generated () {
10 |       const fs = require('fs-extra')
11 |       const { pages, sourceDir } = ctx
12 |       const siteData = require(path.resolve(sourceDir, '.vuepress/config.js'))
13 | 
14 |       const feed = new RSS({
15 |         title: siteData.title,
16 |         description: siteData.description,
17 |         feed_url: `https://blog.iizhi.cn/rss.xml`,
18 |         site_url: `https://blog.iizhi.cn`,
19 |         copyright: `明明三省`,
20 |         language: 'en',
21 |       })
22 | 
23 |       pages
24 |         .filter(page => {
25 |           if (page.frontmatter.title === undefined) {
26 |             return false
27 |           }
28 |           return page.path.indexOf('/article/') > -1
29 |         })
30 |         .map(page => ({...page, date: new Date(page.frontmatter.date || '')}))
31 |         .sort((a, b) => new Date(b.publishDate).getTime() - new Date(a.publishDate).getTime())
32 |         .map(page => ({
33 |           title: page.frontmatter.title,
34 |           description: page.excerpt,
35 |           url: `https://blog.iizhi.cn${page.path}`,
36 |           date: page.publishDate,
37 |         }))
38 |         .slice(0, 20)
39 |         .forEach(page => feed.item(page))
40 | 
41 |       fs.writeFile(
42 |         path.resolve(ctx.outDir, 'rss.xml'),
43 |         feed.xml()
44 |       );
45 |       console.log(chalk.green.bold('RSS has been generated!'))
46 |     }
47 |   }
48 | }
49 | 


--------------------------------------------------------------------------------
/.vuepress/public/404.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/.vuepress/public/404.png


--------------------------------------------------------------------------------
/.vuepress/public/alipay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/.vuepress/public/alipay.png


--------------------------------------------------------------------------------
/.vuepress/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/.vuepress/public/favicon.png


--------------------------------------------------------------------------------
/.vuepress/public/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/.vuepress/public/logo.png


--------------------------------------------------------------------------------
/.vuepress/public/search.svg:
--------------------------------------------------------------------------------
1 | <?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>
2 | 


--------------------------------------------------------------------------------
/.vuepress/public/wechatpay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/.vuepress/public/wechatpay.png


--------------------------------------------------------------------------------
/.vuepress/styles/palette.styl:
--------------------------------------------------------------------------------
1 | // colors
2 | $accentColor = #3354AA
3 | $textColor = #333
4 | $borderColor = #eee
5 | $codeBgColor = #282c34
6 | $arrowBgColor = #ccc
7 | $bgColor = #f5f5f5
8 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/AlgoliaSearchBox.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <form
  3 |     id="search-form"
  4 |     class="algolia-search-wrapper search-box"
  5 |     role="search"
  6 |   >
  7 |     <input
  8 |       id="algolia-search-input"
  9 |       class="search-query"
 10 |     >
 11 |   </form>
 12 | </template>
 13 | 
 14 | <script>
 15 | export default {
 16 |   props: ['options'],
 17 | 
 18 |   mounted () {
 19 |     this.initialize(this.options, this.$lang)
 20 |   },
 21 | 
 22 |   methods: {
 23 |     initialize (userOptions, lang) {
 24 |       Promise.all([
 25 |         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
 26 |         import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
 27 |       ]).then(([docsearch]) => {
 28 |         docsearch = docsearch.default
 29 |         const { algoliaOptions = {}} = userOptions
 30 |         docsearch(Object.assign(
 31 |           {},
 32 |           userOptions,
 33 |           {
 34 |             inputSelector: '#algolia-search-input',
 35 |             // #697 Make docsearch work well at i18n mode.
 36 |             algoliaOptions: Object.assign({
 37 |               'facetFilters': [`lang:${lang}`].concat(algoliaOptions.facetFilters || [])
 38 |             }, algoliaOptions)
 39 |           }
 40 |         ))
 41 |       })
 42 |     },
 43 | 
 44 |     update (options, lang) {
 45 |       this.$el.innerHTML = '<input id="algolia-search-input" class="search-query">'
 46 |       this.initialize(options, lang)
 47 |     }
 48 |   },
 49 | 
 50 |   watch: {
 51 |     $lang (newValue) {
 52 |       this.update(this.options, newValue)
 53 |     },
 54 | 
 55 |     options (newValue) {
 56 |       this.update(newValue, this.$lang)
 57 |     }
 58 |   }
 59 | }
 60 | </script>
 61 | 
 62 | <style lang="stylus">
 63 | .algolia-search-wrapper
 64 |   & > span
 65 |     vertical-align middle
 66 |   .algolia-autocomplete
 67 |     line-height normal
 68 |     .ds-dropdown-menu
 69 |       background-color #fff
 70 |       border 1px solid #999
 71 |       border-radius 4px
 72 |       font-size 16px
 73 |       margin 6px 0 0
 74 |       padding 4px
 75 |       text-align left
 76 |       &:before
 77 |         border-color #999
 78 |       [class*=ds-dataset-]
 79 |         border none
 80 |         padding 0
 81 |       .ds-suggestions
 82 |         margin-top 0
 83 |       .ds-suggestion
 84 |         border-bottom 1px solid $borderColor
 85 |     .algolia-docsearch-suggestion--highlight
 86 |       color #2c815b
 87 |     .algolia-docsearch-suggestion
 88 |       border-color $borderColor
 89 |       padding 0
 90 |       .algolia-docsearch-suggestion--category-header
 91 |         padding 5px 10px
 92 |         margin-top 0
 93 |         background $accentColor
 94 |         color #fff
 95 |         font-weight 600
 96 |         .algolia-docsearch-suggestion--highlight
 97 |           background rgba(255, 255, 255, 0.6)
 98 |       .algolia-docsearch-suggestion--wrapper
 99 |         padding 0
100 |       .algolia-docsearch-suggestion--title
101 |         font-weight 600
102 |         margin-bottom 0
103 |         color $textColor
104 |       .algolia-docsearch-suggestion--subcategory-column
105 |         vertical-align top
106 |         padding 5px 7px 5px 5px
107 |         border-color $borderColor
108 |         background #f1f3f5
109 |         &:after
110 |           display none
111 |       .algolia-docsearch-suggestion--subcategory-column-text
112 |         color #555
113 |     .algolia-docsearch-footer
114 |       border-color $borderColor
115 |     .ds-cursor .algolia-docsearch-suggestion--content
116 |       background-color #e7edf3 !important
117 |       color $textColor
118 | 
119 | @media (min-width: $MQMobile)
120 |   .algolia-search-wrapper
121 |     .algolia-autocomplete
122 |       .algolia-docsearch-suggestion
123 |         .algolia-docsearch-suggestion--subcategory-column
124 |           float none
125 |           width 150px
126 |           min-width 150px
127 |           display table-cell
128 |         .algolia-docsearch-suggestion--content
129 |           float none
130 |           display table-cell
131 |           width 100%
132 |           vertical-align top
133 |         .ds-dropdown-menu
134 |           min-width 515px !important
135 | 
136 | @media (max-width: $MQMobile)
137 |   .algolia-search-wrapper
138 |     .ds-dropdown-menu
139 |       min-width calc(100vw - 4rem) !important
140 |       max-width calc(100vw - 4rem) !important
141 |     .algolia-docsearch-suggestion--wrapper
142 |       padding 5px 7px 5px 5px !important
143 |     .algolia-docsearch-suggestion--subcategory-column
144 |       padding 0 !important
145 |       background white !important
146 |     .algolia-docsearch-suggestion--subcategory-column-text:after
147 |       content " > "
148 |       font-size 10px
149 |       line-height 14.4px
150 |       display inline-block
151 |       width 5px
152 |       margin -3px 3px 0
153 |       vertical-align middle
154 | 
155 | </style>
156 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Category.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="category-wrap">
 3 |     <h4>文章分类</h4>
 4 |     <ul>
 5 |       <li v-for="_,key in $categorys" :key="key">
 6 |         <router-link class="category-item" :to="{ path: '/category/' + key }">
 7 |           <span class="category-text">{{key}}</span>
 8 |         </router-link>
 9 |       </li>
10 |     </ul>
11 |     <!-- <div class="xinqiu-wrap">
12 |       <h4>认识我</h4>
13 |       <p>个人微信:『cmm020304』请备注博客</p>
14 |     </div> -->
15 |   </div>
16 | </template>
17 | <script>
18 | export default {
19 |   data () {
20 |     return {}
21 |   }
22 | }
23 | </script>
24 | <style lang="stylus" scoped>
25 | .category-wrap
26 |   h4
27 |     font-size 1.2rem
28 |     display inline-block
29 |     padding-bottom 1px
30 |     border-bottom 2px solid #ccc
31 |     margin-bottom 10px
32 |   ul
33 |     padding 0 15px
34 |     margin-bottom 20px
35 |     li
36 |       color $accentColor
37 |   .xinqiu-wrap
38 |     p
39 |       color #666
40 |     
41 | </style>
42 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Comment.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="comment-page" v-if="show">
  3 |     <div ref="comment" id="comment"></div>
  4 |   </div>
  5 | </template>
  6 | <script>
  7 | let valine = null
  8 | const checkValine = () => {
  9 |   if (window.Valine) {
 10 |     valine = new Valine({
 11 |       appId: 'Amkn7zY00M6avljmahnysHrP-9Nh9j0Va',
 12 |       appKey: 'R7yTFtSksDD7Omy8MeEFFuNu',
 13 |       el: '#comment',
 14 |       placeholder: '评论在此',
 15 |       avatar: 'monsterid',
 16 |       path: window.location.pathname,
 17 |       recordIP: true,
 18 |       visitor: true
 19 |     })
 20 |   } else {
 21 |     setTimeout(checkValine, 50)
 22 |   }
 23 | }
 24 | export default {
 25 |   props: ['show'],
 26 |   watch: {
 27 |     '$route': 'refresh'
 28 |   },
 29 |   mounted () {
 30 |     checkValine()
 31 |   },
 32 |   methods: {
 33 |     refresh () {
 34 |       checkValine()
 35 |     }
 36 |   }
 37 | }
 38 | </script>
 39 | <style lang="stylus">
 40 | .comment-page {
 41 |   margin-top: 30px;
 42 |   #comment {
 43 |     * {
 44 |       line-height: 1.5;
 45 |     }
 46 |     .vheader {
 47 |       .vinput:focus {
 48 |         border-bottom-color: $accentColor;
 49 |       }
 50 |     }
 51 |     .vedit {
 52 |       .veditor {
 53 |         min-height: 100px;
 54 |       }
 55 |     }
 56 |     .vcontrol {
 57 |       .vsubmit {
 58 |         &:hover {
 59 |           color: $accentColor;
 60 |           border-color: $accentColor;
 61 |         }
 62 |       }
 63 |     }
 64 |     .vinfo {
 65 |       .vnum {
 66 |         font-size: 1.5rem;
 67 |         color: $accentColor;
 68 |       }
 69 |     }
 70 |     .vcard {
 71 |       padding-top: 0;
 72 |       .vnick,.at {
 73 |         color: $accentColor;
 74 |         margin-right: 0;
 75 |         font-size: 1rem;
 76 |         &:before {
 77 |           background-color: $accentColor;
 78 |         }
 79 |       }
 80 |       .vsys {
 81 |         margin-right: 0
 82 |         padding: 0 0.2rem
 83 |       }
 84 |       .vmeta {
 85 |         .vat {
 86 |           color: $accentColor;
 87 |         }
 88 |       }
 89 |       .vcontent {
 90 |         font-size: 1rem;
 91 |         padding-top: 0;
 92 |         margin-bottom: 0;
 93 |       }
 94 |     }
 95 |     .info {
 96 |       display: none;
 97 |     }
 98 |   }
 99 | }
100 | </style>
101 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Copyright.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="copyright-info">
 3 |     <p><span>发表日期：</span>{{ post.publishDate | toLocaleString }}</p>
 4 |     <p><span>更新时间：</span>{{post.lastUpdated | toLocaleString }}</p>
 5 |     <!-- <p><span>本文 Github 地址：</span><a :href="editLink" target="_blank" rel="noopener noreferrer">{{ post.relativePath }}</a><OutboundLink/></p> -->
 6 |     <p><span>本文链接：</span><a :href="location.origin + post.path" target="_blank" rel="noopener noreferrer">{{ location.origin + decodeURIComponent(post.path) }}</a><OutboundLink/></p>
 7 |     <p v-if="!post.frontmatter.rt"><span>版权声明：本文为自己原创，未经允许，禁止转载。</span></p>
 8 |   </div>
 9 | </template>
10 | <script>
11 | import { outboundRE, endingSlashRE } from '../util'
12 | export default {
13 |   computed: {
14 |     post() {
15 |       return this.$page
16 |     },
17 |     location() {
18 |       return window.location
19 |     },
20 |     editLink () {
21 |       if (this.$page.frontmatter.editLink === false) {
22 |         return
23 |       }
24 |       const {
25 |         repo,
26 |         editLinks,
27 |         docsDir = '',
28 |         docsBranch = 'master',
29 |         docsRepo = repo
30 |       } = this.$site.themeConfig
31 | 
32 |       if (docsRepo && editLinks && this.$page.relativePath) {
33 |         return this.createEditLink(repo, docsRepo, docsDir, docsBranch, this.$page.relativePath)
34 |       }
35 |     }
36 |   },
37 |   methods: {
38 |     createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
39 |       const bitbucket = /bitbucket.org/
40 |       if (bitbucket.test(repo)) {
41 |         const base = outboundRE.test(docsRepo)
42 |           ? docsRepo
43 |           : repo
44 |         return (
45 |           base.replace(endingSlashRE, '')
46 |            + `/src`
47 |            + `/${docsBranch}/`
48 |            + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
49 |            + path
50 |            + `?mode=edit&spa=0&at=${docsBranch}&fileviewer=file-view-default`
51 |         )
52 |       }
53 | 
54 |       const base = outboundRE.test(docsRepo)
55 |         ? docsRepo
56 |         : `https://github.com/${docsRepo}`
57 |       return (
58 |         base.replace(endingSlashRE, '')
59 |         + `/edit`
60 |         + `/${docsBranch}/`
61 |         + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
62 |         + path
63 |       )
64 |     }
65 |   }
66 | }
67 | </script>
68 | <style lang="stylus" scoped>
69 | #copyright-info {
70 |   padding: 20px;
71 |   background-color: $bgColor;
72 |   border: 1px dashed #ddd;
73 |   border-radius: 4px;
74 |   color: #000;
75 |   a {
76 |     border-bottom: 1px dashed #ddd;
77 |   }
78 | }
79 | </style>
80 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/DropdownLink.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div
  3 |     class="dropdown-wrapper"
  4 |     :class="{ open }"
  5 |   >
  6 |     <a
  7 |       class="dropdown-title"
  8 |       @click="toggle"
  9 |     >
 10 |       <span class="title">{{ item.text }}</span>
 11 |       <span
 12 |         class="arrow"
 13 |         :class="open ? 'down' : 'right'"
 14 |       ></span>
 15 |     </a>
 16 | 
 17 |     <DropdownTransition>
 18 |       <ul
 19 |         class="nav-dropdown"
 20 |         v-show="open"
 21 |       >
 22 |         <li
 23 |           class="dropdown-item"
 24 |           :key="subItem.link || index"
 25 |           v-for="(subItem, index) in item.items"
 26 |         >
 27 |           <h4 v-if="subItem.type === 'links'">{{ subItem.text }}</h4>
 28 | 
 29 |           <ul
 30 |             class="dropdown-subitem-wrapper"
 31 |             v-if="subItem.type === 'links'"
 32 |           >
 33 |             <li
 34 |               class="dropdown-subitem"
 35 |               :key="childSubItem.link"
 36 |               v-for="childSubItem in subItem.items"
 37 |             >
 38 |               <NavLink :item="childSubItem"/>
 39 |             </li>
 40 |           </ul>
 41 | 
 42 |           <NavLink
 43 |             v-else
 44 |             :item="subItem"
 45 |           />
 46 |         </li>
 47 |       </ul>
 48 |     </DropdownTransition>
 49 |   </div>
 50 | </template>
 51 | 
 52 | <script>
 53 | import NavLink from '@theme/components/NavLink.vue'
 54 | import DropdownTransition from '@theme/components/DropdownTransition.vue'
 55 | 
 56 | export default {
 57 |   components: { NavLink, DropdownTransition },
 58 | 
 59 |   data () {
 60 |     return {
 61 |       open: false
 62 |     }
 63 |   },
 64 | 
 65 |   props: {
 66 |     item: {
 67 |       required: true
 68 |     }
 69 |   },
 70 | 
 71 |   methods: {
 72 |     toggle () {
 73 |       this.open = !this.open
 74 |     }
 75 |   }
 76 | }
 77 | </script>
 78 | 
 79 | <style lang="stylus">
 80 | .dropdown-wrapper
 81 |   cursor pointer
 82 |   .dropdown-title
 83 |     display block
 84 |     &:hover
 85 |       border-color transparent
 86 |     .arrow
 87 |       vertical-align middle
 88 |       margin-top -1px
 89 |       margin-left 0.4rem
 90 |   .nav-dropdown
 91 |     .dropdown-item
 92 |       color inherit
 93 |       line-height 1.7rem
 94 |       h4
 95 |         margin 0.45rem 0 0
 96 |         border-top 1px solid #eee
 97 |         padding 0.45rem 1.5rem 0 1.25rem
 98 |       .dropdown-subitem-wrapper
 99 |         padding 0
100 |         list-style none
101 |         .dropdown-subitem
102 |           font-size 0.9em
103 |       a
104 |         display block
105 |         line-height 1.7rem
106 |         position relative
107 |         border-bottom none
108 |         font-weight 400
109 |         margin-bottom 0
110 |         padding 0 1.5rem 0 1.25rem
111 |         &:hover
112 |           color $accentColor
113 |         &.router-link-active
114 |           color $accentColor
115 |           &::after
116 |             content ""
117 |             width 0
118 |             height 0
119 |             border-left 5px solid $accentColor
120 |             border-top 3px solid transparent
121 |             border-bottom 3px solid transparent
122 |             position absolute
123 |             top calc(50% - 2px)
124 |             left 9px
125 |       &:first-child h4
126 |         margin-top 0
127 |         padding-top 0
128 |         border-top 0
129 | 
130 | @media (max-width: $MQMobile)
131 |   .dropdown-wrapper
132 |     &.open .dropdown-title
133 |       margin-bottom 0.5rem
134 |     .nav-dropdown
135 |       transition height .1s ease-out
136 |       overflow hidden
137 |       .dropdown-item
138 |         h4
139 |           border-top 0
140 |           margin-top 0
141 |           padding-top 0
142 |         h4, & > a
143 |           font-size 15px
144 |           line-height 2rem
145 |         .dropdown-subitem
146 |           font-size 14px
147 |           padding-left 1rem
148 | 
149 | @media (min-width: $MQMobile)
150 |   .dropdown-wrapper
151 |     height 1.8rem
152 |     &:hover .nav-dropdown
153 |       // override the inline style.
154 |       display block !important
155 |     .dropdown-title .arrow
156 |       // make the arrow always down at desktop
157 |       border-left 4px solid transparent
158 |       border-right 4px solid transparent
159 |       border-top 6px solid $arrowBgColor
160 |       border-bottom 0
161 |     .nav-dropdown
162 |       display none
163 |       // Avoid height shaked by clicking
164 |       height auto !important
165 |       box-sizing border-box;
166 |       max-height calc(100vh - 2.7rem)
167 |       overflow-y auto
168 |       position absolute
169 |       top 100%
170 |       right 0
171 |       background-color #fff
172 |       padding 0.6rem 0
173 |       border 1px solid #ddd
174 |       border-bottom-color #ccc
175 |       text-align left
176 |       border-radius 0.25rem
177 |       white-space nowrap
178 |       margin 0
179 | </style>
180 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/DropdownTransition.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <transition
 3 |     name="dropdown"
 4 |     @enter="setHeight"
 5 |     @after-enter="unsetHeight"
 6 |     @before-leave="setHeight"
 7 |   >
 8 |     <slot/>
 9 |   </transition>
10 | </template>
11 | 
12 | <script>
13 | export default {
14 |   name: 'DropdownTransition',
15 | 
16 |   methods: {
17 |     setHeight (items) {
18 |       // explicitly set height so that it can be transitioned
19 |       items.style.height = items.scrollHeight + 'px'
20 |     },
21 | 
22 |     unsetHeight (items) {
23 |       items.style.height = ''
24 |     }
25 |   }
26 | }
27 | </script>
28 | 
29 | <style lang="stylus">
30 | .dropdown-enter, .dropdown-leave-to
31 |   height 0 !important
32 | 
33 | </style>
34 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Footerbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="footer">
 3 |     <p>
 4 |       <span class="copyright">© 2017-{{year}} 毕方铺 保留权利. 豫ICP备19013762号-1. </span>
 5 |       |
 6 |       <NavLink v-for="item in links" class="friend-link" :item="item" :key="item.link" />
 7 |     </p>
 8 |     <div style="display:none;">
 9 |       <script type="text/javascript" src="https://s5.cnzz.com/z_stat.php?id=1277447336&web_id=1277447336"></script>
10 |     </div>
11 |   </div>
12 | </template>
13 | <script>
14 | import NavLink from '@theme/components/NavLink.vue'
15 | 
16 | export default {
17 |   name: "footerbar",
18 |   components: { NavLink },
19 |   data: () => ({
20 |     year: new Date().getFullYear(),
21 |     links: [
22 |       {
23 |         text: 'Github',
24 |         link: 'https://github.com/ChangMM'
25 |       },
26 |       {
27 |         text: '微博',
28 |         link: 'https://weibo.com/3897687414'
29 |       }
30 |     ]
31 |   })
32 | }
33 | </script>
34 | <style lang="stylus">
35 | #footer
36 |   padding 15px
37 |   font-size 13px
38 |   text-align center
39 |   .friend-link
40 |     margin-left 8px
41 |     border-bottom: 1px dashed $borderColor
42 | </style>
43 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <main class="home" aria-labelledby="main-title">
 3 |     <!-- <Content class="custom"/> -->
 4 |     <div class="post-wrap">
 5 |       <PostItem v-for="item in $tops" :post="item" :top='true' :key="item.key + item.frontmatter.title" />
 6 |       <PostItem v-for="item in $posts" :post="item" :top='false' v-if="!item.frontmatter.top" :key="item.key" />
 7 |     </div>
 8 |     <ClientOnly>
 9 |       <CommentBar :show="false"/>
10 |     </ClientOnly>
11 |   </main>
12 | </template>
13 | 
14 | <script>
15 | import PostItem from '@theme/components/PostItem'
16 | import CommentBar from '@theme/components/Comment'
17 | export default {
18 |   components: { PostItem, CommentBar },
19 | }
20 | </script>
21 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/NavLink.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <router-link class="nav-link" :to="link" v-if="!isExternal(link)" :exact="exact">{{ item.text }}</router-link>
 3 |   <a v-else :href="link" class="nav-link external">{{ item.text }}</a>
 4 | </template>
 5 | 
 6 | <script>
 7 | import { isExternal, ensureExt } from '../util'
 8 | 
 9 | export default {
10 |   props: {
11 |     item: {
12 |       required: true
13 |     }
14 |   },
15 | 
16 |   computed: {
17 |     link () {
18 |       return ensureExt(this.item.link)
19 |     },
20 | 
21 |     exact () {
22 |       if (this.$site.locales) {
23 |         return Object.keys(this.$site.locales).some(rootLink => rootLink === this.link)
24 |       }
25 |       return this.link === '/'
26 |     }
27 |   },
28 | 
29 |   methods: {
30 |     isExternal
31 |   }
32 | }
33 | </script>
34 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/NavLinks.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <nav class="nav-links" v-if="userLinks.length">
 3 |     <div class="nav-item" v-for="item,index in userLinks" :key="item.link+index">
 4 |       <DropdownLink v-if="item.type === 'links'" :item="item"/>
 5 |       <NavLink v-else :item="item"/>
 6 |     </div>
 7 |   </nav>
 8 | </template>
 9 | 
10 | <script>
11 | import DropdownLink from '@theme/components/DropdownLink.vue'
12 | import { resolveNavLinkItem } from '../util'
13 | import NavLink from '@theme/components/NavLink.vue'
14 | 
15 | export default {
16 |   components: { NavLink, DropdownLink },
17 | 
18 |   computed: {
19 |     userNav () {
20 |       return this.$themeLocaleConfig.nav || this.$site.themeConfig.nav || []
21 |     },
22 | 
23 |     nav () {
24 |       const { locales } = this.$site
25 |       if (locales && Object.keys(locales).length > 1) {
26 |         const currentLink = this.$page.path
27 |         const routes = this.$router.options.routes
28 |         const themeLocales = this.$site.themeConfig.locales || {}
29 |         const languageDropdown = {
30 |           text: this.$themeLocaleConfig.selectText || 'Languages',
31 |           items: Object.keys(locales).map(path => {
32 |             const locale = locales[path]
33 |             const text = themeLocales[path] && themeLocales[path].label || locale.lang
34 |             let link
35 |             // Stay on the current page
36 |             if (locale.lang === this.$lang) {
37 |               link = currentLink
38 |             } else {
39 |               // Try to stay on the same page
40 |               link = currentLink.replace(this.$localeConfig.path, path)
41 |               // fallback to homepage
42 |               if (!routes.some(route => route.path === link)) {
43 |                 link = path
44 |               }
45 |             }
46 |             return { text, link }
47 |           })
48 |         }
49 |         return [...this.userNav, languageDropdown]
50 |       }
51 |       return this.userNav
52 |     },
53 | 
54 |     userLinks () {
55 |       return (this.nav || []).map(link => {
56 |         return Object.assign(resolveNavLinkItem(link), {
57 |           items: (link.items || []).map(resolveNavLinkItem)
58 |         })
59 |       })
60 |     },
61 |   }
62 | }
63 | </script>
64 | 
65 | <style lang="stylus">
66 | .nav-links
67 |   a
68 |     color inherit
69 |     transition all ease 0.3s
70 |     &:hover, &.router-link-active
71 |       color $accentColor
72 |       text-decoration none
73 |       margin-bottom -2px
74 |       border-bottom 2px solid lighten($accentColor, 8%)
75 |   .nav-item
76 |     display inline-block
77 |     margin-left 1.5rem
78 |     height 20px;
79 |     line-height 20px;
80 |     &:first-child
81 |       margin-left 0
82 | @media (max-width: $MQMobile)
83 |   .nav-links
84 |     .nav-item
85 |       display: block;
86 |       margin-left: 0;
87 |       margin-bottom: 10px
88 |       &:last-child {
89 |         margin-bottom: 0;
90 |       }
91 | </style>
92 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Navbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <header class="navbar">
 3 |     <div class="inner-block">
 4 |       <a class="home-link" href="https://blog.iizhi.cn">
 5 |         <img class="logo" v-if="$site.themeConfig.logo" :src="$withBase($site.themeConfig.logo)" :alt="$siteTitle">
 6 |         <span ref="siteName" class="site-name" v-if="$siteTitle">{{ $siteTitle }}</span>
 7 |       </a>
 8 | 
 9 |       <SidebarButton @toggle-menu="$emit('toggle-menu')"/>
10 | 
11 |       <NavLinks class="nav-links"/>
12 |     </div>
13 |   </header>
14 | </template>
15 | 
16 | <script>
17 | import SidebarButton from '@theme/components/SidebarButton.vue'
18 | import NavLinks from '@theme/components/NavLinks.vue'
19 | 
20 | export default {
21 |   components: { SidebarButton, NavLinks },
22 |   data () {
23 |     return {
24 |     }
25 |   },
26 |   mounted () {}
27 | }
28 | </script>
29 | 
30 | <style lang="stylus">
31 | $inner-height = 20px
32 | .navbar
33 |   padding 5px
34 |   .inner-block
35 |     position relative
36 |   a, span, img
37 |     display inline-block
38 |   .home-link
39 |     height $inner-height
40 |     line-height $inner-height
41 |     &:hover
42 |       text-decoration none
43 | 
44 |   .logo
45 |     height $inner-height
46 |     margin-right 2px
47 |     vertical-align top
48 |   .site-name
49 |     vertical-align middle
50 |     font-size 16px
51 |     font-weight 600
52 |     height $inner-height
53 |     line-height $inner-height
54 |     color $accentColor
55 |     position relative
56 |   .nav-links
57 |     font-size 0.9rem
58 |     position absolute
59 |     display: flex;
60 |     right 0
61 |     top 0
62 | @media (max-width: $MQMobile)
63 |   .navbar
64 |     .nav-links
65 |       display: none;
66 |       top: 0
67 |       right: 30px
68 |       padding: 10px;
69 |       background-color: #fff;
70 |       z-index: 10
71 |       text-align: center;
72 |       border-radius: 2px
73 |       box-shadow: -1px -1px 3px rgba(39, 44, 49, 0.1),
74 |         1px 1px 10px rgba(39, 44, 49, 0.1);
75 |   .menu-open
76 |     .navbar
77 |       .nav-links
78 |         display: block;
79 | </style>
80 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Page.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <main class="page">
  3 |     <slot name="top"/>
  4 |     <PostHeader :post="post" />
  5 |     <div class="password-wrap" v-if="!contentShow">
  6 |       <p class="password-tip">本文内容已被加密，请输入密码后访问。</p>
  7 |       <div class="input-wrap">
  8 |         <input type="password" name="password" ref="password" placeholder="请输入密码">
  9 |         <button type="button" @click="showContent">确认</button>
 10 |       </div>
 11 |     </div>
 12 |     <Content v-if="contentShow" />
 13 |     <ClientOnly><Copyright />
 14 |     </ClientOnly>
 15 |     <footer class="page-edit">
 16 |       <div class="edit-link" v-if="editLink">
 17 |         <a :href="editLink" target="_blank" rel="noopener noreferrer">{{ editLinkText }}</a>
 18 |         <OutboundLink/>
 19 |       </div>
 20 |       <div class="last-updated" v-if="lastUpdated">
 21 |         <span class="prefix">{{ lastUpdatedText }}:{{ lastUpdated | toLocaleString }}</span>
 22 |       </div>
 23 |     </footer>
 24 |     <div class="page-nav" v-if="prev || next">
 25 |       <p class="inner">
 26 |         <span v-if="prev" class="prev">
 27 |           上一篇:
 28 |           <router-link :to="prev.path" :title="prev.frontmatter.title">{{ prev.frontmatter.title || prev.path }}</router-link>
 29 |         </span>
 30 |         <span v-if="next" class="next">
 31 |           下一篇:
 32 |           <router-link :to="next.path" :title="next.frontmatter.title">{{ next.frontmatter.title || next.path }}</router-link>
 33 |         </span>
 34 |       </p>
 35 |     </div>
 36 |     <ClientOnly>
 37 |       <CommentBar :show="true" />
 38 |     </ClientOnly>
 39 |     <slot name="bottom"/>
 40 |   </main>
 41 | </template>
 42 | 
 43 | <script>
 44 | import PostHeader from '@theme/components/PostHeader'
 45 | import Copyright from '@theme/components/Copyright'
 46 | import CommentBar from '@theme/components/Comment'
 47 | import { outboundRE, endingSlashRE } from '../util'
 48 | 
 49 | export default {
 50 |   components: { PostHeader, Copyright, CommentBar },
 51 |   data () {
 52 |     return {
 53 |       password: ''
 54 |     }
 55 |   },
 56 |   computed: {
 57 |     contentShow () {
 58 |       return !this.$page.frontmatter.password || this.password == this.$page.frontmatter.password
 59 |     },
 60 |     post () {
 61 |       return this.$page
 62 |     },
 63 |     lastUpdated () {
 64 |       return this.$page.lastUpdated
 65 |     },
 66 |     lastUpdatedText () {
 67 |       if (typeof this.$themeLocaleConfig.lastUpdated === 'string') {
 68 |         return this.$themeLocaleConfig.lastUpdated
 69 |       }
 70 |       if (typeof this.$site.themeConfig.lastUpdated === 'string') {
 71 |         return this.$site.themeConfig.lastUpdated
 72 |       }
 73 |       return 'Last Updated'
 74 |     },
 75 |     prev () {
 76 |       const prev = this.$page.frontmatter.prev
 77 |       if (prev === false || this.$page.index <= 0) {
 78 |         return
 79 |       } else {
 80 |         return this.$posts[this.$page.index - 1]
 81 |       }
 82 |     },
 83 | 
 84 |     next () {
 85 |       const next = this.$page.frontmatter.next
 86 |       if (next === false || this.$page.index >= this.$posts.length - 1) {
 87 |         return
 88 |       } else {
 89 |         return this.$posts[this.$page.index + 1]
 90 |       }
 91 |     },
 92 |     editLink () {
 93 |       if (this.$page.frontmatter.editLink === false) {
 94 |         return
 95 |       }
 96 |       const {
 97 |         repo,
 98 |         editLinks,
 99 |         docsDir = '',
100 |         docsBranch = 'master',
101 |         docsRepo = repo
102 |       } = this.$site.themeConfig
103 | 
104 |       if (docsRepo && editLinks && this.$page.relativePath) {
105 |         return this.createEditLink(repo, docsRepo, docsDir, docsBranch, this.$page.relativePath)
106 |       }
107 |     },
108 |     editLinkText () {
109 |       return (
110 |         this.$themeLocaleConfig.editLinkText
111 |         || this.$site.themeConfig.editLinkText
112 |         || `Edit this page`
113 |       )
114 |     }
115 |   },
116 |   methods: {
117 |     showContent () {
118 |       this.password = this.$refs.password.value
119 |     },
120 |     createEditLink (repo, docsRepo, docsDir, docsBranch, path) {
121 |       const bitbucket = /bitbucket.org/
122 |       if (bitbucket.test(repo)) {
123 |         const base = outboundRE.test(docsRepo)
124 |           ? docsRepo
125 |           : repo
126 |         return (
127 |           base.replace(endingSlashRE, '')
128 |            + `/src`
129 |            + `/${docsBranch}/`
130 |            + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
131 |            + path
132 |            + `?mode=edit&spa=0&at=${docsBranch}&fileviewer=file-view-default`
133 |         )
134 |       }
135 | 
136 |       const base = outboundRE.test(docsRepo)
137 |         ? docsRepo
138 |         : `https://github.com/${docsRepo}`
139 |       return (
140 |         base.replace(endingSlashRE, '')
141 |         + `/edit`
142 |         + `/${docsBranch}/`
143 |         + (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '')
144 |         + path
145 |       )
146 |     }
147 |   }
148 | }
149 | </script>
150 | 
151 | <style lang="stylus">
152 | .page
153 |   display block
154 | .password-wrap
155 |   margin-top 40px
156 |   margin-bottom: 40px
157 |   border: 1px dashed #ddd
158 |   padding 40px
159 |   text-align: center;
160 |   .password-tip
161 |     font-weight: bold;
162 |     margin-bottom: 15px;
163 |     font-size: 16px;
164 |     color: red
165 |   .input-wrap
166 |     height: 40px;
167 |     line-height: 40px
168 |     input
169 |       height: 100%;
170 |       outline: none;
171 |       width: 300px
172 |       padding-left: 10px
173 |       border-radius: 2px
174 |       border: 1px solid #ddd
175 |       transition: border ease 0.2s
176 |       &:focus
177 |         border-color: $accentColor
178 |     button
179 |       height: 40px;
180 |       width: 80px
181 |       cursor: pointer;
182 |       border: none
183 |       outline: none
184 |       color: #fff
185 |       border-radius: 2px
186 |       background-color: $accentColor
187 |       transition: background ease 0.2s
188 |       &:hover
189 |         background-color: darken($accentColor, 10%)
190 | .page-edit
191 |   padding-top 1rem
192 |   padding-bottom 1rem
193 |   overflow auto
194 |   display flex
195 |   justify-content space-between
196 |   .edit-link
197 |     display inline-block
198 |     a
199 |       color lighten($textColor, 25%)
200 |   .last-updated
201 |     display inline-block
202 |     font-size 0.9em
203 |     .prefix
204 |       font-weight 500
205 |       color lighten($textColor, 25%)
206 |     .time
207 |       font-weight 400
208 |       color #aaa
209 | .page-nav
210 |   .inner
211 |     min-height 2rem
212 |     margin-top 0
213 |     border-top 1px solid $borderColor
214 |     padding-top 1rem
215 |     overflow auto // clear float
216 |   a
217 |     border-bottom 1px dashed #ddd
218 |   .prev,.next
219 |     display inline-block
220 |     max-width: 340px
221 |     overflow: hidden;
222 |     text-overflow:ellipsis;
223 |     white-space: nowrap;
224 |   .next
225 |     float right
226 | 
227 | @media (max-width: $MQMobile)
228 |   .page-edit
229 |     display: none;
230 |   .page-nav
231 |     .next, .prev
232 |       display: block;
233 |       text-align: center;
234 |       max-width: 100%;
235 |       float: none
236 |       margin-top: 5px;
237 | </style>
238 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/PostHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="post-header">
 3 |     <h2 class="post-title">
 4 |       <a :href="post.path">
 5 |         <span v-if="top" class="top">[置顶]</span>
 6 |         <span v-if="post.frontmatter.password" class="top">[密]</span>
 7 |         {{ post.title }}</a>
 8 |     </h2>
 9 |     <div class="post-meta">
10 |       <!-- <span class="author post-meta-item">
11 |         作者:
12 |         <span class="em">{{ post.frontmatter.author || '坂本' }}</span>
13 |       </span>
14 |       | -->
15 |       <span class="time post-meta-item">
16 |         时间:
17 |         <time>{{ post.publishDate | toLocaleString | formatLocaleString }}</time>
18 |       </span>
19 |       |
20 |       <span class="categorys post-meta-item" v-if="post.frontmatter.categorys && post.frontmatter.categorys.length > 0">
21 |         分类:
22 |         <router-link 
23 |           class="category-item em" 
24 |           v-for="item in post.frontmatter.categorys" 
25 |           :to="{ path: '/category/' + item }"
26 |           :key="item"
27 |         >
28 |           {{item}}
29 |         </router-link>
30 |       </span>
31 |       |
32 |       <span class="tags post-meta-item" v-if="post.frontmatter.tags && post.frontmatter.tags.length > 0">
33 |         标签:
34 |         <span 
35 |           class="tag-item em" 
36 |           v-for="item in post.frontmatter.tags"
37 |           :key="item"
38 |         >
39 |           {{item}}
40 |         </span>
41 |       </span>
42 |       |
43 |       <span :id="post.path" class="leancloud-visitors" :data-flag-title="post.title">
44 |         阅读量:
45 |         <i class="leancloud-visitors-count em"></i>
46 |       </span>
47 |     </div>
48 |   </div>
49 | </template>
50 | <script>
51 | export default {
52 |   props: ['post', 'top']
53 | }
54 | </script>
55 | <style lang="stylus" scoped>
56 | .post-header
57 |   .post-title
58 |     font-weight normal
59 |     line-height 1.4;
60 |     font-size 1.5rem
61 |     .top
62 |       color red
63 |       font-size 0.9em
64 |     a
65 |       color $accentColor
66 |       transition color ease 0.2s
67 |       &:hover
68 |         text-decoration none
69 |         color $textColor
70 |         border-bottom 1px dashed #ddd
71 |   .post-meta
72 |     margin-top 10px
73 |     font-size 0.8rem
74 |     color: #999
75 |     .post-meta-item
76 |       /* padding-left 5px */
77 |       /* padding-right 5px */
78 |       &:first-child
79 |         padding-left 0
80 |     .em
81 |       color $accentColor
82 |       border-bottom 1px dashed #ddd
83 |     leancloud-visitors
84 |       font-style normal
85 |   .categorys, .tags
86 |     .tag-item, .category-item
87 |       margin-right 6px
88 | </style>
89 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/PostItem.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <article class="post">
 3 |     <PostHeader :post="post" :top="top"/>
 4 |     <section class="post-excerpt">
 5 |       <p v-html="post.frontmatter.excerpt"></p>
 6 |     </section>
 7 |   </article>
 8 | </template>
 9 | <script>
10 | import PostHeader from '@theme/components/PostHeader'
11 | export default {
12 |   props: ['post', 'top'],
13 |   components: { PostHeader }
14 | }
15 | </script>
16 | <style lang="stylus" scoped>
17 | .post
18 |   margin-bottom 20px
19 |   border-bottom 1px solid $borderColor
20 |   .post-excerpt
21 |     p
22 |       margin-top: 12px
23 |       margin-bottom: 18px
24 |       text-align justify
25 | </style>
26 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/SearchBox.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="search-box">
  3 |     <input
  4 |       @input="query = $event.target.value"
  5 |       aria-label="Search"
  6 |       :value="query"
  7 |       :class="{ 'focused': focused }"
  8 |       autocomplete="off"
  9 |       spellcheck="false"
 10 |       placeholder="输入关键字搜索"
 11 |       @focus="focused = true"
 12 |       @blur="focused = false"
 13 |       @keyup.enter="go(focusIndex)"
 14 |       @keyup.up="onUp"
 15 |       @keyup.down="onDown"
 16 |     >
 17 |     <ul
 18 |       class="suggestions"
 19 |       v-if="showSuggestions"
 20 |       :class="{ 'align-right': alignRight }"
 21 |       @mouseleave="unfocus"
 22 |     >
 23 |       <li
 24 |         class="suggestion"
 25 |         v-for="(s, i) in suggestions"
 26 |         :class="{ focused: i === focusIndex }"
 27 |         @mousedown="go(i)"
 28 |         @mouseenter="focus(i)"
 29 |       >
 30 |         <a :href="s.path" @click.prevent>
 31 |           <span class="page-title">{{ s.title || s.path }}</span>
 32 |           <span v-if="s.header" class="header">&gt; {{ s.header.title }}</span>
 33 |         </a>
 34 |       </li>
 35 |     </ul>
 36 |   </div>
 37 | </template>
 38 | 
 39 | <script>
 40 | export default {
 41 |   data () {
 42 |     return {
 43 |       query: '',
 44 |       focused: false,
 45 |       focusIndex: 0
 46 |     }
 47 |   },
 48 | 
 49 |   computed: {
 50 |     showSuggestions () {
 51 |       return (
 52 |         this.focused &&
 53 |         this.suggestions &&
 54 |         this.suggestions.length
 55 |       )
 56 |     },
 57 | 
 58 |     suggestions () {
 59 |       const query = this.query.trim().toLowerCase()
 60 |       if (!query) {
 61 |         return
 62 |       }
 63 | 
 64 |       const { pages, themeConfig } = this.$site
 65 |       const max = themeConfig.searchMaxSuggestions || 5
 66 |       const localePath = this.$localePath
 67 |       const matches = item => (
 68 |         item.title &&
 69 |         item.title.toLowerCase().indexOf(query) > -1
 70 |       )
 71 |       const res = []
 72 |       for (let i = 0; i < pages.length; i++) {
 73 |         if (res.length >= max) break
 74 |         const p = pages[i]
 75 |         // filter out results that do not match current locale
 76 |         if (this.getPageLocalePath(p) !== localePath) {
 77 |           continue
 78 |         }
 79 |         if (matches(p)) {
 80 |           res.push(p)
 81 |         } else if (p.headers) {
 82 |           for (let j = 0; j < p.headers.length; j++) {
 83 |             if (res.length >= max) break
 84 |             const h = p.headers[j]
 85 |             if (matches(h)) {
 86 |               res.push(Object.assign({}, p, {
 87 |                 path: p.path + '#' + h.slug,
 88 |                 header: h
 89 |               }))
 90 |             }
 91 |           }
 92 |         }
 93 |       }
 94 |       return res
 95 |     },
 96 | 
 97 |     // make suggestions align right when there are not enough items
 98 |     alignRight () {
 99 |       const navCount = (this.$site.themeConfig.nav || []).length
100 |       const repo = this.$site.repo ? 1 : 0
101 |       return navCount + repo <= 2
102 |     }
103 |   },
104 | 
105 |   methods: {
106 |     getPageLocalePath (page) {
107 |       for (const localePath in this.$site.locales || {}) {
108 |         if (localePath !== '/' && page.path.indexOf(localePath) === 0) {
109 |           return localePath
110 |         }
111 |       }
112 |       return '/'
113 |     },
114 | 
115 |     onUp () {
116 |       if (this.showSuggestions) {
117 |         if (this.focusIndex > 0) {
118 |           this.focusIndex--
119 |         } else {
120 |           this.focusIndex = this.suggestions.length - 1
121 |         }
122 |       }
123 |     },
124 | 
125 |     onDown () {
126 |       if (this.showSuggestions) {
127 |         if (this.focusIndex < this.suggestions.length - 1) {
128 |           this.focusIndex++
129 |         } else {
130 |           this.focusIndex = 0
131 |         }
132 |       }
133 |     },
134 | 
135 |     go (i) {
136 |       if (!this.showSuggestions) {
137 |         return
138 |       }
139 |       this.$router.push(this.suggestions[i].path)
140 |       this.query = ''
141 |       this.focusIndex = 0
142 |     },
143 | 
144 |     focus (i) {
145 |       this.focusIndex = i
146 |     },
147 | 
148 |     unfocus () {
149 |       this.focusIndex = -1
150 |     }
151 |   }
152 | }
153 | </script>
154 | 
155 | <style lang="stylus">
156 | .search-box
157 |   display inline-block
158 |   position relative
159 |   input
160 |     cursor text
161 |     width 15rem
162 |     color lighten($textColor, 25%)
163 |     display inline-block
164 |     border 1px solid darken($borderColor, 10%)
165 |     border-radius 2px
166 |     font-size 0.9rem
167 |     line-height 2rem
168 |     padding 0 0.5rem 0 2rem
169 |     outline none
170 |     transition all .2s ease
171 |     background #fff url(/search.svg) 0.6rem 0.5rem no-repeat
172 |     background-size 1rem
173 |     &:focus
174 |       cursor auto
175 |       border-color $accentColor
176 |   .suggestions
177 |     background #fff
178 |     width 20rem
179 |     position absolute
180 |     top 2.2rem
181 |     right 0
182 |     border 1px solid darken($borderColor, 10%)
183 |     border-radius 2px
184 |     padding 0.4rem
185 |     list-style-type none
186 |     &.align-right
187 |       right 0
188 |   .suggestion
189 |     line-height 1.4
190 |     padding 0.4rem 0.6rem
191 |     border-radius 4px
192 |     cursor pointer
193 |     a
194 |       white-space normal
195 |       color lighten($textColor, 35%)
196 |       .page-title
197 |         font-weight 600
198 |       .header
199 |         font-size 0.9em
200 |         margin-left 0.25em
201 |     &.focused
202 |       background-color #f3f4f5
203 |       a
204 |         color $accentColor
205 | </style>
206 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/SidebarButton.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="sidebar-button" @click="$emit('toggle-menu')">
 3 |     <svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512">
 4 |       <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"></path>
 5 |     </svg>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <style lang="stylus">
10 | .sidebar-button
11 |   cursor pointer
12 |   display none
13 |   width 20px
14 |   height 20px
15 |   position absolute
16 |   top 0
17 |   right 0
18 |   .icon
19 |     color $accentColor
20 |     display block
21 |     width 20px
22 |     height 20px
23 | 
24 | @media (max-width: $MQMobile)
25 |   .sidebar-button
26 |     display block
27 | </style>
28 | 


--------------------------------------------------------------------------------
/.vuepress/theme/components/Slogan.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="slogan-wrap">
 3 |     <div class="inner-block">
 4 |       <h2 class="name">我的博客</h2>
 5 |       <p class="intro">{{intro}}</p>
 6 |       <SearchBox class="search-box" v-if="$site.themeConfig.search !== false && $page.frontmatter.search !== false"/>
 7 |     </div>
 8 |   </div>
 9 | </template>
10 | <script>
11 | import SearchBox from '@theme/components/SearchBox'
12 | const axios = require('axios')
13 | export default {
14 |   components: { SearchBox },
15 |   data () {
16 |     return {
17 |       intro: '',
18 |     }
19 |   },
20 |   mounted () {
21 |     this.getIntro()
22 |   },
23 |   methods: {
24 |     async getIntro () {
25 |       try {
26 |         const result = await axios.get(`https://v1.hitokoto.cn/`)
27 |         this.intro = result.data.hitokoto
28 |       } catch (e) {
29 |         console.log(e)
30 |       }
31 |     }
32 |   }
33 | }
34 | </script>
35 | <style lang="stylus" scoped>
36 | .slogan-wrap
37 |   border-bottom 1px solid #eee
38 |   padding 40px 0
39 |   .inner-block
40 |     position relative
41 |   .name
42 |     font-size 2rem
43 |     font-weight normal
44 |   .intro
45 |     color #666
46 |     max-width 500px
47 |   .search-box
48 |     position absolute
49 |     top 10px
50 |     right 0
51 | @media (max-width: $MQMobile)
52 |   .slogan-wrap
53 |     .inner-block
54 |       padding 20px 10px
55 |     .search-box
56 |       display: none;
57 | </style>
58 | 


--------------------------------------------------------------------------------
/.vuepress/theme/enhance/filter.js:
--------------------------------------------------------------------------------
 1 | const install = (Vue) => {
 2 |   Vue.filter('toLocaleString', (date, locales) => {
 3 |     return new Date(date).toLocaleString(locales || 'en-US')
 4 |   })
 5 | 
 6 |   Vue.filter('formatLocaleString', (value) => {
 7 |     return value.split(',')[0]
 8 |   })
 9 | }
10 | 
11 | export default { install }
12 | 


--------------------------------------------------------------------------------
/.vuepress/theme/enhance/mixin.js:
--------------------------------------------------------------------------------
 1 | import { isArray } from '../util'
 2 | 
 3 | const install = (Vue, { pages }) => {
 4 |   let tagsMap = {}
 5 |   let categorysMap = {}
 6 |   let top = []
 7 |   const posts = pages.filter(item => {
 8 |     if (item.frontmatter.title === undefined) {
 9 |       return false
10 |     }
11 |     return item.path.indexOf('/article/') > -1
12 |   }).sort((item1, item2) => {
13 |       return new Date(item2.publishDate).getTime() - new Date(item1.publishDate).getTime()
14 |   }).map((item, index)=> {
15 |     if (item.frontmatter.categorys instanceof String) {
16 |       item.frontmatter.categorys = [item.frontmatter.categorys]
17 |     }
18 |     if (item.frontmatter.tags instanceof String) {
19 |       item.frontmatter.tags = [item.frontmatter.tags]
20 |     }
21 |     item.index = index
22 |     return item
23 |   })
24 | 
25 | 
26 |   posts.forEach(item => {
27 |     if (item.frontmatter.top !== undefined) {
28 |       top.push(item)
29 |     }
30 | 
31 |     let categorys = item.frontmatter.categorys
32 |     if (!categorys) {
33 |       categorys = []
34 |     }
35 |     categorys.forEach(cate => {
36 |       if (!categorysMap[cate]) {
37 |         categorysMap[cate] = [item]
38 |       } else {
39 |         categorysMap[cate].push(item)
40 |       }
41 |     })
42 | 
43 |     let tags = item.frontmatter.tags
44 |     if (tags) {
45 |       if (!isArray(tags)) {
46 |         tags = [tags]
47 |       }
48 |     } else {
49 |       tags = []
50 |     }
51 |     tags.forEach(tag => {
52 |       if (!tagsMap[tag]) {
53 |         tagsMap[tag] = [item]
54 |       } else {
55 |         tagsMap[tag].push(item)
56 |       }
57 |     })
58 |   })
59 | 
60 |   Vue.mixin({
61 |     computed: {
62 |       $tops () {
63 |         return top.sort((item1, item2) => item2.frontmatter.top - item1.frontmatter.top)
64 |       },
65 |       $posts () {
66 |         return posts
67 |       },
68 |       $tags () {
69 |         return tagsMap
70 |       },
71 |       $categorys () {
72 |         return categorysMap
73 |       }
74 |     }
75 |   })
76 | }
77 | 
78 | export default { install }
79 | 


--------------------------------------------------------------------------------
/.vuepress/theme/enhance/optionHandle.js:
--------------------------------------------------------------------------------
 1 | const install = (Vue, { themeConfig }) => {
 2 |   const TAGS = '/tags/'
 3 |   const ROOT = '/'
 4 | 
 5 |   const navs = themeConfig.nav
 6 | 
 7 |   Vue.options = Vue.options || {}
 8 | 
 9 |   const tagsOption = {
10 |     useTag: themeConfig.tags,
11 |     path: TAGS
12 |   }
13 | 
14 |   const rootOption = {
15 |     path: ROOT
16 |   }
17 | 
18 |   navs.forEach(nav => {
19 |     if (nav.tags && nav.link) {
20 |       tagsOption.path = nav.link
21 |     }
22 |     if (nav.root && nav.link) {
23 |       rootOption.path = nav.link
24 |     }
25 |   })
26 | 
27 |   Vue.options.tags = tagsOption
28 |   Vue.options.root = rootOption
29 | 
30 |   Vue.mixin({
31 |     computed: {
32 |       $tagOptions() {
33 |         return Object.assign({}, tagsOption)
34 |       },
35 |       $rootOptions() {
36 |         return Object.assign({}, rootOption)
37 |       }
38 |     }
39 |   })
40 | }
41 | 
42 | export default { install }
43 | 


--------------------------------------------------------------------------------
/.vuepress/theme/enhance/routes.js:
--------------------------------------------------------------------------------
 1 | const CategoryLayout = () => import('@theme/layouts/CategoryLayout')
 2 | 
 3 | const CATEGORYPATH = '/category/'
 4 | 
 5 | const install = (Vue, { router }) => {
 6 |   let routes = []
 7 |   routes.push({
 8 |     path: `${CATEGORYPATH}:category?`,
 9 |     component: CategoryLayout,
10 |     meta: { tag: true }
11 |   })
12 |   router.addRoutes(routes)
13 | }
14 | 
15 | export default { install }
16 | 


--------------------------------------------------------------------------------
/.vuepress/theme/enhanceApp.js:
--------------------------------------------------------------------------------
 1 | import routes from './enhance/routes'
 2 | import mixin from './enhance/mixin'
 3 | import optionHandler from './enhance/optionHandle'
 4 | import filter from './enhance/filter.js'
 5 | 
 6 | export default ({ Vue, router, siteData }) => {
 7 |     const { themeConfig, pages } = siteData
 8 |     Vue.use(mixin, { pages })
 9 |     Vue.use(optionHandler, { themeConfig })
10 |     Vue.use(routes, { router, themeConfig })
11 |     Vue.use(filter)
12 | }
13 | 


--------------------------------------------------------------------------------
/.vuepress/theme/global-components/Badge.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | export default {
 3 |   functional: true,
 4 |   props: {
 5 |     type: {
 6 |       type: String,
 7 |       default: 'tip'
 8 |     },
 9 |     text: String,
10 |     vertical: {
11 |       type: String,
12 |       default: 'top'
13 |     }
14 |   },
15 |   render (h, { props, slots }) {
16 |     return h('span', {
17 |       class: ['badge', props.type],
18 |       style: {
19 |         verticalAlign: props.vertical
20 |       }
21 |     }, props.text || slots().default)
22 |   }
23 | }
24 | </script>
25 | 
26 | <style lang="stylus" scoped>
27 | .badge
28 |   display inline-block
29 |   font-size 14px
30 |   height 18px
31 |   line-height 18px
32 |   border-radius 3px
33 |   padding 0 6px
34 |   color white
35 |   background-color #42b983
36 |   &.tip, &.green
37 |     background-color #42b983
38 |   &.error
39 |     background-color #DA5961 //#f66
40 |   &.warning, &.warn, &.yellow
41 |     background-color darken(#ffe564, 35%)
42 |   & + &
43 |     margin-left 5px
44 | </style>
45 | 


--------------------------------------------------------------------------------
/.vuepress/theme/index.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | 
 3 | // Theme API.
 4 | module.exports = (options, ctx) => ({
 5 |   alias () {
 6 |     const { themeConfig, siteConfig } = ctx
 7 |     // resolve algolia
 8 |     const isAlgoliaSearch = (
 9 |       themeConfig.algolia
10 |       || Object.keys(siteConfig.locales && themeConfig.locales || {})
11 |         .some(base => themeConfig.locales[base].algolia)
12 |     )
13 |     return {
14 |       '@AlgoliaSearchBox': isAlgoliaSearch
15 |         ? path.resolve(__dirname, 'components/AlgoliaSearchBox.vue')
16 |         : path.resolve(__dirname, 'noopModule.js')
17 |     }
18 |   },
19 | 
20 |   plugins: [
21 |     ['@vuepress/active-header-links', options.activeHeaderLinks],
22 |     '@vuepress/search',
23 |     '@vuepress/plugin-nprogress',
24 |     ['container', {
25 |       type: 'tip',
26 |       defaultTitle: {
27 |         '/zh/': '提示'
28 |       }
29 |     }],
30 |     ['container', {
31 |       type: 'warning',
32 |       defaultTitle: {
33 |         '/zh/': '注意'
34 |       }
35 |     }],
36 |     ['container', {
37 |       type: 'danger',
38 |       defaultTitle: {
39 |         '/zh/': '警告'
40 |       }
41 |     }]
42 |   ]
43 | })
44 | 


--------------------------------------------------------------------------------
/.vuepress/theme/layouts/404.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="theme-container" :class="pageClasses">
 3 |     <Navbar @toggle-menu="toggleMenu" />
 4 |     <div class="content">
 5 |       <img src="https://res.oodcd.cn/zhi/error.png" alt="404">
 6 |       <h1> 404，该页面暂时出错</h1>
 7 |       <p><router-link to="/">回首页</router-link></p>
 8 |     </div>
 9 |     <Footerbar />
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 | import Navbar from '@theme/components/Navbar.vue'
15 | import Footerbar from '@theme/components/Footerbar.vue'
16 | 
17 | export default {
18 |   components: { Navbar, Footerbar },
19 |   data () {
20 |     return {
21 |       isMenuOpen: false
22 |     }
23 |   },
24 |   computed: {
25 |     pageClasses () {
26 |       const userPageClass = this.$page.frontmatter.pageClass
27 |       return [
28 |         {
29 |           'menu-open': this.isMenuOpen
30 |         },
31 |         userPageClass
32 |       ]
33 |     }
34 |   },
35 |   mounted () {
36 |     this.$router.afterEach(() => {
37 |       this.isMenuOpen = false
38 |     })
39 |   },
40 |   methods: {
41 |     toggleMenu (to) {
42 |       this.isMenuOpen = typeof to === 'boolean' ? to : !this.isMenuOpen
43 |     }
44 |   }
45 | }
46 | </script>
47 | 
48 | <style lang="stylus" scoped>
49 | .content
50 |   max-width 300px
51 |   margin 20px auto
52 |   text-align center
53 |   img
54 |     width 200px
55 |     border none
56 | </style>
57 | 


--------------------------------------------------------------------------------
/.vuepress/theme/layouts/CategoryLayout.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="category-container" :class="pageClasses">
  3 |     <Navbar @toggle-menu="toggleMenu" />
  4 |     <Slogan />
  5 | 
  6 |     <div class="category-wrap">
  7 |       <router-link class="category-item" :to="{ path: '/category/' }">
  8 |         <span class="category-text">所有分类</span>
  9 |       </router-link>
 10 |       <router-link class="category-item" :to="{ path: '/category/' + key }"  v-for="value, key in $categorys" :key="key">
 11 |         <span class="category-text">{{key}}</span>
 12 |       </router-link>
 13 |     </div>
 14 | 
 15 |     <div class="archive-wrap">
 16 |       <div class="archive-item" v-for="value, key in archives" :key="key">
 17 |         <h4 class="header">{{key}}</h4>
 18 |         <ul>
 19 |           <li v-for="post in value">
 20 |             <router-link class="title" :to="{ path: post.path }">{{ post.frontmatter.title }}</router-link>
 21 |             <span class="meta-info">
 22 |               (
 23 |               <span class="time">
 24 |                 <time >{{ post.publishDate | toLocaleString }}</time>
 25 |               </span>
 26 |               |
 27 |               <span class="categorys" v-if="post.frontmatter.categorys && post.frontmatter.categorys.length > 0">
 28 |                 分类:
 29 |                 <router-link class="category-item em" v-for="item in post.frontmatter.categorys" :to="{ path: '/category/' + item }">{{item}}</router-link>
 30 |               </span>
 31 |               |
 32 |               <span class="tags" v-if="post.frontmatter.tags && post.frontmatter.tags.length > 0">
 33 |                 标签:
 34 |                 <template v-if="f_isArray(post.frontmatter.tags)" >
 35 |                   <span class="tag-item em" v-for="item in post.frontmatter.tags">{{item}}</span>
 36 |                 </template>
 37 |                 <span class="tag-item em" v-else>{{post.frontmatter.tags}}</span>
 38 |               </span>
 39 |               )
 40 |             </span>
 41 |           </li>
 42 |         </ul>
 43 |       </div>
 44 |     </div>
 45 |     <Footerbar />
 46 |   </div>
 47 | </template>
 48 | 
 49 | <script>
 50 | import Navbar from '@theme/components/Navbar.vue'
 51 | import Footerbar from '@theme/components/Footerbar.vue'
 52 | import Slogan from '@theme/components/Slogan'
 53 | import { archivePostsByCategory, isArray } from '../util'
 54 | 
 55 | export default {
 56 |   components: { Navbar, Footerbar, Slogan },
 57 |   data () {
 58 |     return {
 59 |       isMenuOpen: false
 60 |     }
 61 |   },
 62 |   computed: {
 63 |     category () {
 64 |       return this.$route.params.category
 65 |     },
 66 |     archives () {
 67 |       return archivePostsByCategory(this.$posts, this.category)
 68 |     },
 69 |     pageClasses () {
 70 |       const userPageClass = this.$page.frontmatter.pageClass
 71 |       return [
 72 |         {
 73 |           'menu-open': this.isMenuOpen
 74 |         },
 75 |         userPageClass
 76 |       ]
 77 |     }
 78 |   },
 79 |   mounted () {
 80 |     this.$router.afterEach(() => {
 81 |       this.isMenuOpen = false
 82 |     })
 83 |   },
 84 |   methods: {
 85 |     f_isArray (object) {
 86 |       return isArray(object)
 87 |     },
 88 |     toggleMenu (to) {
 89 |       this.isMenuOpen = typeof to === 'boolean' ? to : !this.isMenuOpen
 90 |     }
 91 |   }
 92 | }
 93 | </script>
 94 | 
 95 | <style lang="stylus" scoped>
 96 | $width = 960px
 97 | .category-container
 98 |   .category-wrap
 99 |     max-width $width
100 |     margin 20px auto
101 |     background-color $bgColor
102 |     padding 40px
103 |     border-radius 4px
104 |     font-size 0
105 |     .category-item
106 |       display inline-block
107 |       padding 5px 15px
108 |       font-size 1rem
109 |       margin-right 4px
110 |       transition background-color ease 0.3s
111 |       &:hover, &.router-link-exact-active
112 |         text-decoration none
113 |         border-radius 4px
114 |         background-color #ddd
115 |       .category-text
116 |         border-bottom 1px dashed #ccc
117 |   .archive-wrap
118 |     max-width $width
119 |     margin 20px auto
120 |     .header
121 |       text-align center
122 |       font-size 1.5rem
123 |       line-height 2
124 |       margin-bottom 10px
125 |       border-bottom 1px solid $borderColor
126 |     ul
127 |       margin-top 20px
128 |       margin-bottom 20px
129 |       li
130 |         line-height 2.1
131 |         .title
132 |           font-size 1.1rem
133 |         .meta-info
134 |           color #999
135 |           font-size 0.9rem
136 |           .em
137 |             color lighten($accentColor, 20%)
138 |             border-bottom 1px dashed #ddd
139 |             margin-left 5px
140 | 
141 | @media (max-width: $MQMobile)
142 |   .category-container
143 |     .category-wrap {
144 |       padding: 30px 20px;
145 |       .category-item {
146 |         padding: 5px 8px;
147 |       }
148 |     }
149 |     .archive-wrap
150 |       padding-left 10px;
151 |       padding-right 10px;
152 | 
153 | </style>
154 | 


--------------------------------------------------------------------------------
/.vuepress/theme/layouts/Layout.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="theme-container" :class="pageClasses">
 3 |     <Navbar @toggle-menu="toggleMenu" />
 4 |     <Slogan />
 5 |     <div class="content-wrap">
 6 |       <div class="inner-block">
 7 |         <div class="left-side">
 8 |           <Home v-if="$page.frontmatter.home"/>
 9 |           <Page v-else>
10 |             <slot name="page-top" slot="top"/>
11 |             <slot name="page-bottom" slot="bottom"/>
12 |           </Page>
13 |         </div>
14 |         <aside class="right-side">
15 |           <Category />
16 |         </aside>
17 |       </div>
18 |     </div>
19 |     <Footerbar />
20 |   </div>
21 | </template>
22 | 
23 | <script>
24 | import Home from '@theme/components/Home.vue'
25 | import Navbar from '@theme/components/Navbar.vue'
26 | import Page from '@theme/components/Page.vue'
27 | import Footerbar from '@theme/components/Footerbar.vue'
28 | import Category from '@theme/components/Category.vue'
29 | import Slogan from '@theme/components/Slogan.vue'
30 | 
31 | export default {
32 |   components: { Home, Page, Navbar, Footerbar, Category, Slogan },
33 |   data () {
34 |     return {
35 |       isMenuOpen: false
36 |     }
37 |   },
38 |   computed: {
39 |     pageClasses () {
40 |       const userPageClass = this.$page.frontmatter.pageClass
41 |       return [
42 |         {
43 |           'menu-open': this.isMenuOpen
44 |         },
45 |         userPageClass
46 |       ]
47 |     }
48 |   },
49 |   mounted () {
50 |     this.$router.afterEach(() => {
51 |       this.isMenuOpen = false
52 |     })
53 |   },
54 |   methods: {
55 |     toggleMenu (to) {
56 |       this.isMenuOpen = typeof to === 'boolean' ? to : !this.isMenuOpen
57 |     }
58 |   }
59 | }
60 | </script>
61 | <style lang="stylus" scoped>
62 | @import '../styles/config.styl';
63 | 
64 | .theme-container
65 |   .content-wrap
66 |     .inner-block
67 |       position relative
68 |       display flex
69 |       padding-top 20px
70 |       justify-content space-between
71 |       .left-side
72 |         width $contentWidth
73 |       .right-side
74 |         width $themeContainerWidth - $contentWidth - 100px
75 | 
76 | @media (max-width: $MQMobile)
77 |   .theme-container
78 |     .content-wrap
79 |       .inner-block
80 |         padding: 20px 10px 0
81 |         .left-side
82 |           width: 100%;
83 |         .right-side
84 |           display: none
85 | </style>
86 | 
87 | <style src="prismjs/themes/prism-tomorrow.css"></style>
88 | 


--------------------------------------------------------------------------------
/.vuepress/theme/noopModule.js:
--------------------------------------------------------------------------------
1 | export default {}
2 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/arrow.styl:
--------------------------------------------------------------------------------
 1 | @require './config'
 2 | 
 3 | .arrow
 4 |   display inline-block
 5 |   width 0
 6 |   height 0
 7 |   &.up
 8 |     border-left 4px solid transparent
 9 |     border-right 4px solid transparent
10 |     border-bottom 6px solid $arrowBgColor
11 |   &.down
12 |     border-left 4px solid transparent
13 |     border-right 4px solid transparent
14 |     border-top 6px solid $arrowBgColor
15 |   &.right
16 |     border-top 4px solid transparent
17 |     border-bottom 4px solid transparent
18 |     border-left 6px solid $arrowBgColor
19 |   &.left
20 |     border-top 4px solid transparent
21 |     border-bottom 4px solid transparent
22 |     border-right 6px solid $arrowBgColor
23 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/code.styl:
--------------------------------------------------------------------------------
  1 | .content__default
  2 |   code
  3 |     color lighten($textColor, 20%)
  4 |     padding 0.25rem 0.5rem
  5 |     margin 0
  6 |     font-size 0.85em
  7 |     background-color rgba(27,31,35,0.05)
  8 |     border-radius 3px
  9 |     .token
 10 |       &.deleted
 11 |         color #EC5975
 12 |       &.inserted
 13 |         color $accentColor
 14 | 
 15 | .content__default
 16 |   pre, pre[class*="language-"]
 17 |     line-height 1.4
 18 |     padding 1.25rem 1.5rem
 19 |     margin 0.85rem 0
 20 |     background-color $codeBgColor
 21 |     border-radius 6px
 22 |     overflow auto
 23 |     code
 24 |       color #fff
 25 |       padding 0
 26 |       background-color transparent
 27 |       border-radius 0
 28 | 
 29 | div[class*="language-"]
 30 |   position relative
 31 |   background-color $codeBgColor
 32 |   border-radius 6px
 33 |   .highlight-lines
 34 |     user-select none
 35 |     padding-top 1.3rem
 36 |     position absolute
 37 |     top 0
 38 |     left 0
 39 |     width 100%
 40 |     line-height 1.4
 41 |     .highlighted
 42 |       background-color rgba(0, 0, 0, 66%)
 43 |   pre, pre[class*="language-"]
 44 |     background transparent
 45 |     position relative
 46 |     z-index 1
 47 |   &::before
 48 |     position absolute
 49 |     z-index 3
 50 |     top 0.8em
 51 |     right 1em
 52 |     font-size 0.75rem
 53 |     color rgba(255, 255, 255, 0.4)
 54 |   &:not(.line-numbers-mode)
 55 |     .line-numbers-wrapper
 56 |       display none
 57 |   &.line-numbers-mode
 58 |     .highlight-lines .highlighted
 59 |         position relative
 60 |         &:before
 61 |           content ' '
 62 |           position absolute
 63 |           z-index 3
 64 |           left 0
 65 |           top 0
 66 |           display block
 67 |           width $lineNumbersWrapperWidth
 68 |           height 100%
 69 |           background-color rgba(0, 0, 0, 66%)
 70 |     pre
 71 |       padding-left $lineNumbersWrapperWidth + 1 rem
 72 |       vertical-align middle
 73 |     .line-numbers-wrapper
 74 |       position absolute
 75 |       top 0
 76 |       width $lineNumbersWrapperWidth
 77 |       text-align center
 78 |       color rgba(255, 255, 255, 0.3)
 79 |       padding 1.25rem 0
 80 |       line-height 1.4
 81 |       br
 82 |         user-select none
 83 |       .line-number
 84 |         position relative
 85 |         z-index 4
 86 |         user-select none
 87 |         font-size 0.85em
 88 |     &::after
 89 |       content ''
 90 |       position absolute
 91 |       z-index 2
 92 |       top 0
 93 |       left 0
 94 |       width $lineNumbersWrapperWidth
 95 |       height 100%
 96 |       border-radius 6px 0 0 6px
 97 |       border-right 1px solid rgba(0, 0, 0, 66%)
 98 |       background-color $codeBgColor
 99 | 
100 | 
101 | for lang in $codeLang
102 |   div{'[class~="language-' + lang + '"]'}
103 |     &:before
104 |       content ('' + lang)
105 | 
106 | div[class~="language-javascript"]
107 |   &:before
108 |     content "js"
109 | 
110 | div[class~="language-typescript"]
111 |   &:before
112 |     content "ts"
113 | 
114 | div[class~="language-markup"]
115 |   &:before
116 |     content "html"
117 | 
118 | div[class~="language-markdown"]
119 |   &:before
120 |     content "md"
121 | 
122 | div[class~="language-json"]:before
123 |   content "json"
124 | 
125 | div[class~="language-ruby"]:before
126 |   content "rb"
127 | 
128 | div[class~="language-python"]:before
129 |   content "py"
130 | 
131 | div[class~="language-bash"]:before
132 |   content "sh"
133 | 
134 | div[class~="language-php"]:before
135 |   content "php"
136 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/config.styl:
--------------------------------------------------------------------------------
 1 | // layout
 2 | $contentWidth = 700px
 3 | $themeContainerWidth = 1000px
 4 | 
 5 | // responsive breakpoints
 6 | $MQNarrow = 959px
 7 | $MQMobile = 700px
 8 | $MQMobileNarrow = 419px
 9 | 
10 | // code
11 | $lineNumbersWrapperWidth = 3.5rem
12 | $codeLang = js ts html md vue css sass scss less stylus go java c sh yaml py
13 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/custom-blocks.styl:
--------------------------------------------------------------------------------
 1 | .custom-block
 2 |   .custom-block-title
 3 |     font-weight 600
 4 |     margin-bottom -0.4rem
 5 |   &.tip, &.warning, &.danger
 6 |     padding .1rem 1.5rem
 7 |     border-left-width .5rem
 8 |     border-left-style solid
 9 |     margin 1rem 0
10 |   &.tip
11 |     background-color #f3f5f7
12 |     border-color #42b983
13 |   &.warning
14 |     background-color rgba(255,229,100,.3)
15 |     border-color darken(#ffe564, 35%)
16 |     color darken(#ffe564, 70%)
17 |     .custom-block-title
18 |       color darken(#ffe564, 50%)
19 |     a
20 |       color $textColor
21 |   &.danger
22 |     background-color #ffe6e6
23 |     border-color darken(red, 20%)
24 |     color darken(red, 70%)
25 |     .custom-block-title
26 |       color darken(red, 40%)
27 |     a
28 |       color $textColor
29 | 
30 | 
31 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/index.styl:
--------------------------------------------------------------------------------
  1 | @require './code'
  2 | @require './custom-blocks'
  3 | @require './arrow'
  4 | @require './toc'
  5 | @require './config'
  6 | 
  7 | *
  8 |   margin 0
  9 |   padding 0
 10 |   box-sizing: border-box;
 11 | 
 12 | html
 13 |   font-size 14px
 14 | 
 15 | body
 16 |   font-family "Times New Roman", STHeiti, serif
 17 |   -webkit-font-smoothing antialiased
 18 |   -moz-osx-font-smoothing grayscale
 19 |   font-size 14px
 20 |   line-height 1.5
 21 |   letter-spacing 1px
 22 |   word-spacing 1px
 23 |   color $textColor
 24 | 
 25 | .navbar
 26 |   background-color $bgColor
 27 |   border-bottom 1px solid $borderColor
 28 | 
 29 | .inner-block
 30 |   width $themeContainerWidth
 31 |   margin 0 auto
 32 | 
 33 | @media (max-width: $MQMobile)
 34 |   .inner-block
 35 |     width 100%
 36 | 
 37 | .content, .content__default
 38 |   // text-align justify
 39 |   line-height: 1.8
 40 |   h1, h2, h3, h4, h5, h6
 41 |     margin-top 1.1rem
 42 |     margin-bottom 0.9rem
 43 |     &:hover .header-anchor
 44 |       opacity: 1
 45 |   p, ul, ol
 46 |     margin-top: 0.7rem
 47 |     margin-bottom 0.7rem
 48 | 
 49 |   ul, ol
 50 |     ul, ol
 51 |       margin-bottom 0
 52 |   a
 53 |     border-bottom 1px dashed #ddd
 54 |     &:hover
 55 |       text-decoration underline
 56 |   p.demo
 57 |     padding 1rem 1.5rem
 58 |     border 1px solid #ddd
 59 |     border-radius 4px
 60 |   img
 61 |     margin-top 10px
 62 |     max-width 400px
 63 |     border-radius 4px
 64 |     border 1px solid #eee
 65 | 
 66 | a
 67 |   font-weight 500
 68 |   color $accentColor
 69 |   text-decoration none
 70 |   &:hover
 71 |     text-decoration: underline;
 72 | 
 73 | p a code
 74 |   font-weight 400
 75 |   color $accentColor
 76 | 
 77 | kbd
 78 |   background #eee
 79 |   border solid 0.15rem #ddd
 80 |   border-bottom solid 0.25rem #ddd
 81 |   border-radius 0.15rem
 82 |   padding 0 0.15em
 83 | 
 84 | blockquote
 85 |   font-size .9rem
 86 |   color #999
 87 |   border-left .5rem solid #dfe2e5
 88 |   margin 0.5rem 0
 89 |   padding .25rem 0 .25rem 1rem
 90 |   & > p
 91 |     margin 0
 92 | 
 93 | ul, ol
 94 |   padding-left 1.2em
 95 | 
 96 | strong
 97 |   font-weight 600
 98 | 
 99 | h1
100 |   font-size 1.6rem
101 |   font-family 'Helvetica Neue', Helvetica, Arial, sans-serif
102 | 
103 | h2
104 |   font-size 1.3rem
105 |   font-family 'Helvetica Neue', Helvetica, Arial, sans-serif
106 | 
107 | h3
108 |   font-size 1.2rem
109 |   font-family 'Helvetica Neue', Helvetica, Arial, sans-serif
110 | 
111 | h4
112 |   font-size: 1.2rem
113 |   font-weight normal
114 | 
115 | a.header-anchor
116 |   font-size 0.85em
117 |   float left
118 |   margin-left -0.87em
119 |   padding-right 0.23em
120 |   margin-top 0.125em
121 |   opacity 0
122 |   &:hover
123 |     text-decoration none
124 | 
125 | code, kbd, .line-number
126 |   font-family source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
127 | 
128 | hr
129 |   border 0
130 |   border-top 1px solid $borderColor
131 | 
132 | table
133 |   border-collapse collapse
134 |   margin 1rem 0
135 |   display: block
136 |   overflow-x: auto
137 | 
138 | tr
139 |   border-top 1px solid #dfe2e5
140 |   &:nth-child(2n)
141 |     background-color #f6f8fa
142 | 
143 | th, td
144 |   border 1px solid #dfe2e5
145 |   padding .6em 1em
146 | 
147 | @require 'mobile.styl'
148 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/mobile.styl:
--------------------------------------------------------------------------------
1 | @require './config'
2 | 


--------------------------------------------------------------------------------
/.vuepress/theme/styles/toc.styl:
--------------------------------------------------------------------------------
1 | .table-of-contents
2 |   .badge
3 |     vertical-align middle
4 | 


--------------------------------------------------------------------------------
/.vuepress/theme/util/index.js:
--------------------------------------------------------------------------------
  1 | export const hashRE = /#.*$/
  2 | export const extRE = /\.(md|html)$/
  3 | export const endingSlashRE = /\/$/
  4 | export const outboundRE = /^(https?:|mailto:|tel:)/
  5 | 
  6 | export const PATHS = ['/', '/article/', '/category.html', '/article/index.html', '/index.html']
  7 | 
  8 | export function formatDate (date) {
  9 |   if (!date) {
 10 |     return ''
 11 |   } else {
 12 |     const time = new Date(date)
 13 |     const temp = (time.getMonth() + 1)
 14 |     const month = temp < 10 ? '0' + temp : temp
 15 |     return `${time.getFullYear()}/${month}/${time.getDate()}`
 16 |   }
 17 | }
 18 | 
 19 | export function isArray (object) {
 20 |   return object instanceof Array
 21 | }
 22 | 
 23 | export function archivePostsByCategory (posts, category) {
 24 |   let postsMap = {}
 25 |   posts.forEach(item => {
 26 |     let categorys = item.frontmatter.categorys
 27 |     if (categorys) {
 28 |       categorys = (categorys instanceof Array) ? categorys.join(',') : categorys
 29 |     } else {
 30 |       categorys = ''
 31 |     }
 32 | 
 33 |     if (category && categorys.indexOf(category) == -1) {
 34 |       return
 35 |     }
 36 | 
 37 |     let year
 38 |     if (item.frontmatter.date) {
 39 |       year = item.frontmatter.date.substring(0, 4)
 40 |     } else if (item.lastUpdated) {
 41 |       year = new Date(item.lastUpdated).getFullYear()
 42 |     }
 43 | 
 44 |     if (postsMap[year]) {
 45 |       postsMap[year].push(item)
 46 |     } else {
 47 |       postsMap[year] = [item]
 48 |     }
 49 |   })
 50 |   return postsMap
 51 | }
 52 | 
 53 | export function normalize (path) {
 54 |   return decodeURI(path)
 55 |     .replace(hashRE, '')
 56 |     .replace(extRE, '')
 57 | }
 58 | 
 59 | export function getHash (path) {
 60 |   const match = path.match(hashRE)
 61 |   if (match) {
 62 |     return match[0]
 63 |   }
 64 | }
 65 | 
 66 | export function isExternal (path) {
 67 |   return outboundRE.test(path)
 68 | }
 69 | 
 70 | export function isMailto (path) {
 71 |   return /^mailto:/.test(path)
 72 | }
 73 | 
 74 | export function isTel (path) {
 75 |   return /^tel:/.test(path)
 76 | }
 77 | 
 78 | export function ensureExt (path) {
 79 |   if (isExternal(path)) {
 80 |     return path
 81 |   }
 82 |   const hashMatch = path.match(hashRE)
 83 |   const hash = hashMatch ? hashMatch[0] : ''
 84 |   const normalized = normalize(path)
 85 | 
 86 |   if (endingSlashRE.test(normalized)) {
 87 |     return path
 88 |   }
 89 |   return normalized + '.html' + hash
 90 | }
 91 | 
 92 | export function isActive (route, path) {
 93 |   const routeHash = route.hash
 94 |   const linkHash = getHash(path)
 95 |   if (linkHash && routeHash !== linkHash) {
 96 |     return false
 97 |   }
 98 |   const routePath = normalize(route.path)
 99 |   const pagePath = normalize(path)
100 |   return routePath === pagePath
101 | }
102 | 
103 | export function resolvePage (pages, rawPath, base) {
104 |   if (base) {
105 |     rawPath = resolvePath(rawPath, base)
106 |   }
107 |   const path = normalize(rawPath)
108 |   for (let i = 0; i < pages.length; i++) {
109 |     if (normalize(pages[i].regularPath) === path) {
110 |       return Object.assign({}, pages[i], {
111 |         type: 'page',
112 |         path: ensureExt(pages[i].path)
113 |       })
114 |     }
115 |   }
116 |   console.error(`[vuepress] No matching page found for sidebar item "${rawPath}"`)
117 |   return {}
118 | }
119 | 
120 | function resolvePath (relative, base, append) {
121 |   const firstChar = relative.charAt(0)
122 |   if (firstChar === '/') {
123 |     return relative
124 |   }
125 | 
126 |   if (firstChar === '?' || firstChar === '#') {
127 |     return base + relative
128 |   }
129 | 
130 |   const stack = base.split('/')
131 | 
132 |   // remove trailing segment if:
133 |   // - not appending
134 |   // - appending to trailing slash (last segment is empty)
135 |   if (!append || !stack[stack.length - 1]) {
136 |     stack.pop()
137 |   }
138 | 
139 |   // resolve relative path
140 |   const segments = relative.replace(/^\//, '').split('/')
141 |   for (let i = 0; i < segments.length; i++) {
142 |     const segment = segments[i]
143 |     if (segment === '..') {
144 |       stack.pop()
145 |     } else if (segment !== '.') {
146 |       stack.push(segment)
147 |     }
148 |   }
149 | 
150 |   // ensure leading slash
151 |   if (stack[0] !== '') {
152 |     stack.unshift('')
153 |   }
154 | 
155 |   return stack.join('/')
156 | }
157 | 
158 | /**
159 |  * @param { Page } page
160 |  * @param { string } regularPath
161 |  * @param { SiteData } site
162 |  * @param { string } localePath
163 |  * @returns { SidebarGroup }
164 |  */
165 | export function resolveSidebarItems (page, regularPath, site, localePath) {
166 |   const { pages, themeConfig } = site
167 | 
168 |   const localeConfig = localePath && themeConfig.locales
169 |     ? themeConfig.locales[localePath] || themeConfig
170 |     : themeConfig
171 | 
172 |   const pageSidebarConfig = page.frontmatter.sidebar || localeConfig.sidebar || themeConfig.sidebar
173 |   if (pageSidebarConfig === 'auto') {
174 |     return resolveHeaders(page)
175 |   }
176 | 
177 |   const sidebarConfig = localeConfig.sidebar || themeConfig.sidebar
178 |   if (!sidebarConfig) {
179 |     return []
180 |   } else {
181 |     const { base, config } = resolveMatchingConfig(regularPath, sidebarConfig)
182 |     return config
183 |       ? config.map(item => resolveItem(item, pages, base))
184 |       : []
185 |   }
186 | }
187 | 
188 | /**
189 |  * @param { Page } page
190 |  * @returns { SidebarGroup }
191 |  */
192 | function resolveHeaders (page) {
193 |   const headers = groupHeaders(page.headers || [])
194 |   return [{
195 |     type: 'group',
196 |     collapsable: false,
197 |     title: page.title,
198 |     path: null,
199 |     children: headers.map(h => ({
200 |       type: 'auto',
201 |       title: h.title,
202 |       basePath: page.path,
203 |       path: page.path + '#' + h.slug,
204 |       children: h.children || []
205 |     }))
206 |   }]
207 | }
208 | 
209 | export function groupHeaders (headers) {
210 |   // group h3s under h2
211 |   headers = headers.map(h => Object.assign({}, h))
212 |   let lastH2
213 |   headers.forEach(h => {
214 |     if (h.level === 2) {
215 |       lastH2 = h
216 |     } else if (lastH2) {
217 |       (lastH2.children || (lastH2.children = [])).push(h)
218 |     }
219 |   })
220 |   return headers.filter(h => h.level === 2)
221 | }
222 | 
223 | export function resolveNavLinkItem (linkItem) {
224 |   return Object.assign(linkItem, {
225 |     type: linkItem.items && linkItem.items.length ? 'links' : 'link'
226 |   })
227 | }
228 | 
229 | /**
230 |  * @param { Route } route
231 |  * @param { Array<string|string[]> | Array<SidebarGroup> | [link: string]: SidebarConfig } config
232 |  * @returns { base: string, config: SidebarConfig }
233 |  */
234 | export function resolveMatchingConfig (regularPath, config) {
235 |   if (Array.isArray(config)) {
236 |     return {
237 |       base: '/',
238 |       config: config
239 |     }
240 |   }
241 |   for (const base in config) {
242 |     if (ensureEndingSlash(regularPath).indexOf(encodeURI(base)) === 0) {
243 |       return {
244 |         base,
245 |         config: config[base]
246 |       }
247 |     }
248 |   }
249 |   return {}
250 | }
251 | 
252 | function ensureEndingSlash (path) {
253 |   return /(\.html|\/)$/.test(path)
254 |     ? path
255 |     : path + '/'
256 | }
257 | 
258 | function resolveItem (item, pages, base, groupDepth = 1) {
259 |   if (typeof item === 'string') {
260 |     return resolvePage(pages, item, base)
261 |   } else if (Array.isArray(item)) {
262 |     return Object.assign(resolvePage(pages, item[0], base), {
263 |       title: item[1]
264 |     })
265 |   } else {
266 |     if (groupDepth > 3) {
267 |       console.error(
268 |         '[vuepress] detected a too deep nested sidebar group.'
269 |       )
270 |     }
271 |     const children = item.children || []
272 |     if (children.length === 0 && item.path) {
273 |       return Object.assign(resolvePage(pages, item.path, base), {
274 |         title: item.title
275 |       })
276 |     }
277 |     return {
278 |       type: 'group',
279 |       path: item.path,
280 |       title: item.title,
281 |       sidebarDepth: item.sidebarDepth,
282 |       children: children.map(child => resolveItem(child, pages, base, groupDepth + 1)),
283 |       collapsable: item.collapsable !== false
284 |     }
285 |   }
286 | }
287 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | home: true
 3 | ---
 4 | ## features
 5 | - [X] 文章分类功能
 6 | - [X] 打赏模块
 7 | - [X] 按年归档
 8 | - [X] 文章置顶
 9 | - [X] 文章创建时间支持
10 | - [X] 文章阅读量统计与评论
11 | - [X] 更好的移动端阅读效果
12 | - [X] RSS订阅
13 | - [X] 文章设置密码
14 | 


--------------------------------------------------------------------------------
/article/JS进制转换.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [javascript]	
 4 | tags: [进制转换]	
 5 | date: 2019/05/05	
 6 | title: javascript的进制转换-2进制、8进制、10进制、16进制互相转换	
 7 | excerpt: javascript的进制转换-2进制、8进制、10进制、16进制互相转换的一些方法与技巧	
 8 | ---	
 9 | 
10 | ## 10进制转其他进制	
11 | ``` javascript	
12 | // 10进制转其他进制	
13 | var x = 110	
14 | console.log(x.toString(8))	
15 | console.log(x.toString(2))	
16 | console.log(x.toString(16))	
17 | ```	
18 | 
19 | ## 其他进制转10进制	
20 | 
21 | ``` javascript	
22 | // 其他进制转10进制	
23 | var x = '110'	
24 | console.log(parseInt(`${x}`, 2))  // 110此时是2进制数字符串	
25 | console.log(parseInt(`${x}`, 8))  // 110此时是8进制数字符串	
26 | console.log(parseInt(`${x}`, 16)) // 110此时是16进制数字符串	
27 | ```	
28 | <ZanShang />


--------------------------------------------------------------------------------
/article/about/关于我.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | date: 2019/04/23	
 4 | categorys: ['成长']	
 5 | tags: ['vuepress']	
 6 | title: '我为什么要做这个博客'	
 7 | excerpt: 感觉自己一直以来的生活没有起伏，也没有波折，没有尝过很大的欣喜，也有没体会过彻骨的悲伤。
 8 | ---	
 9 | 
10 | ## 今年我给自己定了个目标
11 | 
12 | 毕业了也有一段时间。
13 | 
14 | 感觉自己一直以来的生活没有起伏，也没有波折，没有尝过很大的欣喜，也有没体会过彻骨的悲伤。
15 | 
16 | 而且，一直以来都陷入了一个怪圈当中，就是 **“人这一生很没意义”**。产生这个想法的根源在于，每当想到总有死亡的这一天的时候，我总会陷入无尽的虚无当中。这种虚无感来自于我是一个明确的无神论者，而基于此的理智让我对死亡后那种无意识的感觉非常害怕，就像陆游的一句诗所描述的那样 - **“死去元知万事空”**。
17 | 
18 | 这种感觉常常会让我对生活索然无味。
19 | 
20 | 而且，更让我一直以来感到绝望的是，我发现我是一个没有梦想的人。简单来说，就是我找不到自己真正喜欢做的事情。当然，这不是一件稀奇的事情。大部分的人都没有可以称得上是梦想的梦想。但这对我来说，无疑是对我的雪上加霜。这样的感觉常常会让我陷入一段时间的低迷。
21 | 
22 | 被这种低迷的情绪带着走的同时，也有一些来自生活中的压力。这个压力并不来源于收入的情况或者生活的条件。更多的是作为一个俗人内心的争强与不服。
23 | 
24 | 有了上面的心理斗争之后，我决定先试着分享一些东西，无论是有关技术的还是其他的东西的。
25 | 
26 | 走起来，总是没错的。
27 | 
28 | 
29 | 
30 | 


--------------------------------------------------------------------------------
/article/hello.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [个人博客]	
 4 | tags: [测试]	
 5 | date: 2019/04/21	
 6 | title: 这是测试帖，用来测试这个博客支持的样式。	
 7 | excerpt: 简单完成了这个博客的搭建，这是一篇测试博客样式的文章。博客已经开源，欢迎 `github` 上 `star` 一下	
 8 | ---	
 9 | ## 这是H2标签	
10 | 这是一个 P 标签的内容，P 标签的 `margin-bottom` 的值是 `0.6rem` 。	
11 | 
12 | 这是另一个 P 标签的内容。为了填充内容，下面准备了一段话。	
13 | 
14 | 这是被历史遗忘的一代，没有大战争，没有经济大恐慌，没有目的，只有内心之间的斗争。我们大部分都一样，都会感到痛苦，都会遭遇生活的混乱琐碎，都会认识到生活的复杂，都没有没有生活的答案，都无法理解自己所为之奋斗的目标究竟是什么，上学，工作，恋爱，结婚，生子，生老病死，一切都是按部就班。在一个没有变革的平庸时代，缺乏精神领袖而丧失灵魂皈依的源动力，麻木地饰演自己的社会角色，忠诚地履行自己的社会责任。	
15 | 
16 | ## 这是H2标签	
17 | 这是一个有序列表	
18 | 1. 列表一的内容  	
19 |     - 内嵌的无序列表	
20 |     - 内嵌的无序列表	
21 |     - 内嵌的无序列表	
22 | 2. 列表二的内容	
23 | 3. 这一段的内容比较长，这一段的内容比较长，这一段的内容比较长，这一段的内容比较长，这一段的内容比较长，这一段的内容比较长，这一段的内容比较长。	
24 | 
25 | ## 这是一段代码的样式	
26 | ```javascript	
27 | export function isActive (route, path) {	
28 |   const routeHash = route.hash	
29 |   const linkHash = getHash(path)	
30 |   if (linkHash && routeHash !== linkHash) {	
31 |     return false	
32 |   }	
33 |   const routePath = normalize(route.path)	
34 |   const pagePath = normalize(path)	
35 |   return routePath === pagePath	
36 | }	
37 | ```	
38 | 
39 | ## 这是表格的样式	
40 | |    name    | age |    name    | age |	
41 | | ---------- | --- | ---------- | --- |	
42 | | LearnShare |  12 | LearnShare |  12 |	
43 | | Mike       |  32 | LearnShare |  12 |	
44 | 
45 | ## 这是一张图片	
46 | ![南京李志](../images/lizhi.png)	
47 | 
48 | ## 参考	
49 | [1] [测试下链接](https://github.com/ChangMM)	
50 | 
51 | <ZanShang />


--------------------------------------------------------------------------------
/article/mysql设置密码.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [数据库]	
 4 | tags: [mysql]	
 5 | date: 2019/04/24	
 6 | title: 在linux上安装mysql(5.7.25版本)后初始化密码。	
 7 | excerpt: 这个问题网上有很多文章，提供了很多种解法，但大部分都是不能用的，极有可能是版本的问题，由于我没在这方面研究很深，也没有深究，下面只是提供一个可行的方法。	
 8 | ---	
 9 | 使用 `sudo apt install mysql-server` 方法安装的 MySQL 服务，安装之后没有临时密码的日志，想着直接修改root密码，但是尝试了很多网上的方法，但是都无法生效，包括	
10 | - `mysqld-safe --skip-grant-tables` 启动服务，然后修改密码	
11 | - `mysql_secure_installation` 命令引导修改密码	
12 | - `mysqladmin` 命令	
13 | 
14 | 最后终于找到一个正确修改root密码的方法，记录如下：	
15 | 
16 | ## 环境	
17 | - linux	
18 | - mysql 5.7.25版本	
19 | 
20 | ## 方法	
21 | 
22 | ### 1. 输出安装时自动生成的 `debian.cnf` 文件内容	
23 | 
24 | ```bash	
25 | $ sudo cat /etc/mysql/debian.cnf	
26 | ```	
27 | 
28 | ### 2. 使用文件中的 user 段的 `debian-sys-maint` 用户进行登录	
29 | 
30 | ```bash	
31 | $ mysql -udebian-sys-maint -p	
32 | Enter password: // 这里输入上面文件内的password段的值	
33 | ```	
34 | 
35 | ### 3. 修改root用户的插件和密码	
36 | 
37 | > 此处一定要记得改plugin的值为 `mysql_native_password`	
38 | ```bash	
39 | mysql> UPDATE mysql.user SET plugin="mysql_native_password", authentication_string=PASSWORD("password") WHERE user="root";	
40 | ```	
41 | 如果上一步骤中出现密码过于简单无法修改的情况，可以先将 `validate_password_policy` 的值设置为0或者LOW。	
42 | 
43 | ```bash	
44 | mysql> SET GLOBAL validate_password_policy=0;	
45 | ```	
46 | ### 4. 重启mysql就可以使用新设置的密码进行登录了	
47 | ```bash	
48 | sudo service mysql restart	
49 | ```	
50 | <ZanShang />


--------------------------------------------------------------------------------
/article/product/毕方铺网站简介.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [产品]	
 4 | tags: [网盘搜索, 搜索引擎]	
 5 | top: true	
 6 | title: 一个百度网盘搜索引擎	
 7 | excerpt: 详情请查看 https://www.bifangpu.com
 8 | ---	
 9 | 	
10 | 详情请查看 [https://www.bifangpu.com](https://www.bifangpu.com)
11 | 
12 | <ZanShang />


--------------------------------------------------------------------------------
/article/为什么做个电子书网站.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [产品]	
 4 | tags: [电子书下载]	
 5 | top: true	
 6 | date: 2019/05/12	
 7 | title: 我为什么要做个电子书下载网站？	
 8 | excerpt: 我自己其实比较喜欢阅读纸质书，同时自己也买了上百本书了。但是，平时上班背本书还是太重了，尤其是在地铁上，阅读电子书的场景还是挺多的。	
 9 | ---	
10 | 我自己其实比较喜欢阅读纸质书，同时自己也买了上百本书了。但是，平时上班背本书还是太重了，尤其是在地铁上或者是在公司中午午休的时候，阅读电子书的场景还是挺多的。	
11 | 
12 | 对于我而言，想下载某一本电子书的时候，找到这个资源不是一件难事，往往可以搜索出很多结果。尤其对于技术类的电子书，CSDN上面有很多资源。同时我也是CSDN的付费用户。	
13 | ![](https://cdn.iizhi.cn/blog/csdn-jifen.png)	
14 | 
15 | 但比较难的是，从这么多搜索结果选出比较好的版本不是一件容易的事情。尤其是想找到带有 `目录` 的 `非扫描` 的版本。	
16 | ![](https://cdn.iizhi.cn/blog/csdn-result.png)	
17 | 
18 | 在经历过几次之后，我决定做这么一个[网站](https://www.Iizhi.cn/book)，上面的资源都是我能找到的最好的版本。	
19 | 
20 | 而且都是该类型中豆瓣排名靠前的书，基本覆盖了当前类别的比较好的书。也算是一个参考书单之类的建议。	
21 | 
22 | <ZanShang />


--------------------------------------------------------------------------------
/article/关于我.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | date: 2019/04/23	
 4 | categorys: ['成长']	
 5 | tags: ['vuepress']	
 6 | title: '我为什么要做这个博客'	
 7 | excerpt: 感觉自己一直以来的生活没有起伏，也没有波折，没有尝过很大的欣喜，也有没体会过彻骨的悲伤。
 8 | ---	
 9 | 
10 | ## 今年我给自己定了个目标
11 | 
12 | 毕业了也有一段时间。
13 | 
14 | 感觉自己一直以来的生活没有起伏，也没有波折，没有尝过很大的欣喜，也有没体会过彻骨的悲伤。
15 | 
16 | 而且，一直以来都陷入了一个怪圈当中，就是 **“人这一生很没意义”**。产生这个想法的根源在于，每当想到总有死亡的这一天的时候，我总会陷入无尽的虚无当中。这种虚无感来自于我是一个明确的无神论者，而基于此的理智让我对死亡后那种无意识的感觉非常害怕，就像陆游的一句诗所描述的那样 - **“死去元知万事空”**。
17 | 
18 | 这种感觉常常会让我对生活索然无味。
19 | 
20 | 而且，更让我一直以来感到绝望的是，我发现我是一个没有梦想的人。简单来说，就是我找不到自己真正喜欢做的事情。当然，这不是一件稀奇的事情。大部分的人都没有可以称得上是梦想的梦想。但这对我来说，无疑是对我的雪上加霜。这样的感觉常常会让我陷入一段时间的低迷。
21 | 
22 | 被这种低迷的情绪带着走的同时，也有一些来自生活中的压力。这个压力并不来源于收入的情况或者生活的条件。更多的是作为一个俗人内心的争强与不服。
23 | 
24 | 有了上面的心理斗争之后，我决定先走着看看，先慢慢的迈出一步。
25 | 
26 | 所以我给自己定了个目标 —— 凭借自己的能力赚到 100 万。
27 | 
28 | 我不知道，赚到100万之后该干嘛，只是觉得自己改迈出去一点了。到我写这篇文章的时候，今年已经快过半。我也短短续续产生了很多想法，并做了一些事情。包括这个论坛，以及我的[个人网站](https://www.iizhi.cn)上面的东西。
29 | 
30 | 其实，在我自己的idea list中还有十几个想法亟待实现。
31 | 
32 | 写着篇文章的目的是想邀请你来作为一个见证者。见证我从0-100万的这一路。
33 | 
34 | 毕竟一个人的战斗永远是孤独的。
35 | 
36 | ## 见证
37 | 可以加我微信，不过请备注【博客】不然不会通过。
38 | 
39 | 


--------------------------------------------------------------------------------
/article/动物森友会.md:
--------------------------------------------------------------------------------
 1 | ---	
 2 | author: sakamoto	
 3 | categorys: [游戏]	
 4 | tags: [游戏]	
 5 | date: 2020/04/01	
 6 | title: 动物森友会进群
 7 | excerpt: 动物森友会进群	
 8 | ---	
 9 | 
10 | 扫码加我微信，拉你进群！
11 | 
12 | ![二维码](https://res.oodcd.cn/zhi/wechat.jpg)
13 | ![二维码](https://res.oodcd.cn/zhi/qun.jpg)
14 | 
15 | 
16 | <ZanShang />


--------------------------------------------------------------------------------
/article/基于Vuepres搭建个人博客.md:
--------------------------------------------------------------------------------
  1 | ---	
  2 | author: sakamoto	
  3 | date: 2019/04/24	
  4 | categorys: ['个人博客', '教程']	
  5 | tags: ['vuepress']	
  6 | title: '基于vuepress搭建个人博客'	
  7 | excerpt: 本篇文章主要开源这个博客的源代码，并记录了基于vuepress的一些自定义主题开发过程中的一些问题。	
  8 | ---	
  9 | ## 博客支持功能	
 10 | - [x] 文章分类功能	
 11 | - [x] 打赏模块	
 12 | - [x] 按年归档	
 13 | - [x] 文章置顶	
 14 | - [x] 文章创建时间支持	
 15 | - [x] 文章阅读量统计与评论	
 16 | - [x] 更好的移动端阅读效果	
 17 | - [x] RSS订阅	
 18 | - [x] 文章设置密码	
 19 | 
 20 | ## 开发环境	
 21 | - [VuePress 1.x](https://v1.vuepress.vuejs.org/zh/guide/)	
 22 | - Node.js v10.8.0	
 23 | 
 24 | ## 本博客的开源代码地址	
 25 | - [Github](https://github.com/ChangMM/blog)	
 26 | 
 27 | ## 开始	
 28 | 具体的开发细节官网上已经说得很详细了，而且代码已经开源，所以这里不在说具体的细节，主要列举开发过程中遇到的一些问题。	
 29 | 
 30 | ## 如何添加分类的路由	
 31 | 只需要在 `enhanceApp.js` 中获取 `Vue` 以及 `router` 这两个对象，然后像在开发Vue项目中给应用添加正常的路由即可。	
 32 | 
 33 | 代码如下：	
 34 | ```javascript	
 35 | const CategoryLayout = () => import('@theme/layouts/CategoryLayout')	
 36 | const CATEGORYPATH = '/category/'	
 37 | const install = (Vue, { router }) => {	
 38 |   let routes = []	
 39 |   routes.push({	
 40 |     path: `${CATEGORYPATH}:category?`,	
 41 |     component: CategoryLayout,	
 42 |     meta: { tag: true }	
 43 |   })	
 44 |   router.addRoutes(routes)	
 45 | }	
 46 | export default { install }	
 47 | ```	
 48 | 
 49 | ## 文章创建时间支持	
 50 | `VuePress` 默认是没有文章的创建时间这个字段的，其实实现这个功能也比较简单，就是通过 `Vuepress` 提供的 `Plugin` 的功能。	
 51 | 
 52 | 需要知道的是， vuepress 中的 plugin 是运行在 node 的环境中的。所以只需要，利用 node 提供的 `fs.statSync` 这个api即可。	
 53 | 
 54 | 具体代码如下：	
 55 | 
 56 | ``` javascript	
 57 | const fs = require('fs')	
 58 | module.exports = (options = {}, context) => ({	
 59 |   extendPageData ($page) {	
 60 |     $page.publishDate = getFilePublishDate($page._filePath)	
 61 |   }	
 62 | })	
 63 | function getFilePublishDate (filePath) {	
 64 |   let publishDate	
 65 |   try {	
 66 |     publishDate = fs.statSync(filePath).birthtime	
 67 |   } catch (e) { /* do not handle for now */ }	
 68 |   return publishDate	
 69 | }	
 70 | ```	
 71 | 
 72 | 只需要在 vuepress 的 `config.js` 中加载这个plugin即可。	
 73 |  ```javascript	
 74 |   ···	
 75 |   plugins: [	
 76 |     require('./plugins/page-publish-date.js')	
 77 |   ],	
 78 |   ···	
 79 |  ```	
 80 | ## 文章阅读量统计与评论	
 81 | 文章的阅读量与统计功能其用的是 `Valine` 这个库。好像只有这个库可以同时有这两个功能，所以就选了这个。	
 82 | 
 83 | 实现起来也是比较简单的，但是中间遇到了两个问题。	
 84 | ### 1. vuepress 无法编译成功	
 85 | ```javascript	
 86 | window.AV = require('leancloud-storage')	
 87 | const Valine = require('valine')	
 88 | new Valine({	
 89 |     el:'#comment',	
 90 |     ...	
 91 | })	
 92 | ```	
 93 | 如果按照下面的方式初始化评论组件的话，在本地dev模式是可以通过的，但是 `npm run build` 的时候会提示 `window is not undefied` 的错误，即使在评论组件加上 VuePress 提供的 `ClientOnly` 的标识符也会出现这个问题。	
 94 | 
 95 | 最后的解决办法是，以 `script` 标签的方式引入 leancloud-storage 和 valine 两个库。并在评论组件中轮询检查这两个库是否加载完成，在加载完成之后在初始化评论组件。	
 96 | 代码如下：	
 97 | ```javascript	
 98 | <script>	
 99 | let valine = null	
100 | const checkValine = () => {	
101 |   if (window.Valine) {	
102 |     valine = new Valine({	
103 |       appId: '******',	
104 |       appKey: '******',	
105 |       el: '#comment',	
106 |       placeholder: '评论在此',	
107 |       avatar: 'monsterid',	
108 |       path: window.location.pathname,	
109 |       recordIP: true,	
110 |       visitor: true	
111 |     })	
112 |   } else {	
113 |     setTimeout(checkValine, 50)	
114 |   }	
115 | }	
116 | export default {	
117 |   props: ['show'],	
118 |   watch: {	
119 |     '$route': 'refresh'	
120 |   },	
121 |   mounted () {	
122 |     checkValine()	
123 |   },	
124 |   methods: {	
125 |     refresh () {	
126 |       checkValine()	
127 |     }	
128 |   }	
129 | }	
130 | </script>	
131 | ```	
132 | 
133 | ### 2.按照教程配置好后，发现文章切换时，评论内容并没有切换	
134 | 这个主要是由于 `Valine` 这个库在初始化全局对象时，如果没有传入path这个属性，其内部会缓存当前页面的 path。解决的办法也很简单，只要在传 path 的时候指定的值即可，也即👆上面代码中的 `window.location.pathname`。	
135 | 
136 | ## 一些其他问题	
137 | 其实在开发过程中还是有一些其他的问题，比如 分类的路由通过首页页面点进去可以直接访问，但是如果直接在浏览器的地址栏输入地址的话 Nginx 会索引不到相应的文件 提示 404 的错误。	
138 | 
139 | 这个问题的话，只需要在 `nginx` 的配置中添加下面👇的配置即可	
140 | ```Nginx	
141 | location / {	
142 |   try_files $uri $uri/ /index.html /404.html;	
143 | }	
144 | ```	
145 | 
146 | ## 最后	
147 | 如果还有其他问题的话，可以加我微信好友，请备注【vuepress】不然不会通过的。
148 | 
149 | <ZanShang />


--------------------------------------------------------------------------------
/images/lizhi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChangMM/blog/cb06f7b1b42f36c42c3249627db943320d990e96/images/lizhi.png


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "dev": "vuepress dev .",
 4 |     "build": "vuepress build ."
 5 |   },
 6 |   "devDependencies": {
 7 |     "@vuepress/plugin-google-analytics": "^1.0.0-alpha.47",
 8 |     "@vuepress/plugin-pagination": "^1.0.0-alpha.48",
 9 |     "axios": "^0.19.2",
10 |     "vuepress": "^1.0.0-alpha.47",
11 |     "vuepress-plugin-rss": "^2.0.0"
12 |   },
13 |   "dependencies": {
14 |     "leancloud-storage": "^3.13.0",
15 |     "valine": "^1.3.6"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------