1. 程式人生 > 實用技巧 >使用Github做一個完全免費的個人網站

使用Github做一個完全免費的個人網站

前言

首先我們要用到的工具是著名的開源社群Github,我們做的靜態網站最終要託管在上面,這個功能叫做“Github Pages”,是一項免費的靜態檔案部署服務。

雖然Github是國外的網站,但是在國內可以訪問並且速度還不錯!

有人擔心,如果以後Github被牆了怎麼辦?
放心,即使被牆了,你學會如下的操作依然可以在類似的國內平臺,例如碼雲等

1.申請Github賬號

(如果有賬號請直接登入然後跳轉到教程下一步)

訪問Github,點選SIGN UP按鈕。(Sign in是登入的意思,應該都很好理解)還有Github是全英文的,沒有中文的哦親,但這不影響我們使用的。

註冊很簡單,只需要使用者名稱,密碼,郵箱即可,不需要手機號。(對了,使用者名稱用一個酷一點或者有意義一點的,因為它會出現在你的網址中)

接著,Github會問你是否需要付費使用。這裡選擇不用,因為Github提供的免費服務已經能滿足大部分人包括開發者的需要了。付費服務主要是面向團隊以及企業。

後面還會有一些步驟,大概意思就是問你想用Github做什麼,你對Git的熟練程度,(感覺像是moba遊戲新手調研都會這麼做)因為Github網站迭代的原因可能會稍有不同。比如筆者這裡試的時候是這樣子的。



然後Github會給你註冊的郵箱傳送一個確認連結,請點選連結確認,不啟用的話是無法正常使用Github的服務的。這個是Github的反爬蟲系統。(題外話:Github的反爬蟲系統很強很強!)

如果收件箱沒有看到,那麼不用想了,一定在垃圾箱裡面!

到這裡我們的註冊就完成了。
2.建立一個倉庫

接下來我們要建立一個倉庫,倉庫就是儲存程式碼的地方,也就是儲存網站的地方。這裡我們做一個最簡單的網站:個人簡歷。

1,首先點選“Your repositories”,檢視個人全部倉庫,第一次肯定是空空如也啊。

2,接著我們新建一個倉庫

3,這一步很重要,倉庫的名字不可以隨便寫,必須是 <我的名字>.github.io

比如我註冊的名字是 zhihu1,所以這裡我建立的倉庫的名字必須是 : http://zhihu1.github.io

4,接著下一步頁面會比較複雜,你會看到一大堆看不懂的東西,其實那些事git操作提示。如果你熟練git的話就知道了。不過我們不管這些,我們只需要建立一個新的檔案就行啦!

5,新檔案的名字不可以亂寫哦,必須是 index.html,這裡大家都一樣都寫這個。(題外話:靜態http檔案託管服務的預設訪問檔案就是index.html)

可以參考筆者的內容如下,改成你自己的介紹哦~

Hello 大家好

我是霸都丶傲天,這是我的個人網站。

很高興你來到這裡, 你可以在以下的網站找到我

3.檢視網站的網址

到這裡,我們一個最簡單的個人網站的程式碼就完成了。接下來最重要的一步,我們需要知道網站的連結啊,只有這樣,別人才能訪問我們的網站呀。

1,點選settings

2,然後往下翻找到 Github Pages, 看到綠色提示,後面的連結就是你的網站地址了,開啟看看吧~

Tip:很多老鐵評論說這裡看不到綠色框框,沒有URL。那是因為你的倉庫名稱與使用者名稱不一致,不過不用擔心,也是有辦法的,看下面的第二張圖片。


3,點開網站看一下

完成!

其實細心的同學會發現,其實我們的網站地址和我們寫的倉庫名稱是一樣的,是滴!而且非常有個性的是我們的名字還出現在網站地址中。

筆者的Github倉庫&&網址:Git倉庫地址 http://zhihu1.github.io/