02.27 教你免費搭建個人網站(GitHub Desktop)

▲ 點擊新的靈感關注我們

教你免費搭建個人網站(GitHub Desktop)

GitHub Desktop 是GitHub公司發佈的一款桌面版應用。無論您是Git的新手還是經驗豐富的用戶,GitHub Desktop都可以簡化您的開發工作流程。不需要使用Git命令,即可把您本地代碼輕鬆上傳到GitHub進行託管。下面我來教大家使用此工具快速免費的搭建屬於自己的個人網站。

1

-THE FIRST-

首先,您需要確認你本地有一份可以正常打開預覽的個人網頁源碼。如果您沒有網站開發基礎的話請不要繼續向下閱讀,您可以選擇在後臺和我留言,我很樂意幫助您繼續完成屬於您的個人網站。

2

-THE SECOND-

如果您滿足上一條件,請訪問GitHub Desktop官網,下載您電腦對應版本的軟件安裝包,安裝並打開。登錄自己的GitHub賬號(沒有賬號的同學請在GitHub官網註冊,這裡就不教大家了)。

點擊File-New repository 創建一個新本地倉庫,下圖是各個輸入框的說明:

教你免費搭建個人網站(GitHub Desktop)

倉庫信息填寫完畢後,點擊下方的Create創建本地倉庫。然後點擊軟件上方的Publish按鈕,把這個本地倉庫發佈到GitHub上。

教你免費搭建個人網站(GitHub Desktop)

教你免費搭建個人網站(GitHub Desktop)

一定注意不要選中底部單選按鈕。信息填寫完畢後,我們點擊Publish,這樣新的GitHub倉庫就創建完成了。

3

-THE THIRD-

重點來了,把你本地網站的源碼全部拖到新建的GitHub倉庫中來:

教你免費搭建個人網站(GitHub Desktop)

如果是使用了VUE CLI等腳手架工具生成的項目,只需要把打包完成後的靜態文件拖進來。

教你免費搭建個人網站(GitHub Desktop)

我們再次打開GitHub Desktop,會發現這個有一個文件改變的提示。

教你免費搭建個人網站(GitHub Desktop)

這時候我們點擊下方的Commit按鈕提交本次更改

教你免費搭建個人網站(GitHub Desktop)

提交完成後,我們點擊頁面上方Push按鈕,等待完成,這時我們的本地代碼就上傳到GitHub中了。

教你免費搭建個人網站(GitHub Desktop)

4

-THE FOURTH-

我們在GitHub官網點擊右上角頭像,再次點擊Your repositories查看我們剛剛建好的倉庫。在打開的新頁面中點擊剛才新建的倉庫名字進入到倉庫中。


教你免費搭建個人網站(GitHub Desktop)

教你免費搭建個人網站(GitHub Desktop)

點擊倉庫導航欄中的setting按鈕,把倉庫名字改成您的“GitHub名字.github.io",點擊Rename等待完成。

教你免費搭建個人網站(GitHub Desktop)

5

-THE FIFTH-

到這裡您的個人網站已經搭建完成,在瀏覽器中輸入”您的GitHub名字.github.io“查看吧!如果您成功了分享給更多的人吧!謝謝!


分享到:


相關文章: