itousouta.me

專案介紹

就是你現在正在看的網站。 這裡把我的專案、文章、活動經歷、收藏與朋友連結放在一起，也留了一些即時狀態與互動，讓個人網站能隨著日常持續更新。

內容與即時資料

• 個人狀態：透過 Lanyard 顯示 Discord 狀態，正在播放的音樂優先直接向 Spotify 取得。
• 文章與碎碎念：整合部落格索引、Discord 貼文、Threads 與 GitHub 動態。
• 喜歡的東西：整理小說、漫畫、動畫、VTuber 與 Spotify 常聽歌曲，保留自己的評分和心得。
• 專案詳頁：用 Markdown 編排介紹，搭配多圖片展示、搜尋與獨立分享網址。
• GitHub 貢獻圖：以真實資料繪製可操作的日曆，並讓蛇依貢獻格子動態尋路。

訪客也能參與

首頁有可以留下印象詞的文字雲，各頁底部則有支援串接回覆的留言板。留言可選擇用 GitHub 登入，若留下 Email，也能收到回覆通知。文章另有按讚功能，網站也保留了快捷搜尋與一些可探索的小彩蛋。

技術與維護

網站使用 Next.js App Router、React、TypeScript 與原生 CSS，資料來源包括 Vercel KV、GitHub、Spotify 與 Lanyard，回覆通知信由 Resend 處理。

手動整理的資料與外部服務分層處理，缺少憑證或來源暫時失效時，各區塊會回退或顯示可理解的狀態。深淺主題、鍵盤操作、手機版與減少動態效果，則是整個網站共用的互動基礎。