一、工作準(zhǔn)備
搭建個(gè)人主頁(yè)需要做的準(zhǔn)備工作有兩個(gè):
1)眼虱、注冊(cè)Github賬號(hào)马胧,注冊(cè)Github賬號(hào)是免費(fèi)的,
Github網(wǎng)站地址:https://github.com/github
點(diǎn)擊Sign up進(jìn)入注冊(cè)頁(yè)面滋将,總共有三步邻悬,按照步驟填入相應(yīng)的信息即可。
第一步:
第二步:
第三步:
注冊(cè)步驟完成之后點(diǎn)擊郵箱驗(yàn)證后随闽,就注冊(cè)成功了父丰。
2)、注冊(cè)(購(gòu)買)域名
二掘宪、創(chuàng)建個(gè)人主頁(yè)的項(xiàng)目
登錄 GitHub 之后蛾扇,在頁(yè)面右上角點(diǎn)擊 + 加號(hào)按鈕,點(diǎn)擊 New repository添诉。
由于是個(gè)人網(wǎng)站的項(xiàng)目屁桑,那么項(xiàng)目名就要按照規(guī)定來(lái)寫
規(guī)則是:
YOUR-GITHUB-USERNAME.github.io
比如我的Github用戶名為onestravel1,那么項(xiàng)目名則應(yīng)該是:onestravel1.github.io
點(diǎn)擊create Repository 就可以成功創(chuàng)建個(gè)人主頁(yè)項(xiàng)目了栏赴。
(http://upload-images.jianshu.io/upload_images/3236417-7249a4d0fabda949.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
點(diǎn)擊Settings進(jìn)入項(xiàng)目設(shè)置界面
然后再 GitHub Pages 選項(xiàng)中點(diǎn)擊 choose a theme 按鈕蘑斧,選擇一個(gè)初始的個(gè)人主頁(yè)樣式
選擇一個(gè)樣式的主頁(yè)模板
點(diǎn)擊 select theme 按鈕之后,就會(huì)自動(dòng)生成初始化的頁(yè)面主題须眷,進(jìn)入代碼提交界面竖瘾,填入提交日志,點(diǎn)擊commit changes 提交代碼花颗。
提交完成之后捕传,就可以通過(guò)剛才創(chuàng)建時(shí)的項(xiàng)目名稱進(jìn)行訪問(wèn)了
例如:https://onestravel1.github.io
到此,利用Github創(chuàng)建個(gè)人主頁(yè)的第一步就完成了扩劝。后面可以通過(guò)git工具把該項(xiàng)目clone到本地庸论,然后進(jìn)行頁(yè)面的更改和優(yōu)化后职辅,提交到該倉(cāng)庫(kù)中。則編寫的代碼會(huì)立即生效聂示。
三域携、將域名映射到個(gè)人主頁(yè)項(xiàng)目
先在阿里云上進(jìn)行域名的申請(qǐng),域名申請(qǐng)過(guò)程就不在這里詳述了鱼喉。比如秀鞭,我申請(qǐng)的域名為:onestravel.win,打開(kāi)阿里云官網(wǎng)扛禽,找到控制臺(tái)->域名管理
在域名管理頁(yè)面锋边,可以看到域名列表,剛申請(qǐng)的域名编曼,要記得進(jìn)行實(shí)名認(rèn)證豆巨,因?yàn)槲疑暾?qǐng)的是.win的域名,這兩天不能進(jìn)行實(shí)名認(rèn)證灵巧,所以顯示未實(shí)名認(rèn)證搀矫。在右側(cè)可以看到 【續(xù)費(fèi)|解析|管理】 的按鈕,點(diǎn)擊 解析 按鈕刻肄,看到下面的界面
點(diǎn)擊添加解析
可以看到瓤球,這里添加解析需要填寫的信息,
記錄類型:默認(rèn)選擇 A
主機(jī)記錄:主機(jī)記錄需要添加兩個(gè)敏弃,分兩次添加解析卦羡,分別為 www 和 @ ,不分先后麦到,這次填 www
解析線路:選擇 默認(rèn)
TTL值:默認(rèn) 10分鐘绿饵,不需要改動(dòng)
記錄值:這里需要個(gè)人主頁(yè)項(xiàng)目的IP,那么問(wèn)題來(lái)了瓶颠,怎么拿到個(gè)人主頁(yè)項(xiàng)目的IP呢拟赊,其實(shí)很簡(jiǎn)單,打開(kāi)電腦終端(Mac)或者命令行(Windows)粹淋,在命令行中輸入命令 ping [個(gè)人主頁(yè)項(xiàng)目原域名]吸祟,比如:
ping onestravel1.github.io
即可得到該項(xiàng)目對(duì)應(yīng)的IP地址
將得到的IP地址填入到記錄值中
然后點(diǎn)擊確定,再添加一個(gè)解析桃移,主機(jī)記錄值填寫 @ 屋匕,其他值都和上面一樣,點(diǎn)擊添加借杰,即可得到兩條解析記錄如下:
然后再個(gè)人主頁(yè)項(xiàng)目中創(chuàng)建名為CNAME的文件过吻,在文件中寫入你申請(qǐng)的域名,點(diǎn)擊保存到你的github的個(gè)人主頁(yè)項(xiàng)目中蔗衡,就可以通過(guò)域名來(lái)訪問(wèn)你的個(gè)人主頁(yè)了纤虽!