.jpg)
一、前言
GitHub 是最受歡迎的開源版本控制系統(tǒng)之一，可以用于協(xié)作開發(fā)、項(xiàng)目管理和代碼托管。有時(shí)我們還可以基于 GitHub Pages 搭建個(gè)人或團(tuán)隊(duì)的靜態(tài)網(wǎng)站。
本文主要介紹如何使用 GitHub 搭建自己的個(gè)人或團(tuán)隊(duì)靜態(tài)網(wǎng)站，包括創(chuàng)建 GitHub 賬號、創(chuàng)建倉庫、使用 Jekyll 生成網(wǎng)站、以及綁定域名等具體步驟。
二、創(chuàng)建 GitHub 賬號
首先我們需要前往 GitHub 官網(wǎng)，注冊一個(gè) GitHub 賬號。如果已經(jīng)有了 GitHub 賬號可以跳過這一步。
創(chuàng)建完成 GitHub 賬號后，我們可以選擇創(chuàng)建新的倉庫。
三、創(chuàng)建倉庫
在 GitHub 主頁上點(diǎn)擊 “New Repository” 按鈕。
在 “Repository name” 輸入框中輸入你的網(wǎng)站名稱，比如說 “my-awesome-website”。
接下來，我們需要選擇倉庫的類型。由于我們要搭建一個(gè)靜態(tài)網(wǎng)站，因此選擇 “Public” 類型即可。
最后點(diǎn)擊 “Create Repository” 完成倉庫的創(chuàng)建。
四、使用 Jekyll 生成網(wǎng)站
接下來，我們需要使用 Jekyll 來生成網(wǎng)站。Jekyll 是一種簡單易用的靜態(tài)網(wǎng)站生成器，類似于 WordPress 和其它 CMS 系統(tǒng)，但它不需要數(shù)據(jù)庫和服務(wù)器端腳本的支持，而是通過 Markdown 或 HTML 模板語言生成靜態(tài)網(wǎng)頁。
我們可以克隆一個(gè) Jekyll 模板，該模板為我們提供了基本的網(wǎng)站結(jié)構(gòu)和設(shè)計(jì)：
git clone https://github.com/barryclark/jekyll-now.git
克隆完成后，我們需要將這個(gè)倉庫中的所有文件復(fù)制到我們自己的倉庫中。然后在自己的倉庫中新建一個(gè)名為 “_config.yml” 的文件，輸入以下內(nèi)容：
title: My Awesome Website description: A description of my awesome website.
五、綁定域名
現(xiàn)在，我們已經(jīng)成功搭建了自己的靜態(tài)網(wǎng)站，并且可以通過訪問自己的倉庫地址來查看該網(wǎng)站。
但是，我們可能希望使用自己的域名來訪問該網(wǎng)站，而不是使用 GitHub 的默認(rèn)域名。因此，在這一節(jié)中，我們將介紹如何將自己的域名綁定到 GitHub Pages 上。
- 首先，我們需要購買一個(gè)域名。有很多域名注冊商可以選擇，比如 GoDaddy、Namecheap 等。我們可以選擇注冊一個(gè) .com、.net、.org、.co 等后綴的域名。
- 接著，在域名注冊商的控制臺(tái)中，找到域名解析管理頁面。在這里，我們需要添加一條 CNAME 記錄，將域名解析到我們的 GitHub Pages 倉庫上。
假設(shè)我們的域名為 “mydomain.com”。那么，我們需要添加一條 CNAME 記錄，將 “www.mydomain.com” 解析到我們的 GitHub Pages 倉庫上。
- 接下來，在我們的 GitHub Pages 倉庫中，我們需要添加一個(gè) “CNAME” 文件。在該文件中輸入我們要綁定的域名，即 “www.mydomain.com”。
- 最后，在域名注冊商的控制臺(tái)中，將域名的 DNS 服務(wù)器設(shè)置為 GitHub Pages 默認(rèn)的 DNS 服務(wù)器：
ns1.p19.dynect.net ns2.p19.dynect.net ns3.p19.dynect.net ns4.p19.dynect.net
- 等待一段時(shí)間后，就可以通過訪問自己的域名來查看自己搭建的網(wǎng)站了。
六、總結(jié)
本文主要介紹了如何使用 GitHub 搭建自己的個(gè)人或團(tuán)隊(duì)靜態(tài)網(wǎng)站。我們需要首先創(chuàng)建 GitHub 賬號，并創(chuàng)建一個(gè)新的倉庫。然后，我們通過克隆 Jekyll 模板，并添加一個(gè)名為 “_config.yml” 的文件來生成網(wǎng)站。最后，我們還講解了如何將自己的域名綁定到 GitHub Pages 上來訪問自己的網(wǎng)站。
.png)
