chore: update blog example

Author: ulivz

examples/blog/.vuepress/config.js

@@ -11,7 +11,7 @@ module.exports = {
           // Path of the `entry page` (or `list page`)
           path: '/',
           pagination: {
-            perPagePosts: 2,
+            lengthPerPage: 2,
           },
         },
       ],
@@ -21,10 +21,10 @@ module.exports = {
           keys: ['tag', 'tags'],
           path: '/tag/',
           layout: 'Tag',
-          frontmatter: { title: 'Tags' },
+          frontmatter: { title: 'Tag' },
           itemlayout: 'Tag',
           pagination: {
-            perPagePosts: 2
+            lengthPerPage: 3
           }
         },
       ]

examples/blog/.vuepress/theme/layouts/GlobalLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="global-layout">
     <header style="background-color: #DDD">
-      <router-link to="/">Home</router-link>· <a href="/tag/">Tag</a>
+      <router-link to="/">Home</router-link>· <router-link to="/tag/">Tag</router-link>
     </header>
     <DefaultGlobalLayout/>
     <footer style="background-color: #DDD">Powered by VuePress</footer>
@@ -13,5 +13,8 @@
   
   export default {
     components: { DefaultGlobalLayout: GlobalLayout },
+    created() {
+      console.log()
+    }
   }
 </script>

examples/blog/.vuepress/theme/layouts/Layout.vue

@@ -9,5 +9,19 @@
       <router-link v-if="$pagination.hasPrev" :to="$pagination.prevLink">Prev</router-link>
       <router-link v-if="$pagination.hasNext" :to="$pagination.nextLink">Next</router-link>
     </div>
+  
+    <Pagination />
   </div>
 </template>
+
+<script>
+  import Pagination from '../../../../../src/components/Pagination'
+  
+  export default {
+    components: { Pagination },
+    created() {
+      console.log(this.$route.meta.pid)
+      console.log(this.$currentTag)
+    }
+  }
+</script>

examples/blog/_posts/2018-4-4-intro-to-vuepress的副本.md

@@ -1,12 +1,12 @@
 const { readdirSync, statSync } = require('fs')
-const { prompt } = require('inquirer')
 const { fork } = require('child_process')
+const { prompt } = require('inquirer')
 
-const examples = readdirSync('examples')
-  .filter(i =>
+const examples = readdirSync('examples').filter(
+  i =>
     !i.startsWith('.') &&
     statSync(`${process.cwd()}/examples/${i}`).isDirectory(),
-  )
+)
 
 async function launch() {
   const { target } = await prompt([
@@ -32,14 +32,15 @@ async function launch() {
 
   fork(
     require.resolve('vuepress/cli.js'),
-    ['dev',
+    [
+      'dev',
       `${process.cwd()}/examples/${target}`,
       '--temp',
       `examples/${target}/.temp`,
-      ...process.argv.slice(2)],
+      ...process.argv.slice(2),
+    ],
     { stdio: 'inherit' },
   )
 }
 
 launch()
-