当記事は公開されてから 3 年以上経過している記事です。

「VuePressをブログとして使う」の改善提案など気軽にご協力いただければ幸いです。

Issue はこちらでよろしくお願いします: https://github.com/jiyuujin/webneko-blog/issues

VuePressをブログとして使う
9/20/2018
Vue
VuePress
CMS

結果的には Nuxt.js 案を採用した訳ですが、製作前は VuePress 案も検討していました。

this.$site.pages に同リポジトリ内の Markdown ファイルが一通り入っており、適宜必要な Markdown ファイルを選択することでブログ化を実現できる。

computed: {
  posts() {
    // console.log(this.$site.pages)
    return this.$site.pages
      .filter(page => page.path.startsWith('/_posts/'))
      .sort((a, b) => new Date(b.frontmatter.date) - new Date(a.frontmatter.date));
  },
},

Markdown から次のようにコンポーネントを呼び出すと良さそうです。

---
home: false
---

<Post />

ブログ化専用プラグインも準備。 @vuepress/plugin-blog を使えばブログを実現できるようです。

(650 characters)

あわせてよみたい..