如何在 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/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM