這篇文章主要講如何擁有自己的專屬域名。你可以在屬于自己的網(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ū)了。
因為它是最“貴”的?。?!
接下來,加入清單,結(jié)賬。
至此,這個域名就是你的了。
域名注冊成功后,需要進行實名認證。
不過你還得對它進行解析,這個我們下面詳細說。
這時的域名什么都做不了,因為沒有服務(wù)器,阿里的服務(wù)器可不免費。所以接下來介紹GitHub Pages。
免費的服務(wù)器 GitHub Pages
什么是GitHub Pages?
GitHub Pages is a static site hosting service
簡單說,它能提供給你1G空間的存儲,讓你放東西,然后還能請求到。是不是很6…
GitHub Pages也有一些限制條件,我們主要用GitHub Pages來做個人站點,所以一切OK。
不過也有人認為 用GitHub Pages做個人網(wǎng)站是不道德的
接下來,登錄github.com,點擊右上方頭像旁的加號new repository。倉庫名字為固定格式:
你的名字.github.io
描述… 公開… 初始化README…
倉庫創(chuàng)建好了,這時你可以寫一個簡單的index.html文件放到倉庫里,然后在瀏覽器中輸入:你的名字.github.io/試試。
如:http://goileolee.github.io
有神奇的效果…
域名與GitHub Pages相綁定
解析域名:
打開阿里云https://xintu.aliyun.com/
登錄賬號
打開控制臺
點擊解析
添加一個記錄類型為CNAME,主機記錄為@,記錄值為github的倉庫路徑。
Tips:
記錄類型和主機記錄都有解釋,很好理解。
記錄值就是你希望請求域名跳轉(zhuǎn)到的路徑。
TTL值可以理解為緩存時間,這里是每10分鐘刷新一次域名的記錄值。
調(diào)試可以設(shè)置小點,正常使用后記錄值不會輕易發(fā)生更改,可以將TTL值設(shè)置大一點。
看上圖,主機記錄決定了解析后的域名。如果需要實現(xiàn)帶或不帶xintu都能訪問到網(wǎng)址,則建議同時添加一個主機記錄為xintu的解析。
Tips:
這里注意一下:因為買域名的同時會有一個企業(yè)郵箱,Aliyun會默認生成郵箱的解析記錄。
其中記錄類型有txt和mx的,會影響到CNAME類型的解析。
阿里攻城獅大佬講得很清楚了,所以刪除TXT和MX類型的解析就好了。
為倉庫(你的名字.github.io)添加CNAME文件
在倉庫頁面點擊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è)計得需要前段技術(shù)HTML、CSS、JS,這就觸及到我的知識盲區(qū)了。。哈哈,別急這里提供兩種方式。
1、跳轉(zhuǎn)到已有的博客
<script>
;
</script>
2、運用GitHub上開源的框架
在GitHub上搜jekyll、hexo即可。
我的站點用到的開源主題是基于Vno-jekyll框架的更改,我自己做了點修改,加了目錄和關(guān)于兩個頁面。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長刪除。
轉(zhuǎn)載請注明出處http://macbookprostickers.com/xintu/14081.html