# GitHub

# 在Github建立自有網域的網站

流程大概是這樣，先憑記憶記錄下來 [https://pages.github.com/](https://pages.github.com/)

### 找適合的版型專案

以 jekyll 為例子， [https://github.com/topics/jekyll-theme](https://github.com/topics/jekyll-theme)，頁面中有不錯的版型可使用，使用時還是要留意一下使用授權

我目前測試有佈署成功的專案 [https://github.com/Huxpro/huxpro.github.io](https://github.com/Huxpro/huxpro.github.io)

### 把版型 Fork 到自己的空間

到專案的頁面點 Fork ， 直接 Create Fork

### 設定page

到自己專案的settings頁面中的pages設定，Source選Github Actions，接著在同頁面的下戶找到Custom domain

你會看到有一段說明 Custom domains allow you to serve your site from a domain other than **youid.github.io**

### 設定DNS

到DNS設定頁面新增一個C NAME，例如我的站是 blog.sitename.com

Name: blog

Content: youid.github.io

### 把DNS回填到Custom domain  


回到page頁面，填入 Custom domain "blog.sitename.com"，等待一段時間，會看到DNS check successful變成綠色，即成功

### 執行Jekyll佈建

一樣在page頁面找到 Jekyll 點擊 Configure，這裡要特別注意，一定要在DNS關聯好再做，不然網頁路徑會有問題

Configure 後，直接再點 Commit Changes，會跳出 Create jekyll.yml 一樣直接再點 Commit Changes

### 到專案的Actions頁面

All workflows 會看到 Create jekyll.yml 變成綠色，即佈建完成

成功的話，在頁面 "blog.sitename.com" 即可看到

<p class="callout success">Jekyll佈局網站的作法是透過程式維護及連結檔案，此作法可以不用使用資料庫就能做到檔案及內容的動態連結  
產出的是靜態站的內容，再加上Github也有自帶cache的功能，應該是目前能做的最速靜態網站吧，以上僅為個人對Github頁面的理解。由於我已使用Drupal及WordPress有好幾年的時間，近期才接觸到這個覺得還蠻有趣，很適合輕量型的內容製作</p>