公開日 2019年12月04日

Gatsby + Netlify でブログを作った

前々から作ろうと思っていて、Nuxt.js + Contentful で作るやり方をずっと調べていたのですが全然できませんでした。何ヶ月かぶりにふと気分を変えて Gatsby + markdown でやってみたところ、思ったより簡単にできて、なんとか完成まで漕ぎ着けることができました。

GatsbyJS 向けに、スターターというものがあって、簡単にそれっぽいものを作ることができるのですが、英語向けで日本語を表示すると微妙、、なのと、カスタマイズするにしてもいじるところが多すぎてよくわからないので、結局スターターは使わずに 1 からカスタマイズしました。

レイアウトは見慣れたもののほうが違和感が少ないかな〜と思って、QiitaGodios.(Wordpress のテーマ)を参考にしています。記事一覧の四角いサムネイルがかわいくて好きです。

以下、こだわりポイントです。

  • 「もっと見る」ボタン
  • 本文のスタイル
  • 記事中のコードのハイライト
  • タイトルロゴ・アイコン

以下、困りポイントです。

  • どうやって Markdown の記事を表示させるの?
  • 記事一覧の表示方法
  • トップページのレイアウト

おわり

最低限のところを作っただけなので、これから少しずつ機能を増やして行きたいと思います 👿