Gatsbyでブログを構築するためにやったこと

はじめに

構築するにあたってやったことをメモ。
何かをするたびにどんどん追記していく予定。
ちゃんと個別の作業ごとに簡単に記事を作っておきたいな。

環境整備編

• Windowsの環境整備
  • nodeを削除
  • fnmを導入
  • gatsbyをインストール
  • テンプレート(gatsby-starter-blog)から作成
  • Githubにプッシュ
  • Azureにインスタンス作成

テンプレートの整備

• gatsby-config.jsの整備

  • siteMetadata
  • plugins
    • gatsby-plugin-feed
    • gatsby-plugin-manifest

• iconの差し替え

  • src/profile-pic.png
  • src/gatsby-icon.png

• 日付表記の日本語化

  • src/pages/index.js
  • src/templates/blog-post.js

• カスタムドメインの追加

• こまごまとしたカスタマイズ その①

  • シンタックスハイライトをいい感じに
  • 相対パスのリンクが効くように

これからやる

• タグ機能の追加
• フォントの変更