自訂你的自介。
邊修改、邊預覽，完成後再選擇最適合你的保存方式。
這裡不會修改 GitHub。草稿只留在目前的瀏覽器；下載前也不會上傳任何內容。
另一個分頁已更新草稿。此分頁的修改仍保留在畫面中，尚未覆蓋其他分頁。
STEP 01
讓訪客先認識你
先選一種情境，之後都能調整
只套用配色、字型、排序與顯示設定，保留姓名、文字、圖片與連結，也能撤銷。隱藏內容仍會留在設定中。
非系統字型會從 Google Fonts 載入；音樂生活會顯示你已設定的播放清單，不會代填歌曲。
STEP 02
放上你願意公開的入口
社群 Icons
GitHub、Instagram、Email 等小圖示連結。
Links 卡片
作品集、專案、文章或任何想特別推薦的頁面。
STEP 03
用卡片補上你的故事
About me 卡片
興趣、技能、近況或想讓人記住的主題。
圖片板塊
可上傳圖片、使用範本的 /images/ 路徑，或貼上公開 HTTPS 圖片網址。
STEP 04
調整網站的節奏與顏色
MAIN COLOR
主色
亮色與暗色模式會由這個顏色自動延伸。
HOME ORDER
首頁板塊順序
用箭頭排出想讓訪客看到的順序。
STEP 05
放進一些不是自介、但很好玩的東西
PLAYLIST
YouTube 播放清單
FORTUNE
今日手氣
網頁內嵌
可直接貼公開網址，或貼上 Notion／YouTube 提供的整段 iframe 程式碼；Studio 會安全取出網址與高度。
STEP 06
完成並帶走你的設定
FULL SETTINGS PACKAGE
下載完整設定包
包含 profile.answers.json 與你從裝置上傳的圖片，是最完整、最適合備份與日後匯入的版本。
YOUR PROFILE, READY TO SHARE
名片與社群分享圖
把自介製作成方形名片、直式分享圖或橫式封面。
目前的社群封面
已產生的封面是一張保存的圖片；修改姓名、文字或配色後，請重新按「設為網站社群封面」。
JSON ONLY
純文字設定
適合沒有上傳圖片的簡易設定。JSON 只保存圖片路徑或網址，不會包含你從裝置選取的圖片檔。
IMPORT
匯入既有設定
支援完整 ZIP 設定包或單一 JSON；只會更新目前草稿與預覽。
LOCAL PROJECT
儲存到本機專案
使用 npm run studio 開啟時，可直接同步更新本機的自介與圖片；線上模式不會寫入 GitHub。
RESET
重新開始
捨棄這台裝置上的草稿，回到開啟 Studio 時載入的網站預設內容。
FROM DRAFT TO YOUR OWN SITE
發布完成助手
跟著清單把名片放到自己的網站。勾選只記錄你在這個瀏覽器的進度，不會代為登入、推送或發布。
- 建立你自己的儲存庫
從 模板 GitHub 選擇 Use this template 或 Fork。確認擁有者是你自己的帳號。
- 把草稿保存成專案
本機 Studio 可按「儲存到專案」。網頁版請下載 ZIP，解壓後將
profile.answers.json放到專案根目錄、images/中的圖片放進public/images/，再執行以下指令。需要 Node.js 22.12 以上。npm install npm run profile:apply -- profile.answers.json npm run build已使用本機 Studio 儲存者，只需要執行最後的 build。Windows 如遇執行原則限制，將 npm 改成 npm.cmd。
- 檢查即將公開的資料
查看 Git diff，確認名字、地區、Email、圖片與每個連結都願意公開。執行
git remote -v確認 origin 是自己的儲存庫；不要提交私人回答檔或憑證。
部署到 GitHub Pages
- 選擇 GitHub Actions
在自己儲存庫的 Settings → Pages → Build and deployment，將 Source 設為 GitHub Actions。若 Fork 的 Actions 尚未啟用，依 GitHub 畫面提示啟用。
- 提交到自己的 main，確認部署結果
自行 commit 並 push 想公開的內容至 main。到 Actions 查看「Deploy to GitHub Pages」的建置與部署都成功，再從 Pages 或部署紀錄取得網址。
一般專案網址包含儲存庫路徑，例如 https://你的帳號.github.io/儲存庫/。自訂網域需另外設定 DNS、Pages 網域與 repository variable SITE_URL。
部署到 Cloudflare Pages
- 連接自己的儲存庫
先把確認過的內容 commit、push 到自己的 main。在 Cloudflare Workers & Pages 建立 Pages 專案，連接該 Git repository。
- 填入建置設定並部署
- Production branch
- main
- Build command
npm run build- Build output directory
- dist
- NODE_VERSION
- 22（至少 22.12）
- SITE_URL
- 你的完整正式 HTTPS 網址
若第一次才取得 pages.dev 網址，補上 SITE_URL 後重新部署。正式網域改變時也需要更新。完成後確認 deployment 成功，並開啟正式網址。
新 Fork 在預設 auto 模式下不公開 Studio；這不影響名片首頁。仍可用 npm run studio 在本機編輯。
AI PROFILE IMPORT
匯入與 AI 討論後產生的設定
貼上符合 profile.answers.json 的內容即可預覽；匯入只更新目前草稿，不會直接發布或寫入專案。