這篇文章主要講如何擁有自己的專屬域名。你可以在屬于自己的網(wǎng)頁上展示你的github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。
玉剛大神說過:樹立個人品牌:讓名企hr們主動來找你
有了個人網(wǎng)站,可能就又多了一些學(xué)(zhuang)習(xí)(bi)的動力吧!
所以,擁有自己的網(wǎng)站,算是邁出了第一步!
域名怎么來的
好吧~ 我的域名是這么來的…
這里我們先選擇第二個,BAT中的A。
輸入你想注冊的域名,查詢這個域名是否被別人注冊了。
Tips:
我的域名是goileo.top,為了演示注冊過程,顯示未注冊狀態(tài),所以這里以goileolee.top為例
這里我選擇了一個 .top的域名。
什么?
“我為什么選.top后綴的?”
額…
這個問題就觸及到我的資產(chǎn)盲區(qū)了。
因?yàn)樗亲睢百F”的?。?!
接下來,加入清單,結(jié)賬。
至此,這個域名就是你的了。
域名注冊成功后,需要進(jìn)行實(shí)名認(rèn)證。
不過你還得對它進(jìn)行解析,這個我們下面詳細(xì)說。
這時(shí)的域名什么都做不了,因?yàn)闆]有服務(wù)器,阿里的服務(wù)器可不免費(fèi)。所以接下來介紹GitHub Pages。
免費(fèi)的服務(wù)器 GitHub Pages
什么是GitHub Pages?
GitHub Pages is a static site hosting service
簡單說,它能提供給你1G空間的存儲,讓你放東西,然后還能請求到。是不是很6…
GitHub Pages也有一些限制條件,我們主要用GitHub Pages來做個人站點(diǎn),所以一切OK。
不過也有人認(rèn)為 用GitHub Pages做個人網(wǎng)站是不道德的
接下來,登錄github.com,點(diǎn)擊右上方頭像旁的加號new repository。倉庫名字為固定格式:
你的名字.github.io
描述… 公開… 初始化README…
倉庫創(chuàng)建好了,這時(shí)你可以寫一個簡單的index.html文件放到倉庫里,然后在瀏覽器中輸入:你的名字.github.io/試試。
如:http://goileolee.github.io
有神奇的效果…
域名與GitHub Pages相綁定
解析域名:
打開阿里云https://xintu.aliyun.com/
登錄賬號
打開控制臺
點(diǎn)擊解析
添加一個記錄類型為CNAME,主機(jī)記錄為@,記錄值為github的倉庫路徑。
Tips:
記錄類型和主機(jī)記錄都有解釋,很好理解。
記錄值就是你希望請求域名跳轉(zhuǎn)到的路徑。
TTL值可以理解為緩存時(shí)間,這里是每10分鐘刷新一次域名的記錄值。
調(diào)試可以設(shè)置小點(diǎn),正常使用后記錄值不會輕易發(fā)生更改,可以將TTL值設(shè)置大一點(diǎn)。
看上圖,主機(jī)記錄決定了解析后的域名。如果需要實(shí)現(xiàn)帶或不帶xintu都能訪問到網(wǎng)址,則建議同時(shí)添加一個主機(jī)記錄為xintu的解析。
Tips:
這里注意一下:因?yàn)橘I域名的同時(shí)會有一個企業(yè)郵箱,Aliyun會默認(rèn)生成郵箱的解析記錄。
其中記錄類型有txt和mx的,會影響到CNAME類型的解析。
阿里攻城獅大佬講得很清楚了,所以刪除TXT和MX類型的解析就好了。
為倉庫(你的名字.github.io)添加CNAME文件
在倉庫頁面點(diǎn)擊Create new file,創(chuàng)建一個新文件;
文件名為CNAME;
內(nèi)容為剛剛申請的域名goileolee.top
Tips:
沒有xintu,表示解析到http://goileolee.top
請求流程為:
http://xintu.goileolee.top --> http://goileolee.github.io --> http://goileolee.top
至此,完成綁定!
寫在后頭
現(xiàn)在已經(jīng)可以通過訪問自己的專屬域名來打開指定網(wǎng)頁。
我們的目的是搭建個人網(wǎng)站,不過,網(wǎng)站如何設(shè)計(jì)得需要前段技術(shù)HTML、CSS、JS,這就觸及到我的知識盲區(qū)了。。哈哈,別急這里提供兩種方式。
1、跳轉(zhuǎn)到已有的博客
<script>
;
</script>
2、運(yùn)用GitHub上開源的框架
在GitHub上搜jekyll、hexo即可。
我的站點(diǎn)用到的開源主題是基于Vno-jekyll框架的更改,我自己做了點(diǎn)修改,加了目錄和關(guān)于兩個頁面。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長刪除。
轉(zhuǎn)載請注明出處http://macbookprostickers.com/xintu/13898.html