ブログをNuxt.jsからVuePressに移行しました。

🎉「ブログをMovable TypeからNuxt.jsに移行しました。 」🎉 ということで5月に環境整えましたけど、NuxtからVuePressに環境を変えました。 🎉

理由としてはNuxtベースの記事更新だと記事を一度JSONに出力させる必要があり少し手間だと感じてしました。

その点、VuePressだとMarkdownでそのままHTML展開できるので手間軽減できるかなと思ったので環境を変えました。

少しぐぐってみても参考記事もたくさんありましたが、デフォルトをカスマイズみたいな記事だったので、このブログはThemeConfigでNuxtで使ってたデザインをベースに組み込みしてみました。

ThemeLayoutのほうちょっと難しい感じでした。。 というよりもNetlifyと出力とMacの出力でカスタムテーマのCSSが読み込んでくれなかった。。謎。。。

まだ調整中のところ

  • AdSense周りの設定(vue-google-adsense)。。うまくいってないのでheadに直接書いた。。調査中
  • ページング周り作る
  • CSSきちんと書き直したい。

とりあえずの完成

ともあれ Advent Calendar 用に取り急ぎの整備出来た感じ。

  • Facebook
  • Twitter
  • はてなブックマーク

Author

札幌でフロントエンドエンジニアとして働いています。好きな音楽はSIAM SHADE!
SIAM SHADEの六人目のメンバーとして日々ロックを愛し続けている。
HTML,CSS,JavaScriptをベースにCMS構築が得意です。
HAMWORKS社員 https://ham.works