教你免費(fèi)搭建個(gè)人網(wǎng)站(GitHub)

GitHub Desktop 是GitHub公司發(fā)布的一款桌面版應(yīng)用。無(wú)論您是Git的新手還是經(jīng)驗(yàn)豐富的用戶，GitHub Desktop都可以簡(jiǎn)化您的開發(fā)工作流程。不需要使用Git命令，即可把您本地代碼輕松上傳到GitHub進(jìn)行托管。下面我來(lái)教大家使用此工具快速免費(fèi)的搭建屬于自己的個(gè)人網(wǎng)站。

-THE FIRST-

首先，您需要確認(rèn)你本地有一份可以正常打開預(yù)覽的個(gè)人網(wǎng)頁(yè)源碼。如果您沒有網(wǎng)站開發(fā)基礎(chǔ)的話請(qǐng)不要繼續(xù)向下閱讀，您可以選擇在后臺(tái)和我留言，我很樂意幫助您繼續(xù)完成屬于您的個(gè)人網(wǎng)站。

-THE SECOND-

如果您滿足上一條件，請(qǐng)?jiān)L問GitHub Desktop官網(wǎng)，下載您電腦對(duì)應(yīng)版本的軟件安裝包，安裝并打開。登錄自己的GitHub賬號(hào)(沒有賬號(hào)的同學(xué)請(qǐng)?jiān)贕itHub官網(wǎng)注冊(cè)，這里就不教大家了)。

點(diǎn)擊File-New repository 創(chuàng)建一個(gè)新本地倉(cāng)庫(kù)，下圖是各個(gè)輸入框的說(shuō)明：

倉(cāng)庫(kù)信息填寫完畢后，點(diǎn)擊下方的Create創(chuàng)建本地倉(cāng)庫(kù)。然后點(diǎn)擊軟件上方的Publish按鈕，把這個(gè)本地倉(cāng)庫(kù)發(fā)布到GitHub上。

一定注意不要選中底部單選按鈕。信息填寫完畢后，我們點(diǎn)擊Publish，這樣新的GitHub倉(cāng)庫(kù)就創(chuàng)建完成了。

-THE THIRD-

重點(diǎn)來(lái)了，把你本地網(wǎng)站的源碼全部拖到新建的GitHub倉(cāng)庫(kù)中來(lái)：

如果是使用了VUE CLI等腳手架工具生成的項(xiàng)目，只需要把打包完成后的靜態(tài)文件拖進(jìn)來(lái)。

我們?cè)俅未蜷_GitHub Desktop，會(huì)發(fā)現(xiàn)這個(gè)有一個(gè)文件改變的提示。

這時(shí)候我們點(diǎn)擊下方的Commit按鈕提交本次更改

提交完成后，我們點(diǎn)擊頁(yè)面上方Push按鈕，等待完成，這時(shí)我們的本地代碼就上傳到GitHub中了。

-THE FOURTH-

我們?cè)贕itHub官網(wǎng)點(diǎn)擊右上角頭像，再次點(diǎn)擊Your repositories查看我們剛剛建好的倉(cāng)庫(kù)。在打開的新頁(yè)面中點(diǎn)擊剛才新建的倉(cāng)庫(kù)名字進(jìn)入到倉(cāng)庫(kù)中。

點(diǎn)擊倉(cāng)庫(kù)導(dǎo)航欄中的setting按鈕，把倉(cāng)庫(kù)名字改成您的“GitHub名字.github.io"，點(diǎn)擊Rename等待完成。

-THE FIFTH-

到這里您的個(gè)人網(wǎng)站已經(jīng)搭建完成，在瀏覽器中輸入”您的GitHub名字.github.io“查看吧！

舉報(bào)/反饋