怎樣在GitHub免費建立網站和域名?

來源:酷知科普網 2.78W

工具/材料

電子郵箱賬號

操作方法

通過搜狗搜尋GitHub,進入到這個官方網站,這個網站的性質是全世界最大的極客交流平臺,點選【sign up】進行賬號註冊,如果已經有了賬號,可以點選【sign in】進行登陸。。

怎樣在GitHub免費建立網站和域名?

註冊的時候需要填寫這個使用者名稱,電子郵箱和密碼,電子郵箱填寫自己正常使用的,因為到後面需要進行郵箱驗證。密碼需要複雜,包括字母和數字才能設定成功。

怎樣在GitHub免費建立網站和域名? 第2張

GitHub這裡有免費版和會員版,普通使用者點選第一個免費版本就可以正常使用建站功能了。

怎樣在GitHub免費建立網站和域名? 第3張

然後是一個問卷調查表,主要就是了解一下你的程式設計水平、自己的身份和註冊的目的。

怎樣在GitHub免費建立網站和域名? 第4張

註冊完成後會跳轉到下面的介面,點選【start a project】,意思是建立一個專案

怎樣在GitHub免費建立網站和域名? 第5張

在這裡需要驗證郵箱地址才能建立成功,這就是之前告訴大家註冊的時候要使用自己常用的郵箱的原因。

怎樣在GitHub免費建立網站和域名? 第6張

開啟自己的郵箱,登陸賬號,點選郵箱中的【verify your email】,就會再次跳轉到GitHub官網

怎樣在GitHub免費建立網站和域名? 第7張

這裡我們點選建立專案就可以正常建立了。

怎樣在GitHub免費建立網站和域名? 第8張

在倉庫中進行命名建立一個倉庫,倉庫用於存放網頁的程式碼,網頁的素材,可以交許可權設定為共享,或者是建私人可見。

怎樣在GitHub免費建立網站和域名? 第9張

建立成功之後呢,有一行選項卡,點選最後一個【setting】

怎樣在GitHub免費建立網站和域名? 第10張

介面向下滾動,找到【GitHub pages】,點選下面的主題,【choose a theme】

怎樣在GitHub免費建立網站和域名? 第11張

這裡,我們就選擇第一個主題,主要差別就是背景。

怎樣在GitHub免費建立網站和域名? 第12張

之後在程式碼也可以看到自己的使用者名稱以及這個倉庫名,程式碼在中間部位可以進行編輯。

怎樣在GitHub免費建立網站和域名? 第13張

那我們這個網站的網址是什麼呢?我們再次點選【setting】

怎樣在GitHub免費建立網站和域名? 第14張

同樣找到【GitHub pages】,在下面就會出現自己的網站域名,點選即可進行訪問

怎樣在GitHub免費建立網站和域名? 第15張

這裡就可以看到我們之前選中的主題,大概就是下面的這個樣子。

怎樣在GitHub免費建立網站和域名? 第16張

回到網頁程式碼編輯器,我們可以將程式碼進行修改,比如將網頁的這個前面幾個字改為 歡迎來到我的本站。

怎樣在GitHub免費建立網站和域名? 第17張

修改程式碼需要點選下面的儲存修改,然後進行提交,在介面底部有一個綠色按鈕,點選即可。

怎樣在GitHub免費建立網站和域名? 第18張

然後我們再訪問自己的網站,使用F5重新整理 ,如果你網頁修改的篇幅比較大,它這個伺服器會有快取的時間需要稍微等待一會兒才會在網頁上顯示。

怎樣在GitHub免費建立網站和域名? 第19張

怎樣將網頁分享給別人?
我們建立域名,設計網頁不是為了給自己看,需要通過一定的方法將網頁進行分享,這裡可以使用下面圖片中的工具將網頁,用二維碼分享給別人。

怎樣在GitHub免費建立網站和域名? 第20張

選中轉化網址,將網頁貼上過來,點選生成二維碼

怎樣在GitHub免費建立網站和域名? 第21張

二維碼的樣式可以修改,最主要的是可以將其下載下來。

怎樣在GitHub免費建立網站和域名? 第22張

之後我們就可以將這個二維碼,通過QQ,微信等方式分享給好友,讓我的網站得到充分的傳播。

怎樣在GitHub免費建立網站和域名? 第23張

特別提示

程式碼修改後不會立即同步,需要稍等。

熱門標籤