使用GitHub打造你的個人主頁

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上。

CNAME

到這里域名就設(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容