如何打造個人網站：內容怎麼規劃與如何上線

要打造個人網站，先決定它要為你做什麼，例如找到工作、接到案子、分享你的寫作，或讓人容易找到你，然後圍繞這個目的建置三到四個頁面：一個用一句話說明你是誰的首頁、一個關於頁面、能證明你能力的內容（作品、文章、演講或履歷），以及一種聯絡方式。把網站放在以你名字命名的網域上。使用 AI 網站建置工具，建置過程大約一個下午就能完成。真正花時間的，是決定要說什麼。

先決定網站的目的

沒有目的的個人網站，往往會變成你做過的所有事情的清單。選定一個主要目標，讓它決定首頁上要放什麼。

次要目標是可以有的，只是不要讓五個目標在首頁上佔據相同的空間。

要放些什麼

首頁

一到兩句話：你的名字、你做什麼、為誰服務，以及你在哪裡或如何工作。例如：「我是 Sam Okafor，一位位於拉哥斯的資料工程師，協助金融科技團隊建立可靠的資料管線。」接著是網站內容的簡短列表，以及聯絡連結。

關於

用第一人稱書寫，保持親切自然：你做什麼、怎麼走到這裡、你在乎什麼，以及一兩個個人細節。加上一張真實且近期的照片。多數人只會讀第一段，其餘大多略過，因此把最有用的部分放在前面。

證明

選擇符合你目標的呈現形式：

• 專案，附上簡短說明：問題、你的角色與結果
• 文章：三到五篇你最好的作品，不必放上每一篇
• 演講、Podcast 與媒體報導，附上連結與日期
• 工作經歷：職位與成就，並提供可下載的履歷

聯絡方式

一個電子郵件信箱或簡短的表單，加上一兩個你真正在用的社群平台。如果你接受約談，附上預約頁面的連結。除非必要，不要公開你的電話號碼或住家地址。

選填

• 「近況」頁面：你目前正在做的事
• 工具：你使用的工具與設備，在開發者與設計師之間很受歡迎
• 電子報訂閱，如果你有發送電子報
• 講者資料包：三種長度的簡介、大頭照、講題

決策與取捨

靜態網站還是要用資料庫？

多數個人網站都是靜態的：由文字與圖片組成的頁面，沒有資料庫。它們速度快、託管便宜，也很難出問題。只有在有理由時才加入資料庫，例如儲存訊息的聯絡表單、可以從後台更新的寫作專區，或是留言簿。聯絡表單也可以直接透過電子郵件服務商把訊息寄給你。

寫作內容放在哪裡

你可以直接把文章寫進網站，讓所有內容都在同一個地方。也可以使用電子報或部落格平台，再在網站上連結過去，如果你經常發布，這會更輕鬆。或者，你可以把文章存在資料庫中，透過簡單的編輯器管理。如果你計畫寫很多內容，請參考如何用 AI 打造部落格。

網域

如果可以，就使用你的名字：firstnamelastname.com，或是名字不可用時選用其他國家或其他字尾。越短、越容易唸出來、越好拼寫越好，最好也不要有連字號。設定方式請參考如何連接自訂網域。

單頁還是多頁？

如果只需要簡短的介紹、連結與聯絡方式，單頁式的捲動網站就夠了。當你有值得擁有獨立網址的寫作或作品時，多頁會更好，這也有助於搜尋引擎，並讓分享單篇作品更容易。如果你只需要一個連結列表，link-in-bio 頁面可能就已經足夠。

給 AI 建置工具的第一個提示詞

幫我為 Sam Okafor 建立一個個人網站，他是位於拉哥斯的資料工程師，協助金融科技團隊建立可靠的資料管線。頁面：首頁（一句話介紹、照片、三個精選專案、最新兩篇文章、聯絡按鈕）；關於（第一人稱的簡短故事）；專案（每個專案包含問題、我的角色、使用的工具與結果）；寫作（附日期的文章列表，每篇都有獨立頁面）；以及聯絡（電子郵件連結與簡短表單）。頁尾加上 LinkedIn 與 GitHub 連結。設計沉穩簡約，搭配一個強調色，文字非常易讀。速度要快，在手機上也要好看。為搜尋加上頁面標題與描述，並為社群連結加上分享圖片。

把佔位用的專案與文章，一次換成你真實的內容。

逐步建置

1. 寫出一句話的自我介紹。 如果很難寫，後面的內容也會很難。請朋友描述你做什麼，並使用他們的用詞。
2. 寫關於頁面並收集證明：專案、文章、演講、履歷。
3. 拍攝或挑選一張好照片：近期的、光線良好、臉部清楚可見。
4. 依照提示詞建置網站，然後逐頁加入真實內容。
5. 在手機上檢查，並以陌生人的角度從頭讀到尾。
6. 加入基本的搜尋優化：首頁標題中包含你的名字、描述、真正的文字而非圖片中的文字。請參考AI 建置網站的 SEO。
7. 發布並連接你的網域。
8. 從電子郵件簽名檔、社群檔案與履歷上連結到網站。
9. 在行事曆中設定提醒，每隔幾個月更新一次。

常見錯誤

• 沒有清楚的自我介紹。 訪客應該能在五秒內知道你做什麼。
• 放上你做過的每件事。 依據你的目標精選內容。
• 沒人更新的部落格。 有一個小小的「寫作」頁面，比一個過時的部落格更好。
• 不想公開的個人細節：住家地址、私人電話、家人資訊。
• 因大圖而變慢的頁面。 調整尺寸並壓縮照片。
• 為了設計犧牲易讀性：小而淺灰色的文字、不尋常的導覽、妨礙閱讀的動畫。

何時選擇現成產品比較好

如果你只需要一張照片、一句話與幾個連結，link-in-bio 服務或簡單的頁面建置工具會更快。如果你經常寫作並想要訂閱者，使用電子報或部落格平台搭配自訂網域，可能比自己維護的網站更適合。完整的網站建置工具（附範本）適合偏好視覺化編輯的人。當你希望完全掌控設計、想把寫作、專案與工具整合在一處，或希望擁有網站的程式碼、日後可以搬走時，就值得自己建置。

用 Mythex 建置

Mythex 也能處理簡單的網站：你描述網站，它會在即時預覽中建置，並提供手機尺寸的檢視，你可以在對話中調整文案與版面。個人網站很適合作為靜態前端（Mythex 上的靜態網站）。如果你加入會儲存訊息的聯絡表單，或是可以編輯的寫作專區，Mythex 會為專案加入資料庫。

你可以在免費方案中發布到 yourname.mythex.app 網址。在 Pro 方案中，你可以在 Mythex 購買網域，或連接你已經擁有的網域，也可以匯出程式碼或同步到 GitHub。Mythex 也能根據描述產生圖片，例如插圖或分享圖。若需要起始版面，可以試試 AI 網站建置工具或作品集範本。

常見問題