如何在碼云Gitee中部署個(gè)人靜態(tài)網(wǎng)站?git提交網(wǎng)站

很多小伙伴自己做了個(gè)人網(wǎng)站,想要網(wǎng)上分享給其他人。
但是
1. 還需要申請(qǐng)域名空間,需要一定的銀子,但是我不想花錢~~~
2. 想要部署多個(gè)網(wǎng)站就需要設(shè)置好多,有些麻煩。
這里pink老師給大家介紹下,利用在碼云中部署自己的個(gè)人靜態(tài)網(wǎng)站,?愿意部署多少個(gè)就多少個(gè),而且不花錢哦!來,左邊畫個(gè)龍,右手點(diǎn)個(gè)贊,走起~~~~
同學(xué)們,先點(diǎn)擊這個(gè)鏈接,看看我發(fā)布的網(wǎng)站吧~
http://xiaoqiang001.gitee.io/myproject/
呃呃呃,需要pink老師出個(gè)視頻來講解嗎,需要的小伙伴一鍵三連,并且在評(píng)論區(qū)打1,?pink老師就給大家再出個(gè)視頻教程哈~~~
視頻已經(jīng)給大家準(zhǔn)備好,盡情享用:
https://www.bilibili.com/video/BV1dK411n7an?p=27? ? ?git?提交網(wǎng)站
https://www.bilibili.com/video/BV1dK411n7an?p=28? ? ?碼云部署發(fā)布
一、目標(biāo)
pink老師本地有個(gè)網(wǎng)站,想要發(fā)布到網(wǎng)上,生成域名,別人可以訪問。

二、在碼云里面新建一個(gè)倉庫
什么??你還么有碼云賬號(hào)~~? 別說認(rèn)識(shí)pink老師哦~~?嘿嘿,趕緊去注冊(cè)一個(gè)吧~~
?新建倉庫

2.?設(shè)置倉庫基本信息

3.?提示創(chuàng)建倉庫完成

三、利用Git提交到碼云里面?zhèn)}庫里面
1. 安裝完git軟件。??
?git軟件在我上一篇文章里面有。https://www.bilibili.com/read/cv6461930
2. 在網(wǎng)站根目錄下空白處,右擊選擇 -->?Git?Bash Here??

??

?3.?初始化倉庫輸入一下命令:

輸入完命令后,按下回車
4.?把本地文件放入暫存區(qū)輸入命令??
git? add? .? ????
(注意add后面有個(gè)?點(diǎn) )
繼續(xù)按下回車

5.?把?暫存區(qū)文件放入本地倉庫里面
git?commit -m? '提交個(gè)人網(wǎng)站'?

6.?鏈接遠(yuǎn)程碼云倉庫
git remote add origin git@gitee.com:xiaoqiang001/myproject.git
按下回車

注意語法格式哦:
git remote add origin?你的倉庫地址
千萬不要復(fù)制我的哈,?我地址和你倉庫地址不一樣,去剛才創(chuàng)建的倉庫去復(fù)制
你的倉庫地址可以這里得到:

7.?把本地倉庫的網(wǎng)站推送到碼云遠(yuǎn)程倉庫里面
git push -u origin master
然后按下回車

如果出現(xiàn)以下畫面,說明上傳成功

8.?從新刷新你的倉庫,你會(huì)發(fā)現(xiàn)你的倉庫發(fā)生了變化,你的倉庫已經(jīng)有網(wǎng)站啦~~

四、部署發(fā)布靜態(tài)網(wǎng)站
下面就非常重要啦,可以把我們倉庫里面的網(wǎng)站生成域名發(fā)布啦。來,繼續(xù)左手畫個(gè)龍,右手點(diǎn)個(gè)贊~~~~
? 1.?點(diǎn)擊倉庫上方的? 服務(wù)? 菜單? ----? 選擇? ?Gitee Pages? 按鈕?

2.? 可以直接點(diǎn)擊啟動(dòng)按鈕

3.?稍等一下,就會(huì)發(fā)現(xiàn)多了一個(gè)域名,這個(gè)域名就是別人可以直接訪問的域名啦

4.?測(cè)試下域名吧,這樣別人就可以通過這個(gè)域名訪問你的網(wǎng)站啦。

五、總結(jié)
總共分三大步:
?在碼云里面創(chuàng)建新的倉庫
利用git?上傳本地網(wǎng)站到倉庫里面
?配置倉庫服務(wù),部署發(fā)布網(wǎng)站
但是要求本地網(wǎng)站是靜態(tài)的,而且必須有index.html文件哦~~~?
因?yàn)榇a云里面可以創(chuàng)建很多倉庫,那你就可以發(fā)布很多網(wǎng)站啦,?當(dāng)然github也可以,就是速度有點(diǎn)慢~~
怎么樣,學(xué)會(huì)了嗎,是不是很簡(jiǎn)單,?呃呃, 需要pink老師出個(gè)視頻來講解嗎,需要的小伙伴一鍵三連,并且在評(píng)論區(qū)打1,?pink老師就給大家再出個(gè)視頻教程哈~~~
pink老師不怕麻煩,就怕各位同學(xué)不給pink老師點(diǎn)贊和關(guān)注哈~~