# 一起 Vibe Coding 吧！

用10 - 30 分鐘的時間，你可以無痛生成你的第一個作品集網站！

## Step 1 填寫個人化表單
先告訴 AI （ChatGPT, Claude 都可以）你希望這個部落格有哪些內容，在這個步驟，描述得越完整，越可以獲得想要的效果喔！
:::spoiler 風格表單

一、基本資訊
1. 暱稱／筆名
林姆姆

2. 簡短自我介紹（約 50–100 字）
範例：我是來自宇宙的外星人，為地球上難用的設計物所苦⋯⋯

二、功能需求
3. 想要有哪些功能？希望首頁呈現的重點是？
範例：我希望這是一個作品集網頁，不用太複雜。首頁盡量呈現作品集的豐富度。

三、風格偏好
5. 想要的部落格風格
範例：簡單清爽，有大量的空白

四、其他補充
6. 你希望部落格帶給讀者什麼感覺？
範例：專業、清爽的感覺

:::

## Step 2 幫我生成 PRD !
把 **STEP 1 個人化的表單內容** 丟進 ChatGPT 請他幫忙生成 PRD 文件
你可以說：

這是我的作品集網頁需求，請將他生成一個PRD文件。

## Step 3 登入 Lovable 並進行設定
前往 [Lovable](https://lovable.dev/) → 登入帳號
在聊天框輸入 **STEP 2 PRD** 來生成部落格

[參考範例_林姆姆的作品集網站](https://linmumu-universe-gallery.lovable.app/)

> [!TIP]小提醒
> 每天可修改最多 5 次設定，請好好運用！
> 如果想加功能，可以在輸入欄位說「幫我新增留言功能」或「讓首頁有我的大頭貼」。

## Step 4 部署網站

完成部落格後，Lovable 會生成原始碼，讓我們把剛剛生成的網頁放到網路上吧～

#### GitHub Pages 部署

1. 將 Lovable 的原始碼儲存為 GitHub 專案
2. 點選「Settings」→「Pages」→ 開啟部署（如果還沒開通 Github 帳號，記得開一下）
3. 你的部落格網址將會是 `https://你的帳號.github.io/你的專案/`

---

如果想進階修改，還可以進一步學習 Markdown語法、CSS 或 Tailwind喔～～
這時候 ChatGPT 就是你很好的學習幫手啦～

**Enjoy your Coding Life!**