fix: encode frontmatter

examples/zh/_posts/2019-7-21-打造多檔案結構的json-server.md

@@ -2,11 +2,11 @@
 date: 2019-7-21
 tag:
   - JavaScript
+  - 筆記
 ---
 
 # 打造多檔案結構的`json-server`
 
-
 ## 前言
 
 先附上[範例](https://github.com/newsbielt703/json-server-mulitple-files-sample)

examples/zh/_posts/2019-8-15-為什麼我愛用git rebase.md

@@ -2,11 +2,11 @@
 date: 2019-8-15
 tag:
   - Git
+  - 筆記
 ---
 
 # 為什麼我愛用`git rebase`
 
-
 這篇文章是要分享我使用的原因與時機還有似乎很多人不知道的`git push --force-with-lease`。已經很多文章在講`git rebase`了，但很多都沒有提到應該要跟`git push --force-with-lease`一起使用。
 
 在開始之前，如果你重來沒用過`rebase`，[請服用](https://git-scm.com/docs/git-rebase)。

examples/zh/_posts/2019-9-8-透過插件API來深入了解VuePress.md

@@ -4,11 +4,11 @@ tag:
   - Vue
   - VuePress
   - JavaScript
+  - 筆記
 ---
 
 # 透過插件 API 來深入了解 VuePress
 
-
 ## 插件 ???
 
 `Pluggable`是 VuePress 1.x 的最重大改變。VP 提供給開發者許多 API 來打造他們的插件，VP 本身的許多功能也是依靠插件化實現的。此外，`.vuepress/config.js` 和 `theme/index.js` 其實也都被視為插件。

examples/zh/_posts/2020-1-1-創建npm package的注意事項.md

@@ -3,10 +3,9 @@ date: 2020-1-1
 tag:
   - Npm
   - JavaScript
+  - 筆記
 ---
 
 # 創建 npm package 的注意事項
 
 新年第一天來回顧我去年製作 npm package 犯的傻事，以下將列出三點可能會對你有幫助的注意事項。
-
-

package.json

@@ -8,11 +8,11 @@
   },
   "license": "MIT",
   "author": "ULIVZ <chl814@foxmail.com>",
+  "main": "lib/node/index.js",
   "files": [
     "lib",
     "types"
   ],
-  "main": "lib/node/index.js",
   "scripts": {
     "build": "concurrently \"rimraf lib\" \"npm:build:client\" \"npm:build:node\" \"npm:build:components\"",
     "build:client": "tsc -p tsconfig.client.json",

src/node/util.ts

@@ -21,9 +21,9 @@ export function curryFrontmatterHandler(scope, map, path) {
     if (key) {
       if (!map[key]) {
         map[key] = {};
-        map[key].key = key;
+        map[key].key = encodeURI(key);
         map[key].scope = scope;
-        map[key].path = `${path}${key}/`;
+        map[key].path = `${path}${encodeURI(key)}/`;
         map[key].pageKeys = [];
       }
       map[key].pageKeys.push(pageKey);