如何用github搭建

一、前言

GitHub 是最受歡迎的開(kāi)源版本控制系統(tǒng)之一,可以用于協(xié)作開(kāi)發(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 賬號(hào)、創(chuàng)建倉(cāng)庫(kù)、使用 Jekyll 生成網(wǎng)站、以及綁定域名等具體步驟。

二、創(chuàng)建 GitHub 賬號(hào)

首先我們需要前往 GitHub 官網(wǎng),注冊(cè)一個(gè) GitHub 賬號(hào)。如果已經(jīng)有了 GitHub 賬號(hào)可以跳過(guò)這一步。

創(chuàng)建完成 GitHub 賬號(hào)后,我們可以選擇創(chuàng)建新的倉(cāng)庫(kù)。

三、創(chuàng)建倉(cāng)庫(kù)

在 GitHub 主頁(yè)上點(diǎn)擊 “New Repository” 按鈕。

如何用github搭建

在 “Repository name” 輸入框中輸入你的網(wǎng)站名稱(chēng),比如說(shuō) “my-awesome-website”。

如何用github搭建

接下來(lái),我們需要選擇倉(cāng)庫(kù)的類(lèi)型。由于我們要搭建一個(gè)靜態(tài)網(wǎng)站,因此選擇 “Public” 類(lèi)型即可。

如何用github搭建

最后點(diǎn)擊 “Create Repository” 完成倉(cāng)庫(kù)的創(chuàng)建。

四、使用 Jekyll 生成網(wǎng)站

接下來(lái),我們需要使用 Jekyll 來(lái)生成網(wǎng)站。Jekyll 是一種簡(jiǎn)單易用的靜態(tài)網(wǎng)站生成器,類(lèi)似于 WordPress 和其它 CMS 系統(tǒng),但它不需要數(shù)據(jù)庫(kù)和服務(wù)器端腳本的支持,而是通過(guò) Markdown 或 HTML 模板語(yǔ)言生成靜態(tài)網(wǎng)頁(yè)。

我們可以克隆一個(gè) Jekyll 模板,該模板為我們提供了基本的網(wǎng)站結(jié)構(gòu)和設(shè)計(jì):

git clone https://github.com/barryclark/jekyll-now.git

克隆完成后,我們需要將這個(gè)倉(cāng)庫(kù)中的所有文件復(fù)制到我們自己的倉(cāng)庫(kù)中。然后在自己的倉(cāng)庫(kù)中新建一個(gè)名為 “_config.yml” 的文件,輸入以下內(nèi)容:

title: My Awesome Website description: A description of my awesome website.

五、綁定域名

現(xiàn)在,我們已經(jīng)成功搭建了自己的靜態(tài)網(wǎng)站,并且可以通過(guò)訪問(wèn)自己的倉(cāng)庫(kù)地址來(lái)查看該網(wǎng)站。

但是,我們可能希望使用自己的域名來(lái)訪問(wèn)該網(wǎng)站,而不是使用 GitHub 的默認(rèn)域名。因此,在這一節(jié)中,我們將介紹如何將自己的域名綁定到 GitHub Pages 上。

  1. 首先,我們需要購(gòu)買(mǎi)一個(gè)域名。有很多域名注冊(cè)商可以選擇,比如 GoDaddy、Namecheap 等。我們可以選擇注冊(cè)一個(gè) .com、.net、.org、.co 等后綴的域名。
  2. 接著,在域名注冊(cè)商的控制臺(tái)中,找到域名解析管理頁(yè)面。在這里,我們需要添加一條 CNAME 記錄,將域名解析到我們的 GitHub Pages 倉(cāng)庫(kù)上。

假設(shè)我們的域名為 “mydomain.com”。那么,我們需要添加一條 CNAME 記錄,將 “www.mydomain.com” 解析到我們的 GitHub Pages 倉(cāng)庫(kù)上。

如何用github搭建

  1. 接下來(lái),在我們的 GitHub Pages 倉(cāng)庫(kù)中,我們需要添加一個(gè) “CNAME” 文件。在該文件中輸入我們要綁定的域名,即 “www.mydomain.com”。
  2. 最后,在域名注冊(cè)商的控制臺(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
  1. 等待一段時(shí)間后,就可以通過(guò)訪問(wèn)自己的域名來(lái)查看自己搭建的網(wǎng)站了。

六、總結(jié)

本文主要介紹了如何使用 GitHub 搭建自己的個(gè)人或團(tuán)隊(duì)靜態(tài)網(wǎng)站。我們需要首先創(chuàng)建 GitHub 賬號(hào),并創(chuàng)建一個(gè)新的倉(cāng)庫(kù)。然后,我們通過(guò)克隆 Jekyll 模板,并添加一個(gè)名為 “_config.yml” 的文件來(lái)生成網(wǎng)站。最后,我們還講解了如何將自己的域名綁定到 GitHub Pages 上來(lái)訪問(wèn)自己的網(wǎng)站。

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊15 分享