使用 GitHub Pages 建立個人網站#
簡介#
GitHub Pages 是一個靜態網站托管服務,允許你將 Markdown 檔案、HTML 檔案或其他靜態內容托管在 GitHub 上,並且免費提供。透過 GitHub Pages,你可以建立個人部落格、專案展示頁或是公司主頁等。本文將介紹如何使用 GitHub Pages 快速搭建一個簡單的個人網站。
步驟#
1. 建立一個新的 GitHub 倉庫#
首先,登錄到你的 GitHub 帳戶,然後點擊右上角的 +
號,選擇 New repository
。
- 倉庫名稱:建議使用
<your-username>.github.io
這樣的格式,這樣 GitHub Pages 才能正常工作。 - 公開 / 私有:根據你的需求選擇公開或私有倉庫。公開倉庫任何人都可以訪問,而私有倉庫則需要授權。
- 描述:簡要描述你的倉庫用途。
- 初始化設置:可以選擇是否初始化倉庫,是否添加
.gitignore
檔案和 LICENSE 檔案。
創建完成後,你會進入倉庫的主頁面。
2. 添加內容#
GitHub Pages 支持多種靜態網站生成工具,如 Jekyll、Hugo 等。這裡我們以最簡單的 Markdown 檔案為例來介紹。
- 在倉庫的根目錄下創建一個名為
index.md
的檔案。 - 編輯
index.md
檔案,輸入一些基本的 Markdown 內容。例如:
---
title: 我的個人網站
---
# 歡迎來到我的個人網站!
這裡是我分享編程知識和個人專案的平台。
## 關於我
我是一名軟體工程師,專注於 Web 開發和數據科學。
## 最新專案
- [專案A](#)
- [專案B](#)
## 聯絡方式
你可以通過以下方式聯絡到我:
- 電子郵件: [email protected]
- Twitter: @example
- 儲存並提交更改。
3. 配置 GitHub Pages#
- 進入倉庫的
Settings
頁面。 - 滾動到
GitHub Pages
部分。 - 選擇
Source
下拉選單,選擇main
分支(或者其他你希望用來部署的分支)。 - 選擇
Theme
,這裡有很多預設的主題供你選擇,選擇適合你網站風格的主題。 - 點擊
Save
按鈕儲存配置。
4. 查看效果#
配置完成後,GitHub Pages 會自動部署你的網站。你可以在 GitHub Pages
部分找到你的網站 URL,通常是 https://<your-username>.github.io
。
進階技巧#
自定義域名#
如果你希望使用自定義域名,可以在倉庫的 Settings
頁面中添加 CNAME 記錄,並將域名指向 GitHub 提供的 URL。
使用 Jekyll 或 Hugo#
如果你想使用更強大的靜態網站生成工具,可以使用 Jekyll 或 Hugo。GitHub Pages 默認支持 Jekyll,只需在倉庫根目錄下創建 _config.yml
檔案並配置相關參數即可。
結論#
通過 GitHub Pages,你可以輕鬆創建和發布自己的個人網站。無論是簡單的部落格還是複雜的企業網站,GitHub Pages 都是一個非常實用的工具。希望這篇文章能幫助你快速上手 GitHub Pages,創建出屬於自己的網站。