1. 程式人生 > 其它 >如何在 GitHub 上搭建個人網站(github.io)

如何在 GitHub 上搭建個人網站(github.io)

前言

目前,想要搭建自己的部落格、個人主頁、線上簡歷、專案演示,大部分同學選擇購買雲伺服器+域名,我也在阿里雲購買了雲伺服器+域名,不過也有同學想要免費的服務,就可以使用 GitHub 提供的免費 Pages服務:github.io

步驟

第一步:新建倉庫

建立一個新的倉庫,倉庫名設定為如下格式:賬戶名.github.io

第二步:新增檔案

建立後,提示你匯入專案,或者建立檔案,這裡為了簡化操作,直接選擇建立檔案:

輸入檔名:index.md,並在裡面寫一點 Markdown 格式的文字:

拉到下面直接提交即可:

第三步:修改主題

開啟 Settings 頁面:

點選 Pages,點選 Change Theme,選擇自己喜歡的主題

第四步:等待

等待 1 到 5 分鐘,在瀏覽器輸入 賬戶名.github.io,比如我的網址就是https://nanvon.github.io/,應該就可以顯示了。

第五步:新增專案演示

將這個 git 倉庫克隆到本地,將專案生成的 dist 目錄下所有檔案拷貝到該倉庫,提交併推送,等待 1 到 5 分鐘,重新整理你的網站即可。

結尾

這個教程比較簡單,喜歡折騰的同學可以自己探索怎麼用其他的部落格,比如 hexo,操作原理和上面講的步驟五類似:將生成的網頁檔案提交到 GitHub 倉庫就行。
喜歡 Markdown 的同學,使用 Markdown 即可,喜歡 HTML 的同學也可以使用 HTML。
單檔案的話,把檔名改成index就行,GitHub 會自動識別的。如果想要新增多個檔案,在倉庫內新增資料夾並推送到遠端倉庫就行,訪問的時候在域名後加上:/檔名

,比如我的線上簡歷域名為:https://nanvon.github.io/jianli/