我有GitHub Pages博客了！

以前就嘗試過利用hexo+github pages搭建本身的我的博客，但是隻在本地服務跑起來了，不知道怎麼弄到GitHub上去，而後因爲手頭這樣那樣的事，一直擱置了。最近手頭閒下來了，準備再給博客弄起來，通過一番折騰，終於有屬於本身域名的博客了！！下面詳細的介紹下搭建的步驟和過程（固然還有一些填坑通過）

一：建立github倉庫，命名格式：github用戶名 + github.io(這步前提是有一個github帳號)，如：xxx.github.io

二：參考https://pages.github.com/，建立本身的github page
1.在電腦盤（如D盤）克隆剛在github建的項目倉庫，
git clone https://github.com/username/u...

2.進入到本地該項目，新建index.html文件

cd username.github.io
echo "Hello World" > index.html

3.提交修改到github上
git add --all
git commit -m 'init' (提交信息可修改)
git push -u origin master

這時候，打開瀏覽器，輸入https://username.github.io(同...，就能夠成功訪問了！！（此時出現Hello World就是成功了）

重點來了！！

三：安裝並啓動hexo

npm install -g hexo

手動建立項目文件夾，以我本身的爲例，文件夾名字爲App

cd App

hexo init

hexo install

hexo server

打開localhost:4000,hexo本地服務就能夠啓動了

四：新建博客文件，利用hexo生成網頁
hexo new "New Post"

執行操做，生成靜態網頁
hexo generate // hexo g

五：部署github

在項目文件夾下找到_config.yml,修改如下配置：

修改成：

deploy:
type: git
repo: https://github.com/username/u...
branch: master
message: my-blog(可自定義)

安裝hexo-deployer-git， 以及部署

npm install hexo-deployer-git --save

hexo delopy // hexo d

部署成功
在瀏覽器中打開 https://username.github.io ，正常顯示網頁，代表部署成功。

嗯，到這裏，看着沒毛病，若是成功了，就大功告成了，接下來就能夠爲所欲爲地寫博客了！！
但是，事情每每都沒有預計的那麼順利，我按照上面步驟，打開https://username.github.io並...。接下來就是填坑了，有耐心的能夠繼續往下看。

由於我本地服務能打開，因此失敗緣由只會出如今部署那塊，打開https://hexo.io/zh-cn/docs/de...，乍一看沒配錯，檢查下命令也沒錯，忽然看到如圖：

趕忙檢查下，還真是採坑了,沒空格。
改了以後從新
hexo g
hexo d,

仍是不行，執行hexo d操做後，出現：

因而一波Google操做後，最終試了這篇文章的方法，https://segmentfault.com/q/10...（仍是我大思否給力啊）

開始採用這個,仍是不行,仍是報錯大概是github權限之類的問題，猜想多是以前有資料說要配密鑰公鑰之類的有問題（原諒這裏懶了，以後有時間再折騰密鑰相關知識）,而後試了下

執行hexo d後，終於部署成功了！下圖是個人博客成功後的命令界面

立刻打開https://username.github.io（記得替換username）,新建的博客上去了，爲何這麼亂，樣式不對，控制檯報404，找不到引用的樣式文件，看了文檔，須要配頁面路徑

根據我本身的項目，配了路徑，終於正常顯示了！

個人博客開始長這樣，有點單調，以後我會陸續豐富它的......

以上大概就是我搭建github的過程，經驗就是要儘量看全官方文檔，別人的教程雖然有針對性，相對節約時間，但是遇到點意外就手足無措了，能夠二者結合，這樣不只能達到本身的目的，還能學到更多的東西，固然還能避坑啦。