如何用github搭建個(gè)人網(wǎng)站
前提
1.已經(jīng)有屬于自己的域名,可以在阿里云上搞個(gè),很便宜
2.會(huì)git的基本操作,懂得如何將自己的項(xiàng)目推到github上
3.沒了,就這么簡(jiǎn)單
總體思路
要在github上搭建個(gè)人網(wǎng)站我們可以分兩步走弥鹦，
- 在github上搭建網(wǎng)站 即username.github.io（username是你的github用戶名）
- 把自己的域名（如zhangsan.com）綁定到username.github.io上
完成這兩步就可以通過zhangsan.com訪問你在github上搭建的網(wǎng)站了
首先在github上搭建網(wǎng)站
要使用github，首先你得有個(gè)github賬號(hào)，沒有的趕緊去注一個(gè)，超級(jí)好用的。好了抡句，現(xiàn)在默認(rèn)你已經(jīng)有了github賬號(hào)且用戶名是username。
首先我們要新建一個(gè)repository，將Repository name那一欄設(shè)置為username.github.io睬愤，
這是github分配給每個(gè)用戶的github page地址，要使用它只用新建一個(gè)名字為username.github.io的倉庫就行了佳谦，倉庫里面存放你的個(gè)人主頁代碼戴涝。倉庫建好后，應(yīng)該是這樣的钻蔑。
直接點(diǎn)擊README那幾個(gè)藍(lán)色字的任意一個(gè)啥刻，進(jìn)入編輯頁面，將文件名設(shè)為index.html咪笑，內(nèi)容隨意寫
點(diǎn)擊保存可帽，回到倉庫我們發(fā)現(xiàn)里面多了個(gè)index.html文件，這就是你的主頁文件窗怒。
現(xiàn)在我們?cè)趃ithub上的主頁就搭建完成了映跟，只要在地址欄輸入username.github.io就可以訪問你的主頁了（前提是你的倉庫里有index.html或類似的文件，沒有就新建一個(gè)文件扬虚，里面隨便寫點(diǎn)什么努隙，存為index.html就行了）。
將username.github.io與自己的域名關(guān)聯(lián)
其實(shí)對(duì)于一般的需求辜昵，把username.github.io當(dāng)自己的主頁也是可以的荸镊。但我們?nèi)绻凶约旱挠蛎脑挘耆梢灾苯油ㄟ^自己的域名來訪問username.github.io堪置，這才叫真–個(gè)人主頁嘛躬存。
將自己的域名與github上的主頁相關(guān)聯(lián)也得分兩步，
在github端將域名綁定到username.github.io
-
在域名端將DNS指向username.github.io
首先我們操作github端舀锨，
第一步：進(jìn)入我們剛剛新建的倉庫岭洲，點(diǎn)擊setting進(jìn)入設(shè)置界面
這里寫圖片描述第二步：進(jìn)入設(shè)置界面后找到github pages欄
這里寫圖片描述第三步：將custom domain設(shè)置為自己的域名如zhangsan.com點(diǎn)擊保存
至此我們github端的設(shè)置就完成了，另外坎匿，上圖中的Theme chooser欄可以選擇網(wǎng)站的模板盾剩，不會(huì)寫網(wǎng)站同學(xué)有福了雷激！
完成后我們回到倉庫，發(fā)現(xiàn)里面多了一個(gè)叫CNAME的文件彪腔，
這里寫圖片描述文件的內(nèi)容就是我們剛才綁定的域名 zhangsan.com 侥锦，其實(shí)我們也可以完全不經(jīng)過以上三步，直接在倉庫里新建一個(gè)名為CNAME（注意沒有后綴）的文件德挣，將我們的域名寫在里面就行了恭垦，效果是一樣的。
github端的工作完成后格嗅，只是訪問username.github.io時(shí)會(huì)重定向到zhangsan.com番挺，但目前我們的zhangsan.com還是沒有內(nèi)容的，因此我們需要在域名端將zhangsan.com通過dns解析到user.github.io屯掖，也就是我們?cè)趃ithub上的空間中來玄柏。
以阿里云為例：
第一步：進(jìn)入域名解析設(shè)置界面
這里寫圖片描述第二步： 添加解析
這里寫圖片描述由于我們這里是將域名解析到另外一個(gè)域名，因此記錄類型欄我們選擇CNAME（別名解析）贴铜，主機(jī)記錄欄由于我們用的是二級(jí)域名zhangsan.com 因此選擇@（空粪摘，如果出現(xiàn)錯(cuò)誤提示，刪掉其他這一欄為@的解析記錄即可）绍坝，如果我們要用三級(jí)域名www.zhangsan.com就填寫www徘意，依此類推。記錄值欄填寫我們要解析到的域名轩褐，這里寫上username.github.io就可以了椎咧。點(diǎn)擊保存，等個(gè)幾分鐘DNS就會(huì)生效了把介。
至此我們的域名和github主頁的雙向綁定就完成了勤讽，只需要在瀏覽器中訪問zhangsan.com就可以看到我們?cè)趃ithub上放置的個(gè)人主頁了。
另外我們還可以再新建一條解析記錄拗踢，將主機(jī)記錄欄選為www其余欄與上面一樣脚牍，這樣zhangsan.com和www.zhangsan.com都會(huì)解析到username.github.io 。由于github自帶的重定向功能巢墅，當(dāng)username綁定為zhangsan.com時(shí)诸狭，來自www.zhangsan.com的解析也會(huì)被重定向到zhangsan.com上，
這里寫圖片描述這樣我們?cè)跒g覽器地址欄輸入這兩個(gè)網(wǎng)址時(shí)都會(huì)進(jìn)入zhangsan.com砂缩。當(dāng)然我們也可以在github端綁定www.zhangsan.com作谚，這樣就和百度一樣不論輸不輸入www都會(huì)進(jìn)入www.baidu.com一樣了三娩，是不是很酷庵芭！
在github上搭建個(gè)人網(wǎng)站有幾個(gè)好處：
- 不用花錢，哈哈哈雀监，真是我等窮人的福利
- 由于服務(wù)器在國外双吆，不用備案眨唬，懶人必備呀
- 代碼維護(hù)方便，用過的github人都知道
缺點(diǎn)就是空間較小好乐，只能支持較為簡(jiǎn)單的服務(wù)匾竿，但作為個(gè)人小站來講已經(jīng)足矣。
