您當前的位置:首頁 > 繪畫

教你使用GitHub搭建個人網站

作者:由 碼農StayUp 發表于 繪畫時間:2020-12-19

GitHub原始碼分享

微信搜尋:碼農StayUp

主頁地址:

https://gozhuyinglong.github.io

原始碼分享:

https://github.com/gozhuyinglong/blog-demos

1. 建立一個程式碼倉庫

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

教你使用GitHub搭建個人網站

建立一個名為為

username。github。io

的程式碼倉庫,其中

username

為你的GitHub的賬戶名稱。

注:如果

username

與你的賬戶名稱不匹配,將不會起作用

下圖中因為我的程式碼倉庫

gozhuyinglong。github。io

已使用,所以提示已存在。

教你使用GitHub搭建個人網站

2. 選擇主題

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

教你使用GitHub搭建個人網站

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

教你使用GitHub搭建個人網站

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

教你使用GitHub搭建個人網站

3. 設定頁面內容

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

_config。yml

為選擇的主題

index。md

為頁面內容

教你使用GitHub搭建個人網站

index。md

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

教你使用GitHub搭建個人網站

4. 自定義頁面

當然GitHub也支援自定義的頁面,上傳自己

index。html

頁面即可。

5. 頁面網址

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

https://username.github.io

最終效果請看我的個人主頁:

https://gozhuyinglong.github.io

6. 官網說明

GitHub Pages:

https://pages.github.com

教你使用GitHub搭建個人網站

標簽: 頁面  GitHub  https  gozhuyinglong