Hello World!!

2022/04/01

雑多な文章を書きたいなっと思ったので、放置していた自分のサイトをGatsbyで作り直してみた。 以前に、Hugo を使ってみたけど、自分のスキルだと細かい部分まで手をいれられなかったで Gatsby を使ってみた。 いろいろと触れてちょっとづつ手を加えていけそうな感じが気にいっている。 (思ったよりコードを書く必要があったけど…😅)

ひとまず雑多な文章を貼るぐらいはできるようになったので、日々のなにげない文章とかはココに置いていこう。 ちょうど、今は亡きはてダから自動で移行された はてなブログ も放置してたので。

備忘録

やったことをメモ。 コマンドとか細かい手順は、Gatsby サイト あたりをググればでるので割愛。

  1. gatsby-starter-blog を設定する。→ 最初は他の Starter とかゼロから作ろうとしてみたけど、結局これが一通りのことをシンプルに実装してて、手がいれやすい感じ
  2. Web 日記的なものは日付つきの URL が好みなので Markdown の置き場所を YYYY/MM/DD/なんとかかんとか に変更(単に content/blog/YYYY/MM/DD に mv しただけ)
  3. Tailwind CSSに変更。→ Starter が提供している CSS をガッと消して設定。Using Gatsby with Tailwind CSS: A tutorial with examples が参考になった
  4. チマチマとレイアウトと CSS を書く。→ Almost Brutalism 風なのを目指してみた 😅 こういうやつ
  5. Markdown で書いた記事の見た目を省エネで整えるのに @tailwindcss/typographyを設定。→ この記事 を参考
  6. Favicon を設定 → シュっと favicon.io で Text から作成した。フォントを Google Fonts から選べるので、おすすめフォントを見つつデラゴシックで作成。

文章を書くつもりが、ひさびさのサイト作りの方が楽しくなっている感じはする 😄

this articlewritten by(nawoto)

author

Profile picture

NISHIMURA Naoto

西村直人。 おもにnawoto という名前でいろいろしています

read me

© 2022, NISHIMURA Naoto All Rights Reserved.