如何利用GitHub設計一個炫酷的個人網站(含代碼)


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/


免責聲明!

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



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