步驟：
1.跟著教程用Github創(chuàng)建個(gè)人網(wǎng)站（免費(fèi)）
2.買自己的專屬域名（付費(fèi)）
3.綁定第一步創(chuàng)建的網(wǎng)站和第二步買的域名（免費(fèi)）
重要的前言
請把本文和本文中提到的文章全部看完一遍或多遍后再動(dòng)手操作悯衬。
請把本文和本文中提到的文章全部看完一遍或多遍后再動(dòng)手操作弹沽。
所謂“免費(fèi)”
標(biāo)題中所說的“免費(fèi)”是指買個(gè)人域名之外的步驟，如果你要買個(gè)人域名的話，才需要花錢策橘。當(dāng)然如果你不需要把網(wǎng)站綁定到個(gè)人域名炸渡，不介意用github的次級(jí)域名，不嫌域名過長或缺乏個(gè)性丽已，就不用花錢去買域名了偶摔，完全可以用Github創(chuàng)建一個(gè)免費(fèi)的網(wǎng)站！
是否下載相關(guān)軟件
全部流程可以在網(wǎng)頁上操作促脉，不必下載正文推薦的教程中提到的Github桌面版辰斋、ruby、jekyll等瘸味。下載安裝這些軟件的話宫仗，操作起來效率會(huì)比較高。但是旁仿，這些軟件的安裝也挺麻煩的藕夫，尤其是ruby和jekyll，很多人摸了很多次黑才成功安裝枯冈，安裝后還得學(xué)習(xí)一點(diǎn)它們的代碼語言毅贮。如果你想先試試水，不想折騰太多尘奏，就不要下載軟件滩褥，其他步驟按照教程來，都在Github網(wǎng)頁上操作就好了炫加。
動(dòng)手操作之前
本人是個(gè)不懂代碼瑰煎、略懂英語的文科生，憑著淺薄的英語知識(shí)辨讀了幾個(gè)代碼庫俗孝，然后依據(jù)前人的模板搗鼓出了現(xiàn)在的博客：易漁愛翻譯酒甸。建議你按照教程動(dòng)手創(chuàng)建網(wǎng)站之前，先看一下網(wǎng)站成品的樣子赋铝，尤其請看一下這個(gè)本站指南插勤，里面有介紹了網(wǎng)站的一些功能和來歷。如果你覺得這個(gè)博客還不錯(cuò)革骨，請繼續(xù)往下翻农尖。如果你覺得它不怎么樣，也可以繼續(xù)往下翻~
噢苛蒲，如果之前沒接觸過Github的話卤橄，可以先看下這篇文章和里面的資源:
資源匯總：如何使用Github
個(gè)人經(jīng)驗(yàn)
我搭建博客的過程中完全沒有用到github的桌面版，也沒有安裝ruby之類的（雖然調(diào)查過臂外、研究過安裝方法）窟扑，因?yàn)槲掖罱ňW(wǎng)站時(shí)用的電腦既老舊又低端喇颁，沒法安裝這些東東。也就是說嚎货，我全部都是在github的網(wǎng)頁上操作的橘霎。這樣就免去了學(xué)習(xí)ruby或git的代碼語言這樣的麻煩了，只是效率有點(diǎn)低殖属，因?yàn)橛蟹?wù)器延時(shí)之類的問題姐叁，但我體會(huì)到的延時(shí)頂多也就幾分鐘∠聪裕總之外潜，你的操作沒有見到效果時(shí)就一直刷新瀏覽器，或重啟瀏覽器再刷新~
實(shí)際步驟
1.看教程挠唆，一步步操作处窥。
教程見這里提到的文章，或下方列出的兩個(gè)教程玄组，全部看完后再操作滔驾。
沒有買自己的域名的話，就先用github的域名俄讹，這種域名的格式是[你的用戶名.github.io]哆致，比如我的github用戶名是CandaceYcan，我用github創(chuàng)建的網(wǎng)站域名就是CandaceYcan.github.io患膛。體現(xiàn)在Github上就是你有一個(gè)名稱為[你的用戶名.github.io]的庫摊阀，這個(gè)庫里放了你的個(gè)人網(wǎng)站的代碼。在沒買自己的獨(dú)立域名時(shí)剩瓶，我就是先用的github.io域名打造網(wǎng)站的驹溃。等你買了獨(dú)立域名，網(wǎng)站建成后可以再綁定買到的域名延曙，一開始沒有個(gè)人域名也不影響建站。
教程一：利用 GitHub Pages 快速搭建個(gè)人博客 - 簡書
教程二：Github+Jekyll 搭建個(gè)人網(wǎng)站詳細(xì)教程 - Blog - Leach Chen
上面兩個(gè)教程建成的網(wǎng)站風(fēng)格截然不同亡哄，建議先把兩個(gè)教程都看一遍枝缔，決定一下你喜歡哪個(gè)網(wǎng)站的風(fēng)格（比如文字為主、圖片為主蚊惯、搜索功能愿卸、文件夾分類、標(biāo)簽分類等）截型，然后再去github上fork相應(yīng)的代碼趴荸、一點(diǎn)點(diǎn)打造成自己需要的樣子。
另外宦焦，上面的兩個(gè)教程非常詳細(xì)的介紹了用github建個(gè)人網(wǎng)站的步驟发钝，但是顿涣，我們不一定非要去fork它們的代碼來建站。其實(shí)酝豪，我建完自己的網(wǎng)站后涛碑，又發(fā)現(xiàn)了一些其他利用github建個(gè)人網(wǎng)站的例子，而且那些大神的代碼庫都可以看到孵淘，也有的大神愿意讓別人用他的代碼蒲障。所以，你有探索精神的話瘫证，可以去瞅瞅別的網(wǎng)站和相應(yīng)的代碼揉阎，結(jié)合前人的經(jīng)驗(yàn)，打造成具有自己風(fēng)格的網(wǎng)站背捌。
我把看到的一些網(wǎng)站的代碼庫fork到自己的Github賬戶了毙籽，歡迎去參考：我在Github上的repositories，基本上名稱格式是username.github.io的庫都是一些網(wǎng)站的代碼庫载萌。
2.買自己的域名
看完各種教程惧财，建出了自己的網(wǎng)站后，回望一下走過的直路或彎路扭仁，如果確定要在個(gè)人網(wǎng)站這條路上繼續(xù)走下去垮衷，而且對(duì)獨(dú)立域名很執(zhí)著，那么可以去買自己的域名了乖坠。
至于在哪兒買域名搀突，我最初關(guān)注的是阿里云，因?yàn)榭辞懊娴慕坛虝r(shí)發(fā)現(xiàn)有人買得挺便宜熊泵。問題是仰迁，在這里買后需要實(shí)名、得備案顽分，否則沒法用買的域名徐许，感覺好麻煩啊。
查找了解一番后卒蘸，看到有人說可以在國外的域名注冊商那里買域名雌隅，這樣就不用實(shí)名、備案之類的了缸沃。很巧的是恰起，看到多人推薦namesilo，它支持支付寶付款趾牧，這點(diǎn)相當(dāng)方便检盼。也可以使用優(yōu)惠碼，憑優(yōu)惠碼可以省1美元翘单。
歡迎使用我在namesilo的優(yōu)惠碼 ifanyi吨枉，這個(gè)碼的有效期至2020-12-31蹦渣，在這個(gè)日期之前用這個(gè)碼，你就可以省1美元东羹。如果你的訂單符合namesilo的一些條件剂桥，比如是新注冊、新用戶的新域名之類的属提，我似乎也會(huì)得一點(diǎn)好處~
namesilo下單頁面和優(yōu)惠碼的使用方法見下圖：
關(guān)于namesilo的拓展閱讀：
Namesilo常見問題大全 - 簡書
英文建站必備：Namesilo 購買注冊流程 - weed8 - 博客園
3.解析/綁定域名权逗。
這一步就是把你買的域名和你用github建的網(wǎng)站綁定起來。成功完成這一步后冤议，就能通過你自己的域名來訪問第一二步創(chuàng)建的域名為username.github.io的個(gè)人網(wǎng)站了斟薇。
我的域名解析/綁定方法：
我是在namesilo買的域名，所以對(duì)于在別家買域名的同學(xué)恕酸，下面的方法不太適用堪滨。
1.登錄你的Github賬戶，找到你的名稱為username.github.io的這個(gè)庫蕊温，在里面找到CNAME文件（沒有的這個(gè)文件話就創(chuàng)建一個(gè)袱箱，基本上前面提到的教程的代碼庫里都會(huì)有這個(gè)文件），在里面輸入你買的個(gè)人域名义矛，注意不帶http或者www哦发笔，你買的時(shí)候是什么就烈軍屬什么，比如你買的是aaaab.abc凉翻，那么這個(gè)文件里就輸入aaaab.abc了讨，不加http或www。
- 在namesilo中制轰，點(diǎn)擊Manage My Domains前计，找到你要用的域名障斋，在右側(cè)找藍(lán)色小球的圖標(biāo)埋心，鼠標(biāo)放在上面會(huì)提示“Manage DNS for this domain”，點(diǎn)擊它糟袁，在出現(xiàn)的頁面找DNS Templates（如下圖）调俘，下面有很多主流空間的解析模板势就，找到Github，點(diǎn)擊后面的Apply Template脉漏，會(huì)彈出一個(gè)窗口，告訴你DNS的變動(dòng)袖牙，點(diǎn)確定(Add)侧巨。
DNS.jpg
3.頁面跳轉(zhuǎn)后，會(huì)在新頁面看到一個(gè)表格鞭达，里面的第二列有四個(gè)A司忱，一個(gè)CNAME皇忿。在CNAME這一行的末尾，點(diǎn)擊那個(gè)鉛筆圖標(biāo)坦仍，就是Edit那一列的鳍烁，然后會(huì)出現(xiàn)新頁面，把里面的Address / Value換成你在前面步驟上創(chuàng)建的Github域名繁扎，即username.github.io幔荒，比如我自己的是candaceycan.github.io。如下圖：
完成上面的操作后梳玫，無論你在瀏覽器的地址欄輸入username.github.io爹梁，還是你新買的域名aaaab.abc，訪問的都是你根據(jù)前面教程創(chuàng)建的網(wǎng)站提澎。
在解析域名這一步姚垃，不少帖子推薦DNSPod，也有人說使用namesilo默認(rèn)的解析方法的話會(huì)比較慢盼忌，畢竟它是國外的积糯，可是我把個(gè)人域名配置到github就是用的namesilo自帶的github解析模板（就是前面提到template的地方），而且我都是在網(wǎng)頁操作的谦纱，并沒有等幾小時(shí)哦看成，每次操作頂多等幾分鐘，很快就能用自己的域名訪問個(gè)人網(wǎng)站了服协。
另外绍昂，看解析域名的帖子，有人不少人提到設(shè)置@值偿荷，我因?yàn)橛昧四０寰接危]有輸入@，我也不知道怎么回事跳纳，反正現(xiàn)在能用自己的域名訪問個(gè)人網(wǎng)站了忍饰。
也有人強(qiáng)調(diào)A值（見圖CNAME.jpg）有兩個(gè)就夠了，但是我用模板后寺庄，系統(tǒng)自動(dòng)生出了四個(gè)艾蓝，我不懂怎么改，也不敢擅自改斗塘，就這樣了赢织，反正現(xiàn)在能用自己的域名訪問個(gè)人網(wǎng)站了。
大攻告成
好了馍盟，看完教程于置，一步步操作后，你就有自己的網(wǎng)站了贞岭。
厚一下臉皮
如果覺得本文對(duì)你有任何幫助八毯，歡迎到Github給我的Github項(xiàng)目搓侄，亦即我的個(gè)人網(wǎng)站的代碼庫點(diǎn)一個(gè)star或fork，也歡迎轉(zhuǎn)發(fā)话速、分享讶踪、喜歡本文～謝謝
