利用Github Page 搭建我的博客網站

轉載請註明出處：

http://blog.csdn.net/tzs_1041...

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

pdf版本：http://www.54tianzhisheng.cn/...

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

前言

最近這幾天，沒事幹，想找點事折騰下，因而本身便想到了本身一直想幹的一件事：搭建一個屬於本身的博客網站。目前搭建我的 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 我的網站項目的規定來寫。

規則就是：

YOUR-GITHUB-USERNAME.github.io

好比個人 GitHub 用戶名是 zhisheng17，那我就要填寫 zhisheng17.github.io。而後選擇公開模式，接着點擊建立倉庫按鈕。

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

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

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

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

這個時候，你就能夠經過YOUR-GITHUB-USERNAME.github.io來訪問此頁面了。

4. 上傳我的網頁到 Github

自動生成頁面，確定不符合咱們的要求，咱們但願可以本身設計本身的我的網站。咱們能夠本身編寫一個網頁文件，命名爲 index.html。而後上傳到 GitHub我的網站項目上。這裏爲了節約時間，能夠先下載個人我的網站項目代碼，而後修改成你的網頁上傳到 GitHub。

下面介紹詳細步驟。

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

而後進入本身的我的網站項目主頁 YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕，進入上傳文件頁面，將 index.html 文件拖入藍色大圈圈區域，點擊提交按鈕便可提交成功。此時打開網址 YOUR-GITHUB-USERNAME.github.io 就能夠看到主頁已經改變爲咱們本身的網頁了。

經過 zhisheng17.github.io 查看效果：

5. 域名CNAME到我的網站項目

網頁上傳成功了，咱們不想一直經過YOUR-GITHUB-USERNAME.github.io來訪問咱們的我的網站，而是但願經過本身的域名來訪問。

下面講述詳細步驟。

點擊咱們的我的網站項目設置選項卡，滾動到下面，就會發現一個自定義域名卡片。輸入咱們買的域名，而後點擊保存。

接着咱們還要將咱們的域名解析到這個我的網站項目上。由於個人域名是在騰訊雲上面買的，因此我打開騰訊雲域名管理頁面，進行相關的設置。

接着，點擊添加一條域名解析記錄，主機填寫www，表明你是一級域名來訪問，指向填寫YOUR-GITHUB-USERNAME.github.io，而後點擊保存按鈕。應該要等會，域名的解析時間可能不同，個人騰訊雲就是很慢的

6. 訪問你的域名

全部這些步驟作完以後，在瀏覽器裏輸入本身的域名，回車鍵一按，就會返回咱們剛剛上傳到 GitHub 的index.html 頁面了。

這裏只是入門了 GitHub 搭建我的網站的功能，GitHub 官方推薦 Jekyll 博客系統來發布本身的頁面。之後有數據更新，均可以經過 Jekyll 來從新編譯整個網站。（期待後續個人使用 Jekyll 博客系統發佈本身博客的文章吧）

7. 注意事項

儘管GitHub我的網站項目是免費的，可是卻有一些限制。整體來講，徹底夠用，甚至太多了。

• 單個倉庫大小不超過1GB，上傳單個文件大小不能超過100MB，若是經過瀏覽器上傳不能超過25MB

• 我的網站項目也不例外，最大空間1GB

• 我的網站項目每月訪問請求數不能超過10萬次，總流量不能超過100GB

• 我的網站項目一小時建立數量不能超過10個

固然了，這些政策可能隨時改變，能夠經過此網頁查看最新政策。 https://help.github.com/artic...