教你使用GitHub搭建個人網站

local0發表於2021-09-09

圖片描述

GitHub原始碼分享

主頁地址:/gozhuyinglong.github.io
原始碼分享:github.com/gozhuyinglong/blog-demos

1. 建立一個程式碼倉庫

登入你的GitHub,點選右上角的 + 號按鈕,選擇【New repository】,開啟建立新倉庫頁面。

圖片描述

建立一個名為為username.github.io的程式碼倉庫,其中username為你的GitHub的賬戶名稱。
注:如果username與你的賬戶名稱不匹配,將不會起作用

下圖中因為我的程式碼倉庫gozhuyinglong.github.io已使用,所以提示已存在。

圖片描述

2. 選擇主題

進入建立好的程式碼倉庫,點選【Settings】,進入設定介面。

圖片描述

頁面往下拉,找到GitHub Pages模組,點選【Choose a theme】,進入選擇主題頁面。
圖片描述

GitHub提供了一些主題供選擇,選擇好後點選【Select theme】完成
圖片描述

3. 設定頁面內容

選擇完主題會生成兩個檔案:

  • _config.yml為選擇的主題
  • index.md為頁面內容

圖片描述

index.md為Markdown檔案,編輯內容即可修改頁面內容。

圖片描述

4. 自定義頁面

當然GitHub也支援自定義的頁面,上傳自己 index.html 頁面即可。

5. 頁面網址

頁面的網址便是你的程式碼倉庫名稱:username.github.io

最終效果請看我的個人主頁:gozhuyinglong.github.io

6. 官網說明

GitHub Pages: pages.github.com

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/132/viewspace-2826720/,如需轉載,請註明出處,否則將追究法律責任。

相關文章