如何利用GitHub設計一個炫酷的個人網站（含程式碼）

摘要： 1.在開始製作之前我們先預覽一下我的網站吧！ 1.方式一： 由於是手機版的所以用手機掃下面的二維碼體驗比較好一點： https://tom-shushu.github.io/MyWeb.github.io/ 2.方式二： 你也可以在我部落格的右側掃描我的網站二維碼進行訪...

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/