使用GitHub打造你的個(gè)人主頁

1.介紹

介紹下本文的內(nèi)容矢劲,首先使用GitHub Pages來搭建主頁,然后購買一個(gè)域名甸各,把域名解析到主頁垛贤,就可以直接通過域名來訪問個(gè)人主頁了。
看下最終的效果痴晦,在瀏覽器地址欄輸入域名www.yangle.tech南吮,即可訪問個(gè)人主頁。

個(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文件就可以了。

我的個(gè)人主頁

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

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.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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末阎姥,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子鸽捻,更是在濱河造成了極大的恐慌呼巴,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件御蒲,死亡現(xiàn)場(chǎng)離奇詭異衣赶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)厚满,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門府瞄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人痰滋,你說我怎么就攤上這事摘能⌒拢” “怎么了敲街?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)严望。 經(jīng)常有香客問我多艇,道長(zhǎng),這世上最難降的妖魔是什么像吻? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任峻黍,我火速辦了婚禮复隆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘姆涩。我一直安慰自己挽拂,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布骨饿。 她就那樣靜靜地躺著亏栈,像睡著了一般。 火紅的嫁衣襯著肌膚如雪宏赘。 梳的紋絲不亂的頭發(fā)上绒北,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音察署,去河邊找鬼闷游。 笑死,一個(gè)胖子當(dāng)著我的面吹牛贴汪,可吹牛的內(nèi)容都是我干的脐往。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼扳埂,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼钙勃!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起聂喇,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤辖源,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后希太,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體克饶,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年誊辉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了矾湃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡堕澄,死狀恐怖邀跃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蛙紫,我是刑警寧澤拍屑,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站坑傅,受9級(jí)特大地震影響僵驰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一蒜茴、第九天 我趴在偏房一處隱蔽的房頂上張望星爪。 院中可真熱鬧,春花似錦粉私、人聲如沸顽腾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽崔泵。三九已至,卻和暖如春猪瞬,著一層夾襖步出監(jiān)牢的瞬間憎瘸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工陈瘦, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留幌甘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓痊项,卻偏偏與公主長(zhǎng)得像锅风,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鞍泉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

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