【Carrd 教學】免費自介網站製作｜5 分鐘完成一頁式電子名片

最後更新時間：2026-06-09，由 Dean 更新

經營網路品牌，想快速做個有質感的個人自介頁，但又不想花太多錢或時間？Carrd 是個免費的好工具。

這篇文章會帶你在 5 分鐘內，依照以下的 Carrd 教學步驟，完成一個免費的自介網站，不管是電子名片、個人品牌頁還是多連結頁面都適用：

1. 註冊帳號
2. 選擇模板
3. 編輯內容
4. 調整樣式
5. 頁面設定
6. 發佈網站

也會詳細比較 Carrd 跟常見的多連結工具、架站平台的差別、介紹各種方案。

最後，還會分享幾個我平時找靈感的網站，幫你快速上手。

Carrd 是什麼？優缺點？適合誰用？

Carrd 是個專做「一頁式網站」的平台，不用寫程式，也不用花錢就能上線，可以拿來做作品集、電子名片、自介頁、活動頁、IG 個人首頁用的多連結頁等。

Carrd 有哪些優點？

• 免費建站：註冊後可做 3 個網站 (carrd 子網域)，可做宣傳頁、線上履歷或當自介網站。
• 操作簡單：整個後台都是拖拉點選，5 分鐘就可排出個人自介頁。
• 排版自由：可加入 14 種自訂區塊，付費版還可嵌入社群、表單，比 Linktree、Portaly 靈活。
• 模板豐富：官方提供 250+ 套模板，其中 150+ 免費，直接套用就上線。
• 成本較低：Pro Lite 一年只要 300 台幣就能串自訂網域、刪 Carrd logo、使用更多進階模板和元件，還能自訂頁面、設定瀏覽器網站圖標等，對想讓頁面更有質感的人來說，非常夠用。
• 設計感強：預設留白＋極簡 UI，新手也能做出高質感頁面。
• 響應式強：內建流動式排版，畫面自動跟著螢幕調整，大多數情況不需再調一版給手機用。

Carrd 有哪些缺點？

• 沒有繁中：後台操作介面只有英文，對英文不熟的人來說，會有一點門檻。
• 頁數限制：Carrd 是單頁式網站工具，對需要多層內容或分類頁面的人來說限制較大。
• 功能有限：無電商、部落格、會員系統，若需要快取優化，要高階方案才有。
• SEO 有限：缺少永久連結、Schema、進階 SEO 參數，不適合做內容型網站。
• 自訂限制：嵌入 HTML、串 GA、整合第三方工具等需 Pro Plus 以上。

Carrd 適合誰用？

• 需要整理多個連結的創作者：想讓粉專、社群、作品、報名表集中到一頁，模板也比 Linktree、Portaly 更多，排版更自由。
• 想快速做出作品集的接案者：不會寫程式，也不打算學怎麼設計網站，但希望可放個人履歷與作品，做點排版。
• 需要臨時活動頁、募資頁或報名頁的人：舉辦講座、社群活動、課程說明會和募資，用模板改一改就能上線。
• 只是想建個自介頁的人：不一定要有完整功能、但希望好看＋好改，能快速做個電子名片。

Carrd 教學：5 分鐘做出高質感自介頁面

第一步：註冊帳號 & 選擇模板

step 1：前往官網選擇起點

打開 Carrd 官方網站，點中間的「Choose a Starting Point」綠色按鈕，不用登入帳號。

step 2：篩選模板分類

Carrd 的模板很多，上方有幾個分類可快速篩選，你可以先點上方的分類篩選，再往下滑慢慢找。

step 3：預覽模板效果

看到喜歡的模板時，滑鼠移到上方，先點「Demo」，就可以預覽整頁長什麼樣子。

step 4：開始編輯模板

查看 Demo 後再開始編輯：

1. 先點上方的圖示切換裝置預覽，看看這個模板在桌機、手機上長什麼樣子。
2. 確認喜歡也適合後，點右上角的「Select」，開始編輯這個版型。

step 5：熟悉編輯介面

進入模板後，你會看到一個非常乾淨的編輯畫面，只在上方有一小排工具列，其他地方都是編輯區，「點一下」任一區塊，左邊就會跳出對應的編輯選單。

上方工具列會在之後的步驟裡介紹到，現在，我們先開始編輯網站吧。

補充：如果你希望用手機編輯的話，Carrd 在手機上也方便操作。

第二步：編輯內容 & 調整樣式

這一步驟會以室內設計師為例，帶你修改圖片、文字和按鈕，打造出正式的一頁式作品集 + 個人自介頁。

step 1：修改 Logo 圖片

我們先來修改最上方的 Logo 圖片：

1. 點一下 Logo 圖的位置。
2. 左側會跳出編輯視窗，點一下綠色的「Edit」按鈕，上傳自己的 Logo 圖片。
3. 接著，補上這些資訊：
   • Title：圖片標題，填上品牌名稱就可以了。
   • Alternate Text：替代文字，簡單寫一下這張圖是什麼用途，例如：「品牌名稱的 Logo 圖片」。
   • Link URL：如果你有其他官網或主站，把連結放在這裡，別人點 Logo 就能跳轉過去。

step 2：編輯圖片組

現在來編輯下方的圖片組 (Gallery)，這個模組可以放多張圖片，很適合放作品集。

先上傳並設定單張圖片：

1. 點進一張空白圖片，左側會出現一整排設定欄。
2. 按 Edit 上傳自己的圖片，可上傳 PNG、GIF 和 JPEG，且最大不能超過 2MB。
3. 接著補上圖片資料：
   • Caption：是圖片下方的說明文字，點圖放大會看到，在這邊可以寫「室內設計作品 / 地點：台北松山」介紹作品。且支援 Markdown 語法 (官方說明)，想加粗、換行都可以。
   • Alternate Text：簡單描述圖片內容，像是「北歐風格客廳設計」，有助於 SEO。
   • Link URL：如果你希望點圖片後跳轉到其他網站或 IG、Behance，就在這裡加連結。沒填的話，預設是點了會放大圖片。
4. Size / Position：圖片顯示方式，保持預設就好，除非有特別要調整位置或比例。

設好單張圖片後，按這個方式點開所有 Gallery 的單張設定上傳圖片、填資料。

要是還想加入更多圖片，按下面的「Add」新增，不限圖片數量。

當你圖片都上傳完、說明也填好後，左邊視窗再往下滑，來設定 Gallery 的顯示方式：

step 3：替換頁面文字內容

這一步，我們把頁面上的文字換成自己的內容：

1. 先點一下畫面上的文字區塊。
2. 左邊會跳出編輯視窗，在裡面輸入你想顯示的文字。例如：我把預設標題改成「Dean Interior」，你也可以打上自己的品牌名、暱稱、職稱或一句簡短介紹。

接著，調整文字樣式：

1. 點左上方的筆刷圖示，打開 Appearance (文字樣式) 設定。
2. 上面是全域樣式，預設就好不用動 (Add Style 是進階功能，可儲存樣式做快速切換)。
3. 往下滑可以調整文字樣式，只要調整： Color (文字顏色)、Font (字型)、Size (文字大小)、Weight (文字粗細)、Line Spacing (行距)、Letter Spacing (字距) 等就好，其他維持預設值。

這種類似電子名片的網站，常常會在手機裝置上轉傳，所以手機的排版也很重要。

左側視窗滑到底，就會看到手機版的文字樣式 (Mobile)：

1. 先點工具列的手機圖示，看手機版畫面會不會跑掉。
2. 如果需要手動調整，再切換成 MANUAL 模式。
3. 一樣可以調整 Size、Weight、Line Spacing、Letter Spacing 等，有需要的話再調 Indent (縮排)或 Margins (左右留白)。
4. 都設定好後，記得點 Done 儲存。

step 4：設定按鈕連結

step 5：設定社群連結圖示

6 大配色技巧全攻略：必學色相環 ＋ 配色網站（含案例分析）

第三步：頁面設定 & 發佈網站

內容都調整好了之後，最後就是設定網站的外觀、背景樣式，就能發佈出去囉！

step 1：調整頁面外觀

先調整頁面的外觀：

1. 點右上角的選單圖示，打開功能選單。
2. 選「Page…」進入頁面設定。
3. 設定項目如下：
   • Style (頁面樣式)：維持預設 (Default)。
   • Position (位置)：通常選 Center，讓內容置中對齊。
   • Width (頁面寬度)：可微調內容區域的寬度，看起來舒適就行了。
   • Padding (邊距)：稍微調整內容上下 (Vertical)、左右 (Horizontal) 留白的距離。
   • Size (整體元件比例)：維持預設即可，不需要更動。

這裡的設定會影響整個網站的閱讀體驗，調整到你覺得舒適為止即可。調整完記得按 Done 儲存。

設定視窗再往下拉，設定背景：

• Alignment：內容對齊的方向，維持預設 Center (置中) 即可。
• Spacing (內容間距)：拉動滑桿可調整上下段落之間的距離 (參考右邊的標示)。
• Background (背景色)：建議搭配主視覺色選色。
• Pattern (背景圖樣)：建議維持預設值，有時間再玩玩看其他圖樣或改顏色。

最後，再檢查一下手機排版：

1. 點工具列上的手機圖示，把畫面切換成手機預覽畫面。
2. 左側視窗滑到底，點 MANUAL，進入手機版的手動調整模式。
3. 稍微拉一下 Padding (內距) 的 Vertical (上下)和 Horizontal (左右) 距離，讓排版更舒適，其他項目都暫時不動。
4. 都確認沒問題後，記得按 Done 儲存。

step 2：註冊並發布網站

恭喜，網站已經設計完成了，最後再註冊和填網站資料，就可以發佈囉！

1. 右上工具列點「儲存」圖示，左邊就會跳出註冊視窗。
2. 填寫資料：照著欄位填入基本資料 (名字、信箱、密碼)，最後記得勾選同意條款就可以了。

補充：設好之後，不要忘記去信箱收驗證信。沒收到的話，在垃圾信匣找找看。

同個視窗再往下拉，還需要填寫網站資料：

1. Title：網站標題，按網站主要內容或品牌名幫網站取個好記的名稱，例如我是室內設計師的話，就是「XX 室內設計」，這樣對 SEO 會很有幫助。
2. Description：簡單描述這個網站是做什麼的。
3. Action：選「Publish…」這項，意思是用 Carrd 子網域發佈網站。
4. 自訂子網域的名稱，建議要跟自己的網站標題一樣 (或直翻)，但不能跟其他人重複。
5. 最後按 Publish 就完成囉！

這樣就完成一個含作品集的自介頁了，是不是很簡單啊？

Carrd 有哪些免費模板可套用？去哪裡找設計靈感？

Carrd 有哪些免費模板可套用？

Carrd 官網有超過 250 種模板，其中 150 多個是免費的，分成 5 種類型：

• Profile：個人介紹、履歷、數位名片、自媒體連結頁。
• Landing：活動頁、報名頁、產品銷售頁，用來引導行動。
• Form (付費)：需要表單功能的話，這類模板可以幫你收資料，但要升級付費版才能用。
• Portfolio：作品集專用，有些有專案簡介區塊，適合設計師、創作者。
• Sectioned：內容比較多的自介頁，雖然是一頁式，但設計上像多頁網站一樣能分類切換。

可以去哪裡找設計模板的靈感？

如果還不確定該選哪種風格的模板，有很多人會把自己挑過、做過的模板整理成「靈感庫」或「作品集頁面」，你可以從這些網站下手，看看別人怎麼玩 Carrd。

以下是我覺得蠻實用的設計靈感網站：

• Deck of Carrd：專門整理 Carrd 模板的網站，每個模板都有預覽、簡介和連結，很容易快速找到喜歡的風格，而且整個網站本身就是用 Carrd 做的。
• Zite Design：國外設計師整理的 Carrd 設計案例，風格乾淨、有質感，偏商用與品牌導向，適合想做個人品牌的人參考。
• Landbook：一頁式網站靈感庫，可搜尋 Carrd 或 portfolio、bio link 等用途，適合觀察配色、字體和版面設計。
• One Page Love：收錄大量一頁式網站案例的平台，也能看到實際用 Carrd 製作的網站，適合找整體版型靈感。
• Behance / Dribbble：設計師作品平台，搜尋 #carrd 或 #carrdsite，可以參考各種排版與視覺風格。
• Pinterest：視覺靈感平台，常見 Carrd 自介模板，風格多偏動漫、K-POP 或個人化設計。
• X：部分設計師會分享自己做的 Carrd 網站，可追蹤關鍵字或設計師帳號找靈感。

網頁設計範例：3 個必看細節 + 9 大設計靈感網站

多連結工具 VS. 輕量架站平台：你需要哪一種？

你應該常常聽見有人推薦「多連結平台」跟「架站平台」，但還是不知道要選哪個。以下幫你分析：

平台 / 工具類型	用途	常見工具 / 平台	適合哪些需求
多連結工具	．可整合外部連結。 ．製作極快速。 ．無法放太多內容。 ．設計上可調的部分較少。	．Linktree ．Taplink ．Portaly	．只放連結，不放太多內容。 ．放在 IG / TikTok 個人自介用。
網站架設平台	．一頁式網站。 ．能調整較多設計細節。 ．可以放比較多內容。 ．要花點時間製作。	．Wix ．Sqaurespace ．Webnode ．Strikingly ．Weebly ．WordPress.com	．想放較多內容。 ．希望版面更有個人風格。 ．想要有一個網站的感覺。

如果你沒辦法確定，以下以「需求面」給你建議：

• 想快速集中所有連結介紹自己就好？→ 多連結工具。
• 不想花太多時間架站？→ 多連結工具。
• 希望排版自由、想有更多客製化的自訂項目？→ 架站平台。
• 放上的內容比較多，需要分類？→ 架站平台。
• 你願意花時間把網站設計得更符合需求？→ 架站平台。

不過，這邊也補充一下，Carrd 的定位比較特別，介於兩者之間。不只能像多連結工具一樣快速建立簡單頁面，也有輕量架站平台的自由排版與進階功能，可以做出一頁式網站。

Carrd 與其他平台工具比較

以下，我把 Carrd 和常見的架站平台、多連結工具放在一起比較，讓你快速了解到底差在哪。

Carrd 付費版差在哪？我需要付費嗎？

下面這張表，幫你一次整理出 Carrd 四個方案的主要差異，直接對照功能，看你需不需要升級：

功能/方案	免費版	Pro Lite	Pro Standard	Pro Plus
網站數	3	3	10	25
模板數	150+	250+	250+	250+
自訂網域	✗	✗	✓	✓
自訂模板 / 字體	✗	字體 ✗ 模板 ✓	字體 ✓ 模板 ✓	字體 ✓ 模板 ✓
自訂程式碼	✗	✗	嵌入基本程式碼	進階 JS、自訂元件屬性
協作功能	✗	共享編輯	共享編輯	共享編輯
表單 / 自動化	✗	✗	串接第三方表單	進階表單 + 自動化串接
第三方工具	✗	✗	Stripe / PayPal / Gumroad / Typeform	同左 + JS 自訂擴充
分析數據	✗	✗	GA4 / Schema	GA4
SEO 設定	標題/敘述	標題/敘述	Meta 標籤 / 社群分享圖	基本 SEO / 301 轉址
價格 (USD/年)	免費	$9	$19	$49

簡單的說，如果你只想快速做一個乾淨的一頁式網站，不用接表單、不綁網域、不改太多樣式，免費版就很夠用；但要是你希望經營品牌、接案，需要整合表單和自訂程式碼，付費版會比較好用。

Carrd 教學其他相關問題