前言

經(jīng)常會(huì)有人問(wèn)我如何才能將自己做的靜態(tài)頁(yè)面放到網(wǎng)上供他人欣賞,是不是需要自己有一個(gè)服務(wù)器,是不是還要搞個(gè)域名才能訪問(wèn)?對(duì)于以上問(wèn)題我都會(huì)回答:用github來(lái)展示你的前端頁(yè)面吧。

工欲善其事,必先利其器。github是一個(gè)很好的代碼管理與協(xié)同開(kāi)發(fā)平臺(tái),在程序界又被稱為最大的“同性交友網(wǎng)站”。如果你不懂git,沒(méi)有自己的github賬戶,那你就丟失了一把能夠很好的展示自我,儲(chǔ)存知識(shí)的利器。

當(dāng)然知道github的人不在少數(shù),但是大部分人可能僅知道它可以用于管理我們的項(xiàng)目代碼,而不知道其還可以用于展示我們前端的靜態(tài)頁(yè)面。比如:

https://github.com/luozhihao/demo

了解github的人都知道上方的地址指向的是一個(gè)github項(xiàng)目目錄,同時(shí)你可能還會(huì)發(fā)現(xiàn)這樣的一個(gè)地址:

https://luozhihao.github.io/demo

上方的地址就是對(duì)應(yīng)demo項(xiàng)目的展示頁(yè)面了。

步驟

其實(shí)利用github來(lái)展示前端靜態(tài)頁(yè)面的例子很多,比如各種插件、框架的demo演示地址都會(huì)這樣做,那么下面我們就來(lái)實(shí)際操作一下,體驗(yàn)一把展示自己前端項(xiàng)目成果的樂(lè)趣。

1.安裝git

如果你是mac用戶,那么恭喜你mac自帶git命令功能,你無(wú)須安裝git。如果你是windows用戶,你可以前往windows地址下載并安裝。

2.建立倉(cāng)庫(kù)

在你的github主頁(yè),我們可以點(diǎn)擊右上角的加號(hào)按鈕下的“New repository”來(lái)新建一個(gè)項(xiàng)目倉(cāng)庫(kù),如圖所示: