首頁  >  文章  >  開發工具  >  如何用github搭建

如何用github搭建

王林
王林原創
2023-05-17 10:08:371280瀏覽

一、前言

GitHub 是最受歡迎的開源版本控制系統之一,可用於協作開發、專案管理和程式碼託管。有時我們也可以基於 GitHub Pages 建立個人或團隊的靜態網站。

本文主要介紹如何使用 GitHub 建立自己的個人或團隊靜態網站,包括建立 GitHub 帳號、建立倉庫、使用 Jekyll 產生網站、以及綁定網域等具體步驟。

二、建立 GitHub 帳號

首先我們需要前往 GitHub 官網,註冊一個 GitHub 帳號。如果已經有了 GitHub 帳號可以跳過這一步。

建立完成 GitHub 帳號後,我們可以選擇建立新的倉庫。

三、建立倉庫

在 GitHub 首頁點選 “New Repository” 按鈕。

如何用github搭建

在 “Repository name” 輸入框中輸入你的網站名稱,比如說 “my-awesome-website”。

如何用github搭建

接下來,我們需要選擇倉庫的類型。由於我們要建立一個靜態網站,因此選擇 “Public” 類型即可。

如何用github搭建

最後點選 “Create Repository” 完成倉庫的建立。

四、使用 Jekyll 產生網站

接下來,我們需要使用 Jekyll 來產生網站。 Jekyll 是一種簡單易用的靜態網站生成器,類似於 WordPress 和其它 CMS 系統,但它不需要資料庫和伺服器端腳本的支持,而是透過 Markdown 或 HTML 模板語言產生靜態網頁。

我們可以複製一個Jekyll 模板,該模板為我們提供了基本的網站結構和設計:

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

克隆完成後,我們需要將這個倉庫中的所有檔案複製到我們自己的倉庫中。然後在自己的倉庫中新建一個名為“_config.yml” 的文件,輸入以下內容:

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

五、綁定網域名稱

現在,我們已經成功搭建了自己的靜態網站,並且可以透過造訪自己的倉庫地址來查看該網站。

但是,我們可能想要使用自己的網域來存取網站,而不是使用 GitHub 的預設網域。因此,在這一節中,我們將介紹如何將自己的網域綁定到 GitHub Pages 上。

  1. 首先,我們需要購買一個網域。有很多域名註冊商可以選擇,例如 GoDaddy、Namecheap 等。我們可以選擇註冊一個 .com、.net、.org、.co 等後綴的網域。
  2. 接著,在網域註冊商的控制台中,找到網域解析管理頁面。在這裡,我們需要新增一條 CNAME 記錄,將網域解析到我們的 GitHub Pages 倉庫。

假設我們的網域為 “mydomain.com”。那麼,我們需要新增一條 CNAME 記錄,將 “www.mydomain.com” 解析到我們的 GitHub Pages 倉庫上。

如何用github搭建

  1. 接下來,在我們的 GitHub Pages 倉庫中,我們需要新增一個 「CNAME」 檔案。在該檔案中輸入我們要綁定的域名,即 “www.mydomain.com”。
  2. 最後,在網域註冊商的控制台中,將網域的DNS 伺服器設定為GitHub Pages 預設的DNS 伺服器:
ns1.p19.dynect.net
ns2.p19.dynect.net
ns3.p19.dynect.net
ns4.p19.dynect.net
    ##等待一段時間後,就可以透過造訪自己的網域名稱來查看自己搭建的網站了。
六、總結

本文主要介紹如何使用 GitHub 建立自己的個人或團隊靜態網站。我們需要先建立 GitHub 帳號,並建立一個新的倉庫。然後,我們透過複製 Jekyll 模板,並新增一個名為 “_config.yml” 的檔案來產生網站。最後,我們也講解瞭如何將自己的網域綁定到 GitHub Pages 上來存取自己的網站。

以上是如何用github搭建的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn