@vuepress/plugin-blog を入れてみた
@vuepress/plugin-blog を入れてみた
インストール
npm install -D @vuepress/plugin-blog
package.json
"author": "hene",
"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 を入れてみた"
publishedDate: "2019-01-20"
description: "@vuepress/plugin-blog を入れてみました。"
tags:
- "VuePress"
- "plugin-blog"
- "Permalink"
---
# @vuepress/plugin-blog を入れてみた
...
vuepress-plugin-blog.md に書いたブログが https://xxx/2019/01/20/vuepress-plugin-blog/ というような、パーマリンクで割り当てられます。
permalink を変更
- 各ファイルで個別の
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",
...
}
