From 07ff688d0277e45e309defd7a46f77d0dcbf6f7e Mon Sep 17 00:00:00 2001 From: ErJun Wu Date: Fri, 5 Dec 2025 17:37:19 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20Vibe=20=E5=80=8B=E4=BA=BA=E7=B0=A1?= =?UTF-8?q?=E6=AD=B7=E7=B6=B2=E7=AB=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 467 +++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 440 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 6a09c3c..1247ea6 100644 --- a/index.html +++ b/index.html @@ -2,36 +2,449 @@ - + + Your Name · Frontend Dev｜個人品牌網站骨架 + - - - +
+
+ +
+ +
+ +
+
+
+

個人品牌網站骨架 — 前端工程師（範例）

+

+ 這裡是 Hero 區的占位內容：一句話自我介紹（例如：「我是一位專注於前端工程與 UI 實作的工程師」）， + 顯示核心職稱與行動呼籲（瀏覽作品集、下載履歷等）。 +

+ +
+ 查看作品集 + 下載履歷（Email） +
+ +

+ 提示給開發者：之後會用 Section SDD 的 Prompt 產生正式文案與版面，請把新的 section 程式碼整段貼回來取代這一區（完全取代 SECTION:HERO-START 與 SECTION:HERO-END 之間的內容）。 +

+
+ +
+ 在筆電前撰寫程式碼的前端開發者 + +
+
+
+ + + +
+
+
+

關於我（之後會用 Section SDD 替換）

+

+ 這裡目前是 About 區的占位內容，簡短描述個人背景與工作重點。 +

+

+ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +

+
+ +
+ 乾淨的工作環境與筆電 +

示意圖（Unsplash）

+
+
+
+ + + +
+
+

技能（占位）

+

這裡目前是 Skills 區的占位內容。未來會放技能標籤、熟悉的技術堆疊與摘要說明。

+ +
+ HTML + CSS + Vue.js + Django + RWD +
+ +

+ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +

+
+
+ + + +
+
+

作品集（占位）

+

這裡目前是 Projects 區的占位內容。會放上專案卡片、簡短說明與連結（例如 GitHub）等資訊。

+ +
+
+

專案範例 A

+

占位說明：專案摘要、使用技術與連結。

+
+ +
+

專案範例 B

+

占位說明：專案摘要、使用技術與連結。

+
+ +
+

專案範例 C

+

占位說明：專案摘要、使用技術與連結。

+
+
+ +

+ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +

+
+
+ + + +
+
+

聯絡我（占位）

+

這裡目前是 Contact 區的占位內容。會放上 Email、電話、社群與下載履歷連結。

+ +
+
+ 📧 + hello@example.com +
+
+ 📞 + +886 900 000 000 +
+
+ 🔗 + GitHub / yourname +
+
+ 🔗 + LinkedIn / yourname +
+
+ +

+ 提示給開發者：之後會用 Section SDD 的 Prompt 產生新的 section，請把新的 section 程式碼整段貼在這兩個註解中間，完全取代現在這一區。 +

+
+
+ +
+ + +
- \ No newline at end of file +