github制作個人網(wǎng)站(github怎么建立個人網(wǎng)站)

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

那么，我推薦你用GitHub Pages搭建你的個性化主頁。

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

傻瓜式教程

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

網(wǎng)站主題

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

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

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

參考資料

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/