教你免費搭建個人網(wǎng)站(GitHub)
GitHub Desktop 是GitHub公司發(fā)布的一款桌面版應(yīng)用。無論您是Git的新手還是經(jīng)驗豐富的用戶,GitHub Desktop都可以簡化您的開發(fā)工作流程。不需要使用Git命令,即可把您本地代碼輕松上傳到GitHub進(jìn)行托管。下面我來教大家使用此工具快速免費的搭建屬于自己的個人網(wǎng)站。
-THE FIRST-
首先,您需要確認(rèn)你本地有一份可以正常打開預(yù)覽的個人網(wǎng)頁源碼。如果您沒有網(wǎng)站開發(fā)基礎(chǔ)的話請不要繼續(xù)向下閱讀,您可以選擇在后臺和我留言,我很樂意幫助您繼續(xù)完成屬于您的個人網(wǎng)站。
-THE SECOND-
如果您滿足上一條件,請訪問GitHub Desktop官網(wǎng),下載您電腦對應(yīng)版本的軟件安裝包,安裝并打開。登錄自己的GitHub賬號(沒有賬號的同學(xué)請在GitHub官網(wǎng)注冊,這里就不教大家了)。
點擊File-New repository 創(chuàng)建一個新本地倉庫,下圖是各個輸入框的說明:
倉庫信息填寫完畢后,點擊下方的Create創(chuàng)建本地倉庫。然后點擊軟件上方的Publish按鈕,把這個本地倉庫發(fā)布到GitHub上。
一定注意不要選中底部單選按鈕。信息填寫完畢后,我們點擊Publish,這樣新的GitHub倉庫就創(chuàng)建完成了。
-THE THIRD-
重點來了,把你本地網(wǎng)站的源碼全部拖到新建的GitHub倉庫中來:
如果是使用了VUE CLI等腳手架工具生成的項目,只需要把打包完成后的靜態(tài)文件拖進(jìn)來。
我們再次打開GitHub Desktop,會發(fā)現(xiàn)這個有一個文件改變的提示。
這時候我們點擊下方的Commit按鈕提交本次更改
提交完成后,我們點擊頁面上方Push按鈕,等待完成,這時我們的本地代碼就上傳到GitHub中了。
-THE FOURTH-
我們在GitHub官網(wǎng)點擊右上角頭像,再次點擊Your repositories查看我們剛剛建好的倉庫。在打開的新頁面中點擊剛才新建的倉庫名字進(jìn)入到倉庫中。
點擊倉庫導(dǎo)航欄中的setting按鈕,把倉庫名字改成您的“GitHub名字.github.io",點擊Rename等待完成。
-THE FIFTH-
到這里您的個人網(wǎng)站已經(jīng)搭建完成,在瀏覽器中輸入”您的GitHub名字.github.io“查看吧!
舉報/反饋