Nuxt.jsでmarkdownで書くブログをつくるためのテンプレートを作った

[2020/08/08 追記] 現在はNuxt.js公式でnuxt/contentというパッケージが開発されており、本記事のような自力でmarkdownをhtmlに出力する努力は不要となりました。詳細は下記記事をご覧ください。

ulab.hatenablog.com




一時期Nuxt.jsでブログを作ってNetlifyで運用していました。結局はてなブログに戻ってきてしまいましたが、ブログを作るためのテンプレートリポジトリは残してあるためご紹介します。


以下のリポジトリのREADMEにしたがってコマンドを実行すればブログが表示されます。

GitHub - urawa72/nuxt_blog_template: Blog template made with Nuxt.js


PC表示では以下のようになっています。GithubSNSへのリンクも設定可能です。

f:id:urawa72h:20191006132321p:plain


モバイル表示は以下のようになります。左サイドバーのハンバーガーメニューをデフォルトにしてあります。

f:id:urawa72h:20191006132603p:plain:w300

f:id:urawa72h:20191006132411p:plain:w300


ブログだけでなく自作Webサービスのベースにも使用可能だと思います。