前言

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

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

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

https://github.com/luozhihao/demo

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

https://luozhihao.github.io/demo

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

步驟

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

1.安裝git

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

2.建立倉庫

在你的github主頁,我們可以點擊右上角的加號按鈕下的“New repository”來新建一個項目倉庫,如圖所示: