網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: IT技術 / 發佈於: / 人氣:2.75W

工具/材料

電子郵箱賬號

操作方法

通過搜狗搜索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張

特別提示

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