利用Github Page 搭建個人博客網站

01-28

轉載請註明出處：

http://blog.csdn.net/tzs_1041218129/article/details/53214497

http://www.54tianzhisheng.cn/Blog/html/blog_github.html (閱讀效果最好)

更多精彩文章請關注微信公眾號：猿blog

http://weixin.qq.com/r/5UTh_bzEGOFnrfia9xH3 (二維碼自動識別)

前言

最近這幾天，沒事幹，想找點事折騰下，於是自己便想到了自己一直想乾的一件事：搭建一個屬於自己的博客網站。目前搭建個人 blog 網站最好的是用 wordpress ，但是那個折騰起來好像還挺麻煩的，再加上還需要自己修改些前端代碼和用 PHP 做（雖然我學了幾天拍黃片，但是早已忘了），然後就是用 Github Page 吧，自己也一直在這個最大的交友網站裝 X 。想想就用這個吧（後來好像覺得這個還挺省事的）

再說說擁有個人博客網站的好處吧：

裝 X（如果網站夠炫）
很好的用來總結自己所學的知識
面試加分（在簡歷上放上自己的個人網站鏈接，面試官就可以更好的了解你，知道你所學知識的深度和廣度）
不再受其他博客平台的規則所束縛

如果你現在還沒有自己個人博客網站的話，那麼我覺得你看完本篇博客後，強烈的建議你去折騰折騰下，搞個自己的，讓自己也能夠體驗裝 X 的感覺。

要想用搭建一個個人博客網站，首先你得有一個域名，這樣別人才可以通過域名訪問，其次你還要一個空間來存放你的頁面。

域名域名的話，你可以在萬網、阿里雲、騰訊雲等註冊，我的域名 www.54tianzhisheng.cn 就是在騰訊雲註冊的，記得是騰訊雲一元錢（一個域名+主機）搞的，這是騰訊雲對學生才有這優惠。 .cn 的域名需要備案，備案的審核速度我覺得還是挺快的，還需要上傳證件。當然你也可以買其他的那些不需要備案的域名，省得麻煩事。
空間空間有免費的空間，也有收費的空間。免費的當然就不夠穩定了，收費的就很貴了，終究是很不爽，有沒有什麼地方是既免費又穩定的空間呢？有，Github 。它允許上傳個人網站項目並自定義你的域名，而且又有穩定的服務，實在是不能夠在好了。

下面就一起跟著我來一步一步的利用 Github 搭建個人博客網站吧！

1. 擁有一個域名

這個步驟我就不詳述了。

舉例：

打開騰訊雲官網

搜索你想要的域名，下單買一個

2. 擁有一個 Github賬號

互聯網崇尚自由與分享。Github 是一個全世界程序員聚集的地方，大家相互分享自己寫的代碼，提升別人，也提升自己。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識，所以我也非常願意分享我的所見所學所得，我的 Github 主頁：https://github.com/zhisheng17 （歡迎 follow 和對我的項目給個 star 或者 fork 我的項目一起來和我完善項目）

如果還沒有 Github 賬號的話你就先去註冊一個吧，有的話，直接登錄就行，後面的操作都要用到 Github 的。

3. Github 上新建個人網站項目

登錄 GitHub 之後，在頁面右上角點擊 + 加號按鈕，點擊 New repository。

由於我們是新建一個個人網站項目，所有倉庫的名稱需要安裝 GitHub 個人網站項目的規定來寫。

規則就是：

http://YOUR-GITHUB-USERNAME.github.io

比如我的 GitHub 用戶名是 zhisheng17，那我就要填寫 http://zhisheng17.github.io。然後選擇公開模式，接著點擊創建倉庫按鈕。

創建成功之後，進入了項目主頁面。點擊設置按鈕。

進入之後，滾動頁面到下方。點擊頁面自動生成器按鈕。

點擊右下方繼續去布局按鈕。

選擇一個模板，點擊發布頁面按鈕。

這個時候，你就可以通過http://YOUR-GITHUB-USERNAME.github.io來訪問此頁面了。

4. 上傳個人網頁到 Github

自動生成頁面，肯定不符合我們的要求，我們希望能夠自己設計自己的個人網站。我們可以自己編寫一個網頁文件，命名為 index.html。然後上傳到 GitHub個人網站項目上。這裡為了節約時間，可以先下載我的個人網站項目代碼，然後修改為你的網頁上傳到 GitHub。

下面介紹詳細步驟。

進入此項目https://github.com/zhisheng17/zhisheng17.github.io，然後下載源碼。解壓之後，拿到裡面的index.html文件。

然後進入自己的個人網站項目主頁 YOUR-GITHUB-USERNAME/http://YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕，進入上傳文件頁面，將 index.html 文件拖入藍色大圈圈區域，點擊提交按鈕即可提交成功。此時打開網址 http://YOUR-GITHUB-USERNAME.github.io 就可以看到主頁已經改變為我們自己的網頁了。