chore: update blog example

Author: ulivz

examples/blog/.vuepress/config.js

@@ -20,13 +20,22 @@ module.exports = {
           id: "tag",
           keys: ['tag', 'tags'],
           path: '/tag/',
-          layout: 'Tag',
+          // layout: 'Tag', defaults to `FrontmatterKey`.
           frontmatter: { title: 'Tag' },
-          itemlayout: 'Tag',
           pagination: {
             lengthPerPage: 3
           }
         },
+        {
+          id: "location",
+          keys: ['location'],
+          path: '/location/',
+          // layout: 'Location', defaults to `FrontmatterKey`.
+          frontmatter: { title: 'Location' },
+          pagination: {
+            lengthPerPage: 5
+          },
+        }
       ]
     }],
   ],

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

@@ -0,0 +1,7 @@
+<template>
+  <ul id="default-layout">
+    <li v-for="item in $frontmatterKey.list">
+      <router-link class="page-link" :to="item.path">{{ item.name }}</router-link>
+    </li>
+  </ul>
+</template>

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

@@ -1,7 +1,9 @@
 <template>
   <div id="global-layout">
     <header style="background-color: #DDD">
-      <router-link to="/">Home</router-link>· <router-link to="/tag/">Tag</router-link>
+      <router-link to="/">Home</router-link>·
+      <router-link to="/tag/">Tag</router-link>·
+      <router-link to="/location/">Location</router-link>
     </header>
     <DefaultGlobalLayout/>
     <footer style="background-color: #DDD">Powered by VuePress</footer>

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

@@ -9,8 +9,8 @@
       <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/>
+
+    <Pagination v-if="$pagination.length > 1"/>
   </div>
 </template>
 
@@ -19,9 +19,6 @@
   
   export default {
     components: { Pagination },
-    created() {
-      console.log(this.$route.meta.pid)
-      console.log(this.$currentTag)
-    },
+    created() {},
   }
 </script>

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

@@ -1,4 +1,5 @@
 ---
+location: Hubei
 tag: 
   - vue
   - vuepress

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

@@ -1,4 +1,5 @@
 ---
+location: Shanghai
 tag:
   - vue
   - vuepress

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

@@ -1,4 +1,5 @@
 ---
+location: Hangzhou
 tag:
   - vue
   - vuepress