# @vuepress/plugin-blog を入れてみました

# インストール

npm install -D @vuepress/plugin-blog

package.json

   "author": "ymve",
   "license": "MIT",
   "devDependencies": {
+    "@vuepress/plugin-blog": "^1.0.0-alpha.0",
     "@vuepress/plugin-google-analytics": "^1.0.0-alpha.0",
     "vuepress": "^1.0.0-alpha.32"
   }

# 設定

src/.vuepress/config.js@vuepress/plugin-blog を追加。

module.exports = {
  ...
  plugins: [
    "@vuepress/plugin-blog",
  ...
  ]
}

@vuepress/plugin-blog を追加すると、デフォルトで permalink が以下のように設定されています。

permalink: "/:year/:month/:day/:slug";

vuepress-plugin-blog.md にブログを書いて date を追加すると、

---
title: vuepress/plugin-blog 入れてみた
date: 2019-01-20
description: もっとブログっぽくした。
tags:
  - vuepress
  - plugin-blog
---

# @vuepress/plugin-blog を入れてみました

...

vuepress-plugin-blog.md に書いたブログが https://xxx/2019/01/20/vuepress-plugin-blog/ というような、パーマリンクで割り当てられます。

  • 各ファイルで個別の permalink を変更
---
title: About
date: 2019-01-20
description: about
permalink: /about
---

...

上記のように設定すると、https://xxx/about/ に変更される。

  • config.js で全体の permalinkを変更
// src/.vuepress/config.js
module.exports = {
  ...
  permalink: "xxx",
  ...
}

# 参考