域名+解析+GitHub來(lái)搭建自己的個(gè)人網(wǎng)站
標(biāo)簽： GitHub使用技巧 網(wǎng)站搭建
摘要
本文主要介紹如何申請(qǐng)注冊(cè)域名，使用GitHub上的開(kāi)源項(xiàng)目來(lái)搭建一個(gè)網(wǎng)站/個(gè)人博客防嗡。由于無(wú)需購(gòu)買(mǎi)服務(wù)器变汪，所以沒(méi)有數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)，很適合建立自己的博客或者個(gè)人網(wǎng)站蚁趁，而不適合大型網(wǎng)站裙盾。本方法已經(jīng)經(jīng)過(guò)作者實(shí)際驗(yàn)證，真實(shí)有效，操作簡(jiǎn)單番官，適合沒(méi)有任何網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)的小白庐完。
最終效果
總流程
- 購(gòu)買(mǎi)域名
- 注冊(cè)GitHub賬號(hào)，并創(chuàng)建一個(gè)代碼倉(cāng)庫(kù)（repository）
- 編寫(xiě)網(wǎng)站代碼或者使用開(kāi)源的網(wǎng)站項(xiàng)目
- 將域名和剛創(chuàng)建的網(wǎng)站代碼倉(cāng)庫(kù)相關(guān)聯(lián)
具體步驟
1. 購(gòu)買(mǎi)域名
向域名提供商購(gòu)買(mǎi)域名徘熔。作者熟悉的域名提供商：
國(guó)外：godaddy
國(guó)內(nèi)：騰訊云门躯、阿里云
其余的可以百度/谷歌一下。申請(qǐng)方法步驟和步驟大同小異近顷。
由于作者還是在校生生音，針對(duì)在校生騰訊云和阿里云都提供了相應(yīng)的優(yōu)惠，在校生可以關(guān)注一下他們的優(yōu)惠信息窒升。godaddy也有一些優(yōu)惠碼缀遍，購(gòu)買(mǎi)域名之前可以搜索一些優(yōu)惠碼。
這里我選擇的是阿里云,注冊(cè)-驗(yàn)證-登錄饱须，找到其下的萬(wàn)網(wǎng)域醇，
在域名查詢(xún)欄中搜索自己想要的域名，
一般比較容易想到的別人都注冊(cè)了蓉媳，可以多試幾次譬挚，實(shí)在不行就購(gòu)買(mǎi)比較不常見(jiàn)的后綴（一級(jí)域名）的域名。
添加到訂單-支付-支付成功酪呻，于是你就有了屬于自己的域名了减宣。
在阿里云購(gòu)買(mǎi)的域名提供了云解析（就是將網(wǎng)站的IP地址和域名關(guān)聯(lián)起來(lái)），其他地方我不是很清楚玩荠，如果沒(méi)有漆腌，在購(gòu)買(mǎi)相應(yīng)的DNS（域名解析系統(tǒng)）的服務(wù)就可以了。由于無(wú)需購(gòu)買(mǎi)云服務(wù)器或者云主機(jī)阶冈，所需的花費(fèi)還是十分低廉的闷尿。
當(dāng)然選擇國(guó)內(nèi)的域名提供商還需要通過(guò)實(shí)名認(rèn)證，選擇實(shí)名認(rèn)證女坑，提交自己的身份信息填具，一般3-5個(gè)工作日就好了（實(shí)際上我的第一個(gè)域名審核通過(guò)只花了2天不到）。
這時(shí)候你就可以學(xué)習(xí)如何使用GitHub了匆骗。
2. 注冊(cè)GitHub賬號(hào)劳景，并創(chuàng)建一個(gè)代碼倉(cāng)庫(kù)（repository）
關(guān)于GitHub是什么，如何使用碉就，許多熱心的大牛們已經(jīng)寫(xiě)過(guò)很多相關(guān)介紹的文章了枢泰，這里推薦@StormZhang的從0開(kāi)始學(xué)習(xí) GITHUB 系列，語(yǔ)言通俗易懂铝噩，對(duì)于初步了解GitHub很有幫助衡蚂。
這里我只介紹與本文相關(guān)的GitHub說(shuō)明和使用窿克。GitHub，你可以初步認(rèn)為它就相當(dāng)于專(zhuān)門(mén)存放代碼的云盤(pán)毛甲，當(dāng)然年叮，GitHub的功能不止于此。
使用郵箱到github上注冊(cè)一個(gè)GitHub賬號(hào)玻募，推薦使用@hotmail/@outlook/@gmail或者自己學(xué)校的提供的郵箱后綴的郵箱注冊(cè)只损。
注冊(cè)-認(rèn)證-登錄，然后就可以開(kāi)始創(chuàng)建自己的代碼倉(cāng)庫(kù)了七咧。創(chuàng)建的方法@StormZhang的從0開(kāi)始學(xué)習(xí) GITHUB 系列跃惫，中也有詳細(xì)的介紹。對(duì)于本項(xiàng)目來(lái)說(shuō)也可以先不看艾栋。
3. 編寫(xiě)網(wǎng)站代碼或者使用開(kāi)源的網(wǎng)站項(xiàng)目
先別著急爆存，要是一點(diǎn)網(wǎng)站建立的經(jīng)驗(yàn)都沒(méi)有，最好使用開(kāi)源的項(xiàng)目蝗砾。GitHub是全世界最大的開(kāi)源項(xiàng)目社區(qū)先较，上面關(guān)于網(wǎng)站制作的項(xiàng)目非常多。
關(guān)于網(wǎng)站制作的比較著名開(kāi)源主題有jekyll悼粮、hexo等闲勺，可以從網(wǎng)站找到相應(yīng)創(chuàng)建網(wǎng)站的方法。這里我使用的大牛@onecat的開(kāi)源項(xiàng)目vno-jekyll主題扣猫。
一個(gè)簡(jiǎn)便的方法就是菜循，點(diǎn)擊右上角的fork，直譯是叉子申尤，也就是創(chuàng)建該項(xiàng)目的一個(gè)分支癌幕，自己進(jìn)行編輯，自己編輯的內(nèi)容不會(huì)和項(xiàng)目創(chuàng)建者的版本相沖突瀑凝。
點(diǎn)擊之后你就有了一個(gè)與之同名的項(xiàng)目序芦，現(xiàn)在它就是你的了臭杰。
還有兩步就可以搭建自己的網(wǎng)站了粤咪。接下來(lái)的工作，簡(jiǎn)單得超乎你的想象渴杆。
4. 將域名和剛創(chuàng)建的網(wǎng)站代碼倉(cāng)庫(kù)相關(guān)聯(lián)
GitHub為每個(gè)注冊(cè)的用戶(hù)提供了一個(gè)專(zhuān)有的[用戶(hù)名].github.io（只有一個(gè)）這樣一個(gè)網(wǎng)址寥枝，你就可以使用它來(lái)和自己購(gòu)買(mǎi)的域名相關(guān)聯(lián)。之所以不需要購(gòu)買(mǎi)服務(wù)器或者云主機(jī)磁奖，原因就在GitHub服務(wù)器會(huì)幫你托管這個(gè)[用戶(hù)名].github.io所用到的全部代碼囊拜，自動(dòng)運(yùn)行。
你要做的就是將剛剛fork的開(kāi)源網(wǎng)站項(xiàng)目和自己購(gòu)買(mǎi)的域名關(guān)聯(lián)起來(lái)比搭，還有最后三步就可完成冠跷。
-
倒數(shù)第三步
將剛才fork的項(xiàng)目，修改名稱(chēng)為[用戶(hù)名].github.io，用戶(hù)名就是你注冊(cè)GitHub使用的名稱(chēng)蜜托。
注：刪除某個(gè)項(xiàng)目抄囚，也是在setting中，頁(yè)面最下方橄务。
-
倒數(shù)第二步
在該項(xiàng)目下新建文件幔托，命名為CNAME,內(nèi)容為你的域名。
creat_newfile
-
最后一步
到自己的域名管理控制臺(tái)>>點(diǎn)擊解析>>進(jìn)入如下頁(yè)面蜂挪，添加如下信息：
記錄類(lèi)型：CNAME重挑，主機(jī)記錄：隨便填都行，記錄值一定要是[用戶(hù)名].github.io棠涮，TTL：從下拉選項(xiàng)中選擇一項(xiàng)谬哀。
解析成功。你的網(wǎng)站就建立成功了故爵。在瀏覽器地址欄輸入：
http://主機(jī)記錄值.域名
（例如www.blankspace.cn）,就可以轉(zhuǎn)到你自己的網(wǎng)站了玻粪。
當(dāng)然由于是開(kāi)源的項(xiàng)目，此時(shí)的界面是大牛@onecat的樣式和內(nèi)容诬垂，距離文章開(kāi)頭的樣式還需要進(jìn)行一定的修改劲室。至于如何修改，以及往其中添加新的頁(yè)面结窘，如何進(jìn)行文章的更新很洋，將在以后進(jìn)行介紹。感謝你的閱讀隧枫。
