🏠引きこもりエンジニアの徒然ログ

😎 Daily

[Daily Log] サイトの「顔」を整える:プロフィール更新とアイコンカスタマイズ


🎨 プロフィールを「自分仕様」に

Vercelでのデプロイが成功した後、まず取り組んだのはサイトのパーソナライズです。GitHubにある site.config.jsを編集し、デフォルトの情報を書き換えました。

  • Name / Bio: 自分の名前と、このブログを始めた動機を反映。
  • SNSリンク: 必要のない項目(LinkedInなど)を整理。
  • Icon: 三毛猫をモチーフにしたオリジナルのアイコンを設定。

GitHubでファイルを保存(Commit)するだけで、Vercelが自動的に検知してサイトを更新してくれる仕組みは、一度体験すると非常に便利に感じます。

🐈 アイコン(favicon)へのこだわり

サイトの右側に表示されるプロフィール画像だけでなく、ブラウザのタブなどに表示されるアイコン(favicon)も変更したいと考えました。

  • デフォルトのサングラスアイコンから、お気に入りの三毛猫アイコンへ。
  • JPGからSVGへの変換など、Webサイトに適した画像形式についても学びがありました。

🚧 残された課題:記事が表示されない?

現在、サイト自体は正常に動作していますが、Notionに書いた記事が一覧に表示されない(Nothing!)という問題に直面しています。

考えられる原因:

  • 記事の status や type の設定ミス。
  • Vercelに登録した Database ID が、実際に記事を書いているページ(daily-log)のものではなく、別の空のページを参照している可能性。

🎯 次回の目標

本日は時間切れとなりましたが、次回の作業では 「Database IDの再確認と環境変数の上書き」 を行い、いよいよ記事がWeb上に並ぶ瞬間を迎えたいと思います。

一歩ずつ、借り物のテンプレートが「自分の城」になっていく感覚は、エンジニアとしての楽しみの一つですね。