😎 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上に並ぶ瞬間を迎えたいと思います。
一歩ずつ、借り物のテンプレートが「自分の城」になっていく感覚は、エンジニアとしての楽しみの一つですね。