1.介紹
介紹下本文的內(nèi)容,首先使用GitHub Pages來搭建主頁,然后購買一個域名,把域名解析到主頁,就可以直接通過域名來訪問個人主頁了。
看下最終的效果,在瀏覽器地址欄輸入域名www.yangle.tech,即可訪問個人主頁。
2.搭建主頁
首先在GitHub上新建一個倉庫,倉庫名稱規(guī)則為:你的GitHub賬號.github.io,點(diǎn)擊Create repository創(chuàng)建。
創(chuàng)建好倉庫后,需要將倉庫克隆到本地,在根目錄新建一個index.html文件,將下面的html代碼復(fù)制到文件中,然后使用Git提交一下,推送到GitHub上。
<html>
<body>
<h1>我的個人主頁</h1>
</body>
</html>
到這里一個簡單的主頁就搭建完成了,默認(rèn)地址是alidili.github.io,打開瀏覽器輸入地址就會直接顯示index.html中的內(nèi)容。
我的主頁是在網(wǎng)上找的模板改的,了解網(wǎng)頁設(shè)計的同學(xué)也可以自己發(fā)揮一下,替換掉剛才的index.html文件就可以了。
3.域名設(shè)置
域名購買與解析
首先需要注冊一個域名,我是在萬網(wǎng)注冊的,戳這里進(jìn)入,搜索你想要注冊的域名,如果提示未注冊的話就可以直接購買了。
購買完成后,進(jìn)入萬網(wǎng)的管理控制臺,選擇云解析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è)置完成后不會立即生效,可以按照萬網(wǎng)上的方法修改公共DNS,讓解析設(shè)置實(shí)時生效。
CNAME
在倉庫的根目錄新建一個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.lxweimin.com/users/34ece31cd6eb/latest_articles";
}
browserRedirect();
</script>
</html>
推送到GitHub后,在瀏覽器地址欄輸入www.yangle.tech/jianshu即可跳轉(zhuǎn)至簡書,這樣就相當(dāng)于你的簡書有了一個專屬的地址。
5.寫在最后
感謝:
http://blog.csdn.net/lmj623565791/article/details/51319147