轉自：https://zhuanlan.zhihu.com/p/91652100
首先，我霸都傲天申明絕對是完全免費，不會在文章中推銷什么雲服務器，虛擬主機等。而且操作步驟上手簡單，即使非IT人員也很容易實現。
局限：只能是靜態網站的個人網站
面向讀者：所有人包括非IT人員
首先如果你無法理解“靜態網站”的話，那么相信我，靜態網站就可以滿足你大部分個人網站的需求。其次這篇文章更多的是面向非IT人員，因為我寫這篇文章的原因是我的一個同學的故事：
我同學小A是律師，他想把自己處理過的一些案件記錄在自己的個人博客中，他已經注冊了公眾號。但是他始終覺得有個網站或者個人博客會顯得專業一些，而且還可以展示自己的個人履歷，把這個網站鏈接放在公眾號里面會顯得跟專業一些。“好吧，我明白了~”
而且學會自己搭建一個靜態網站是一個很酷的事情，你可以做一些很漂亮的宣傳頁，或者表達自我主張的個人博客，或者在我以前的文章里面給別人做一個網頁版生日祝福or紀念日等等。
所以開始吧~
前言
首先我們要用到的工具是著名的開源社區Github，我們做的靜態網站最終要托管在上面，這個功能叫做“Github Pages”，是一項免費的靜態文件部署服務。
雖然Github是國外的網站，但是在國內可以訪問並且速度還不錯！
有人擔心，如果以后Github被牆了怎么辦？
放心，即使被牆了，你學會如下的操作依然可以在類似的國內平台，例如碼雲等
1.申請Github賬號
（如果有賬號請直接登錄然后跳轉到教程下一步）
訪問Github，點擊SIGN UP按鈕。（Sign in是登錄的意思，應該都很好理解）還有Github是全英文的，沒有中文的哦親，但這不影響我們使用的。
注冊很簡單，只需要用戶名，密碼，郵箱即可，不需要手機號。（對了，用戶名用一個酷一點或者有意義一點的，因為它會出現在你的網址中）
注冊填寫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）
可以參考筆者的內容如下，改成你自己的介紹哦~
<p>Hello 大家好</p>
<p>我是霸都丶傲天，這是我的個人網站。 </p>
<p>很高興你來到這里, 你可以在以下的網站找到我</p>
<ul>
<li> <a href="https://www.zhihu.com/people/AJLoveChina">知乎</a> </li>
<li> <a href="http://hejie.nigeerhuo.com">我的博客(已經不更細了,現在在知乎寫文章)</a> </li>
</ul>3.查看網站的網址
到這里，我們一個最簡單的個人網站的代碼就完成了。接下來最重要的一步，我們需要知道網站的鏈接啊，只有這樣，別人才能訪問我們的網站呀。
1，點擊settings
2，然后往下翻找到 Github Pages， 看到綠色提示，后面的鏈接就是你的網站地址了，打開看看吧~
Tip：很多老鐵評論說這里看不到綠色框框，沒有URL。那是因為你的倉庫名稱與用戶名不一致，不過不用擔心，也是有辦法的，看下面的第二張圖片。
第一張圖片
第二張圖片(這里我設置成小圖防止誤導正常老鐵, 點擊可以放大圖)
3，點開網站看一下
完成！
其實細心的同學會發現，其實我們的網站地址和我們寫的倉庫名稱是一樣的，是滴！而且非常有個性的是我們的名字還出現在網站地址中。
筆者的Github倉庫&&網址：Git倉庫地址 http://zhihu1.github.io/
本來到這里這個教程已經結束了，但是我想有的同學肯定是不滿意的。首先你的這個網站做的太簡陋了吧，不是我想要的那種!
那好，其實學會這個教程就可以做下面兩個非常炫酷的小站點了，一個是生日祝福，一個是愛情紀念日。都是很有意義、很溫馨的題材哦：）
而且你也不是一定要做個人網站呀，也可以做個下面這樣的網頁小游戲咿呀：）
所以是這樣子的，我沒有演示復雜的網頁是因為它需要寫的代碼太多了，許多第一次接觸Github的老鐵，或者以前從來沒接觸過HTML的人就會有點陌生。
是的，這里我們提到了HTML，它就是網頁的描述語言，對HTML感興趣我推薦這些最好的免費自學網站。
- 國內的w3school （國內的w3School這兩年商業元素越來越濃厚了，不怎么推薦了）
- 國外的w3school 網絡條件好，並且英語還不錯的同學建議看國外的
- 但是業界最專業的的自學網站應該是這個 https://developer.mozilla.org/en-US/docs/Web/HTML （Mozilla基金會出的mdn文檔，絕對的大牛出品，質量把控）
后面一段時間，我還會出一些更高級的個人網站教程。所謂更高級不是說寫一大堆代碼，而是如何使用業界非常流行的靜態網站生成器來做個人網站。靜態網站生成器的英文說法叫做“static-site-generator”。我們只需要關注創作內容即可，這些工具可以幫助我們把網頁做的非常絢麗，非常的awesome！
Github上面有專門的相關主題，並且非常火，這里我給個截圖
Github上面有超過1500個靜態網站生成工具
最后，這篇文章的初衷還是寫給對編程知識不懂但是又感興趣的老鐵，以及剛上大學計算機系的后起新秀，做一個個人網站可以很大程度提高自己學習編程的動力，所以我覺得這是很有意義的一件事情。
感謝評論里的老鐵各位的建議，有些老鐵看了可能會疑惑，我來解答吧：
- wordpress確實是業界做博客類網站，或者也叫內容型網站的首選。它適合不會編程但是又想做出很絢麗博客的人，它有很多模板可以選擇，每一個模板就是一種風格樣式。它不在本次文章的推薦中是因為，使用wordpress需要購買主機或者wordpress專用虛擬主機，是需要付費的。
- @joey大佬提到了“用七牛，阿里之類的對象存儲服務做免費的cdn靜態網站”。確實在目前來看它們是比Github Pages可能更優秀的選擇。但是它們有推銷的嫌疑，所以我沒有推薦這些，類似還有騰訊的COS對象存儲，它們都有免費的額度，大概是一個月免費15GB流量，最高免費10GB文件存儲。對於大部分人來說這些是足夠的了。但是它的缺點也很明顯，未來可能需要付費以及需要自己購買域名（當然你也可以使用它免費提供的域名，很長很難記！因為它看起來像這樣子 Ukdalkdkl-china-shanghai-1。xxx。com ）