想擁有一個(gè)免費(fèi)的個(gè)人主頁(yè)嗎？在這里，你可以發(fā)布自己的博客、自由定制網(wǎng)站的主題，你可以擁有極好的創(chuàng)作體驗(yàn)，它可以成為你對(duì)外的一張“名片”，體現(xiàn)你的品味和興趣，還有更重要的，它是免費(fèi)的、可控的、無(wú)需維護(hù)的。

那么，我推薦你用GitHub Pages搭建你的個(gè)性化主頁(yè)。

今天這篇推文就以最簡(jiǎn)單的方式介紹GitHub Pages的使用入門，跟著我做，不到半個(gè)小時(shí)你就能擁有自己的網(wǎng)站。

傻瓜式教程

注冊(cè)GitHub賬號(hào)。到https://github.com注冊(cè)一個(gè)GitHub賬號(hào)。如下。創(chuàng)建倉(cāng)庫(kù)。創(chuàng)建一個(gè)以u(píng)sername.github.io命名的倉(cāng)庫(kù)（repository），注意這里的username就是第一步注冊(cè)的GitHub賬號(hào)的用戶名。舉個(gè)例子，如果你的用戶名是sophshep，那么你的倉(cāng)庫(kù)名則為sophshep.github.io，如下圖所示。下載GitHub Desktop客戶端。到https://desktop.github.com下載GitHub Desktop客戶端（Windows或MacOS）,作為git工具（方便不懂git的用戶使用）。安裝完成后，登陸自己的GitHub賬號(hào)，并克隆（clone）前面創(chuàng)建的倉(cāng)庫(kù)到電腦上（可設(shè)置路徑）。創(chuàng)建Hello world網(wǎng)頁(yè)（先以創(chuàng)建一個(gè)最簡(jiǎn)單的Hello world為例，介紹如何在網(wǎng)站上發(fā)布第一個(gè)網(wǎng)頁(yè)）。在上一步克隆在電腦上的倉(cāng)庫(kù)文件夾中新建文件index.html，內(nèi)容如下。Commit & publish。創(chuàng)建完index.html文件后，GitHub Desktop會(huì)提醒有內(nèi)容更新，此時(shí)進(jìn)行Commit & publish即可。如下圖所示。大功告成。到這里，一個(gè)最簡(jiǎn)單的個(gè)人主頁(yè)就搭建完成了，訪問(wèn)https://username.github.io即可看到網(wǎng)站的樣子。

網(wǎng)站主題

可能有人要問(wèn)了，剛剛創(chuàng)建的只有Hello world網(wǎng)頁(yè)的個(gè)人主頁(yè)也太簡(jiǎn)單了吧?。縿e急，下面教你如何5分鐘內(nèi)把網(wǎng)站裝扮的更漂亮，有好看的主題，有強(qiáng)大的功能。

此時(shí)，我們需要用到Jekyll靜態(tài)網(wǎng)頁(yè)生成工具（也可以用Hexo，以后介紹），這也是GitHub官方推薦的靜態(tài)網(wǎng)頁(yè)生成工具。

Jekyll提供了豐富的免費(fèi)主題，可到網(wǎng)站http://jekyllthemes.org查看，如下圖所示。選擇你喜歡的的主題（個(gè)人覺(jué)得Jekyll Next主題不錯(cuò)）并下載，先將電腦上的username.github.io倉(cāng)庫(kù)文件夾中的內(nèi)容清空，再將下載的主題中的所有文件拷貝到里面。以我的倉(cāng)庫(kù)為例，如下圖所示。然后在GitHub Desktop客戶端Commit & publish。再次訪問(wèn)https://username.github.io，你會(huì)看到煥然一新的個(gè)人主頁(yè)！到這里，一個(gè)簡(jiǎn)潔漂亮的個(gè)人主頁(yè)就搭建成功了。當(dāng)然你還可以繼續(xù)修改倉(cāng)庫(kù)中的代碼（主要是_config.yml文件），來(lái)調(diào)整和定制網(wǎng)站的風(fēng)格，這個(gè)以后會(huì)介紹，今天就提供一些官方的參考資料，通過(guò)閱讀它們，你能夠?qū)itHub Page和Jekyll有個(gè)深入的了解。

參考資料

GitHub Pages的Jekyll使用教程：https://help.github.com/en/articles/using-jekyll-as-a-static-site-generator-with-github-pages

Jekyll官網(wǎng)：https://jekyllrb.com/docs/