平時看韓劇就有用 Notion 做紀錄的習慣，隨著 AI 越來越厲害，就決定要用 Claude 來製作看看自己的網站，這篇來分享我的成果！不會寫程式也能上手，推薦大家可以自己做做看～
> 查「韓劇日記」網站
> 用 Notion 做韓劇清單
Table of Contents
一、為什麼想自己製作網站？
之前分享過自己有在使用 Notion 紀錄韓劇的習慣，Notion 的好處是資料庫可以打造得很齊全，放入海報、主題、電視台、演員、播出時間等完整資訊，也可以切換年份、評分、題材，使用不同的方式進行檢視。
不過版面的呈現上，相對就沒有辦法有太多設計上的彈性，因此才想到要用網站來製作，可以把我腦海中想要呈現的效果展示出來，打造一個更有溫度的個人網站。
二、關於我的網站—韓劇日記
取名為「韓劇日記」，主要是我把這個網站想成是我寫的手帳、日記的概念，所以除了整理記錄，也會有一些個人評分、心得整理等內容。
目前規劃上線總共有 5 個頁面 (未來也可能持續追加)。
1. 特映｜OO 信箋
這頁會不定期更新一些主題特映，依照不同題材、元素來設計頁面，分享相關的韓劇、推薦的 OST、喜歡的經典台詞等等。
特映頁算是架設網站我自己最喜歡的頁面，以第一期為例，我整理了以「秋日」為主的韓劇，之後也想類似出版雜誌一樣，用不同期刊持續更新，分享更多我喜歡的主題！
2. 總覽｜放映大廳
放映大廳會整理我看過的韓劇，並用「年度」來進行分類，可以更快速依照年份來篩選看過的韓劇，頁面也有加上搜尋功能，可以直接輸入劇名、演員的關鍵字，查詢特定內容。
點開韓劇海報，可以查看每部劇的「膠片放映卡」，卡片有加上劇情類型、演員、電視台等分類，也方便我自己複習的時候可以使用。
3. 評分｜觀影溫度
觀影溫度就是比較多個人主觀取向的部分了，看完每部劇自己都會幫它打一個分數，所以也規劃了一頁是以「評分」進行分類從高到低展示看過的韓劇。
4. 主題｜共感光譜
這頁會依照韓劇的劇情主題、類型分類顯示，不過因為每部劇不一定都只有單一題材，可能會橫跨兩到三種主題，所以「光譜」的概念就誕生了！從這頁也可以稍微統計出我自己平時會喜歡哪些類型的題材。
5. 海報｜記憶走廊
海報牆單純是給我自己賞心悅目而製作XD，很喜歡海報整齊一字排開的感覺，雖然看過的韓劇不能說是超級多，不過整頁滑下來我覺得很壯觀很喜歡！
三、Claude 製作過程分享
因為對於架設網站沒有概念，所以應該很多人會跟我一樣，一開始會卡在「從零到底怎麼開始」，但其實就是全部提問給 AI 處理就對了！
可以直接把自己的現況 / 需求 / 限制，提供到 Claude 的對話串裡詢問：
1. 沒有學過程式 / 沒有架設過網站，要從零開始自己做網站，請告訴我完整流程
2. 我要架設的網站是「OOOO」(可以簡單說明方向即可)
3. 預算是 NT$OOO (或是想免費架站)，請提供可行的辦法與流程
基本問題問完之後，Claude 後續也會繼續引導你提供資訊，可以跟著指令，上傳相對應的資訊，來提供 AI 完成網站的架設需求。
以我的情況，我還有額外說明原本有用 Notion 紀錄，所以 Claude 就可以直接使用 Notion 資訊匯入網站，以利頁面快速完成。
基本上雛型出來之後，每次調整完都會提供檔案可以下載並預覽，後續就是不斷提供指令、細修，直到呈現出來是自己滿意的模樣為止。
比起需要懂什麼專業，我覺得 AI 架設網站更像是「清楚溝通」的過程，自己還是需要有明確的想法呈現，也可以上傳圖檔輔助，提供具體的需求，成品才會更符合理想。
詳細每個階段由 Claude 完成的步驟，也有另外整理成一篇教學文，如果有興趣也想自己架設的話，也可以再參考更多細節哦！
5 步驟教學｜不會程式也能做！用 Claude AI 從零免費架設個人網站
四、自架網站心得分享
雖然耗費滿多的時間，但我覺得真的很好玩！很喜歡把東西打造成「專屬」的這個過程，就算是相同的內容，加上排版架構、色調呈現的不同，打造出來的內容就完全不一樣，會是帶有個人色彩的成果！
因為沒有什麼專業成分，但以單純是個人紀錄覺得已經非常足夠，這頁也預計會有長期的更新，特別設計的特映主頁，也希望未來可以和更多劇粉一起交流！
很推薦喜歡做紀錄的人，我覺得不限於影劇，平時有閱讀、追星、看演唱會，都可以把興趣做一番整理、改造，製作屬於自己的小小紀錄網站。
五、常見問題 FAQ
1. 不會寫程式，也能用 Claude 做網站嗎？
可以！製作的過程是透過 Claude 對話串，用「文字說明」的方式提供需求與調整，主要在於溝通是否具體且清楚，才能做出符合自己想像的內容。
不懂的地方都可以原對話串直接詢問，後續需要在其他網頁部署、購買網域有遇到問題，截個圖都可以放上來追問，再根據步驟重新操作即可。
2. 韓劇日記的資料是哪裡來的？
我自己是有使用 Notion 整理韓劇清單，並依照需求放入想要紀錄的欄位後匯出使用，如果是完全從零開始，也可以直接在 Claude 對話串詢問，看有沒有推薦的進行方式。
如果也想使用 Notion 操作，也可以複製我的清單，自行填入想要的內容：
https://brave-cub-270.notion.site/d34f92520feb4e1787644b0b7ecfde80
3. 製作好的網站可以在哪邊查看？
製作時有提出要求是「電腦」和「手機」版都要可以閱讀，所以兩者的尺寸也都有測試調整，盡量讓所有螢幕都可以相容，點擊網站連結都可以輕鬆閱讀！
4. 製作網站總共花費多少金額？
使用 Claude 免費版本就可以製作哦！只是因為免費的用量非～常少，生成程式碼又很容易把用量跑光，需要一直等待恢復，算是用時間換金錢的概念XD
後續部署上線和購買網域也都有免費網站可以使用，除非想要擁有自己的網址，就會需要額外付費，這邊也可以在下一篇的詳細教學裡查看哦！
5. 製作網站總共花了多少時間？
因為都是利用零碎時間製作，平日下班約 1 小時，假日 2-3 小時斷斷續續完成，最後大概花了 2 周左右的時間，也給大家參考！
不過因為沒有需要快速上架，算是抱持很輕鬆的態度在製作，如果想要快速完成，建議可以升級 pro 版本，大概花 3-4 天我認為也是可以完成的！
以上就是這次我的網站分享，雖然只是單純紀錄分享，但做完還是滿有成就感的，也歡迎大家跟我交流 (韓劇或網站相關都可以！)，有其他回顧整理的方式，也歡迎跟我分享！
延伸閱讀
不會程式也能做！用 Claude AI 從零免費架設個人網站
如何用 Notion 紀錄韓劇清單，追劇實用的 3 種模板分享
Midjourney 教學｜AI 生成韓劇劇照海報圖 + 優缺點分析
Chat GPT 角色設定｜當一日韓國編劇，用 AI 寫韓劇劇本