1.介紹
介紹下本文的內(nèi)容矢劲,首先使用GitHub Pages來搭建主頁,然后購買一個(gè)域名甸各,把域名解析到主頁垛贤,就可以直接通過域名來訪問個(gè)人主頁了。
看下最終的效果痴晦,在瀏覽器地址欄輸入域名www.yangle.tech南吮,即可訪問個(gè)人主頁。
2.搭建主頁
首先在GitHub上新建一個(gè)倉庫誊酌,倉庫名稱規(guī)則為:你的GitHub賬號(hào).github.io部凑,點(diǎn)擊Create repository創(chuàng)建。
創(chuàng)建好倉庫后碧浊,需要將倉庫克隆到本地涂邀,在根目錄新建一個(gè)index.html文件,將下面的html代碼復(fù)制到文件中箱锐,然后使用Git提交一下比勉,推送到GitHub上。
<html>
<body>
<h1>我的個(gè)人主頁</h1>
</body>
</html>
到這里一個(gè)簡(jiǎn)單的主頁就搭建完成了驹止,默認(rèn)地址是alidili.github.io浩聋,打開瀏覽器輸入地址就會(huì)直接顯示index.html中的內(nèi)容。
我的主頁是在網(wǎng)上找的模板改的臊恋,了解網(wǎng)頁設(shè)計(jì)的同學(xué)也可以自己發(fā)揮一下衣洁,替換掉剛才的index.html文件就可以了。
3.域名設(shè)置
域名購買與解析
首先需要注冊(cè)一個(gè)域名抖仅,我是在萬網(wǎng)注冊(cè)的坊夫,戳這里進(jìn)入,搜索你想要注冊(cè)的域名撤卢,如果提示未注冊(cè)的話就可以直接購買了环凿。
購買完成后,進(jìn)入萬網(wǎng)的管理控制臺(tái)放吩,選擇云解析DNS智听,找到你已經(jīng)購買的域名,點(diǎn)擊解析。
點(diǎn)擊添加解析
-
主機(jī)記錄到推,填寫下面兩種記錄就可以了
www:將域名解析為www.example.com忽洛。
@:將域名解析為example.com(不帶www)。
-
記錄值填寫151.101.100.133环肘,或者ping一下你的主頁地址欲虚。
ping alidili.github.io
其余選項(xiàng)直接默認(rèn)就可以了
注意:域名解析設(shè)置完成后不會(huì)立即生效,可以按照萬網(wǎng)上的方法修改公共DNS悔雹,讓解析設(shè)置實(shí)時(shí)生效复哆。
CNAME
在倉庫的根目錄新建一個(gè)CNAME文件,內(nèi)容為www.yangle.tech腌零,然后提交梯找,推送到GitHub上。
到這里域名就設(shè)置完成了益涧,域名設(shè)置生效后锈锤,就可以通過域名訪問你的主頁了。
4. 神奇的JS
在倉庫的根目錄新建jianshu.html闲询,內(nèi)容如下:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<script>
function browserRedirect() {
window.location.href="http://www.reibang.com/users/34ece31cd6eb/latest_articles";
}
browserRedirect();
</script>
</html>
推送到GitHub后久免,在瀏覽器地址欄輸入www.yangle.tech/jianshu即可跳轉(zhuǎn)至簡(jiǎn)書,這樣就相當(dāng)于你的簡(jiǎn)書有了一個(gè)專屬的地址扭弧。
5.寫在最后
感謝:
http://blog.csdn.net/lmj623565791/article/details/51319147