如何利用GitHub設計一個炫酷的個人網站（含代碼）
阿新 • • 發佈：2019-04-17
代碼 建立 一點 沒有 ima href info 個人網站 bubuko
1.在開始制作之前我們先預覽一下我的網站吧！
1.方式一：
由於是手機版的所以用手機掃下面的二維碼體驗比較好一點：
https://tom-shushu.github.io/MyWeb.github.io/
2.方式二：
你也可以在我博客的右側掃描我的網站二維碼進行訪問；
2.具體制作過程：
開發工具：Github Desktop ，GitHub，Hbuilder(純靜態網頁)
1.第一步：
作為一個程序員你一定有GitHub吧，如果沒有你需要註冊一個GitHub賬號：具體步驟請按照下面步驟進行操作：
https://blog.csdn.net/qq_35246620/article/details/67636563
2.第二步：
在GitHub上建立一個倉庫如圖所示：
1>.名字自己起，註意必須以 .github.io結尾(由於我這裏已經建好所以會出現錯誤)
2>.然後用Github Desktop工具將剛才建立的倉庫克隆到本地，如果不了解Github Desktop工具的可以查看：
https://www.jianshu.com/p/06a960d991aa
我這裏已經克隆下來了
打開MyWeb.github.io:裏面就只有一個.git文件
3>.編碼：
關於編碼這裏我就步詳細介紹了，有點關公面前耍大刀，哈哈。如果覺得我這個網站還比較炫酷你可以到我的GitHub上去免費下載：
https://github.com/Tom-shushu/MyWeb.github.io
將我的信息更改一下就可以了。
4>.上傳項目到GitHub上：
將整個項目拷貝到剛才克隆下來的倉庫之中，用Github Desktop進行上傳即可；
5>.到GitHub遠程倉庫的setting中將Source改為master branch
之後它會給你生成一個訪問網址，它就是你的網站訪問網址：
點擊就可訪問了
https://tom-shushu.github.io/MyWeb.github.io/
如何利用GitHub設計一個炫酷的個人網站（含代碼）