終於搭建了本身的博客

來龍去脈

以前，我是在cnblog上註冊了本身的博客，寫過幾篇文章以後，因爲各類緣由沒能一直寫下去。 前段時間偶然手欠的本身註冊了個域名（Alamuhan），就藉助Github Pages打了個博客環境（oubaguilai)，掛到了本身的域名下。以便於繼續寫博客記錄下學習的一些摘要，本身之後使用時方便回顧，固然，若是能給一些剛開始學習的同道小白有點輔助做用那是再好不過的了。

如何搭建本身的博客

Github Pages（載體） + Hexo（框架）=> 博客

個人博客主要是藉助Github Pages爲載體搭建的，Github Pages是github公司（如今是微軟的子公司）提供的免費的靜態網站託管服務，用起來方便並且功能強大，不只沒有空間限制(爲免費用戶提供了500M空間)，還能夠綁定本身的域名到pages.github.com上。經過Github Pages搭建本身的博客不是必定須要一個域名的，它自己就有訪問的服務，只不過有個專屬域名訪問起來會方便不少（嘿嘿，實際上是知足下本身邪惡的的虛榮心，裝）。

注意：通常新建一個倉庫，倉庫的名字叫作 username.github.io 或者是 orgnizationname.github.io， 注意這裏的 username 和 orgnizationname 要嚴格替換成你本身的用戶名或者組織名，大小寫也要區分，不然就會有問題。

其實只要整個git系統搭建後運行正常，接下來搭建博客環境的主要部分就是找一個好的博客框架（大牛能夠本身寫框架），而後利用git把整個環境跑起來（本地 <=> github在線），我這裏藉助了Hexo來做爲整個博客框架。

Git環境搭建

這不是我這裏介紹的重點，只要你的git本地和代碼庫是正常對接使用的就能夠，因此再也不詳細介紹（若是你是搞開發的，git是很值得去了解和使用的版本控制工具）。
推薦幾個別人的博客：
1.GitHub和Git超超超詳細使用教程
2.GitHub 使用教程圖文詳解
3.GitHub使用教程、註冊與安裝

Hexo環境搭建

Hexo是一個快速，簡單和強大的博客框架。您使用Markdown（或其餘語言）撰寫帖子，Hexo會在幾秒鐘內生成具備漂亮主題的靜態文件，能夠方便的生成靜態網頁託管在github和Heroku上。如何安裝Hexo請看hexo中文文檔，很詳細的，安裝好後重點在配置_config.yml，主要是和git 有關係的兩個點：

1 2 3 4 5 6 7

---------------------------------------_config.yml--------------------------------------------- url：您網站的網址（也就是你的git的項目地址,這裏是 https://github.com/{username}/{username}.github.io） deploy: GitHub存儲庫 type: 類型 git repo: 代碼庫 (git@github.com:{username}/{username}.github.io.git) branch: 分支 ---------------------------------------_config.yml---------------------------------------------

剩下的基本仍是那個只要如下步驟走就Ok了。

1 2 3 4 5 6 7 8

$ hexo init [文件夾] $ npm install 而後修改配置_config.yml中的url和deploy，愛他的本身看狀況，均可以修改。 $ hexo new [layout] <title> 建立一篇新文章，若是有文章（通常都會有Hello world），能夠不走這一步 $ hexo server 本地服務跑起來根據提示信息訪問本地網址，就能看到博客的頁面了 $ hexo generate 生成能夠發佈成網站的靜態頁面 $ hexo deploy 直接發佈到github上去（注意：git不要直接寫https://github.com/{username}/{username}.github.io，生成出錯）

而後再訪問你的Github Pages主頁，或者關聯的域名，就能看到本身搭建的博客了。

在使用過程當中發現， 每次hexo deploy 以後, 綁定域名的網站都會出現404, 而https://{username}.github.io則訪問正常。再次來到Github pages–>Settings–>Custom domain， 發現Custom domain已經重置了，須要手動再次從新關聯。
問題緣由 : CNAME文件每次部署都被自動刪除.
解決方案 : 將CNAME文件放在source目錄下.

hexo:中文文檔