原本只寫在本身的github pages中的,想想萬一有人看呢,雖然同類的文章有很多了,但有些新坑他們沒填啊,姑且放出來啦。。。前端
擁有本身的博客是一個很酷的事情,但本身建站老是太麻煩了,步驟繁多,管理也很麻煩。而在博客園、csdn之類的博客站寫博客,總以爲稍稍違背了極客精神,並且時不時冒出來的廣告還不受本身控制,這多討厭啊。因而,在GitHub pages 上寫博客,既不用花錢,也省去了管理博客的困擾,剩下的就是專心寫博,並且頗有極客風範。
在創建這個博客以前挑選了幾個框架,好比Jekyll,Hexo,Simple,Octopress,Pelican以及Lo·gecho等等,比較主流的大概都在用Jekyll和Hexo吧,考慮一二後決定使用Hexo框架,這裏並非說其餘的框架很差,各個框架都有其亮點之處,選擇Hexo是因其相對其餘框架簡單易操做,並且本人是前端,不用費勁安裝配置環境了,偷了個懶。
廢話少說,這是一篇Hexo的建博小結,把我在使用Hexo時踩的一些坑記錄下來,同時也是作一個備忘,省的之後作一樣的安裝時一時想不起來還要去大牛們的博客去翻。
node
打開gitgithub
$ npm install -g hexo
在任何想要放置Hexo的文件夾下創建名爲Hexo的文件夾,在此文件夾中右鍵打開Git Bashshell
$ hexo init
Hexo會自動創建全部博客須要的文件npm
$ hexo g $ hexo s
輸入上面的命令就能夠在本地看到初始化的博客啦,瀏覽器中輸入localhost:4000
以上就完成了博客的本地調試了,下面須要將本地的博客放到github中去,利用github pages 的免費空間存放你的博客,並且別人也能夠訪問你的博客。windows
首先須要註冊github(廢話。。劃掉),而後登陸github,點擊右上角你的頭像,再點擊Settings,進入設置頁面。
點擊側欄的SSH and GPG keys,能夠查看你是否有本機的SSH密匙。若是沒有,說明並無設置SSH密匙。瀏覽器
先無論github的網頁,回到本機,打開Git Bash。輸入:hexo
$ cd ~/. ssh 檢查本機的ssh密鑰
若是提示:No such file or directory 說明你是第一次使用git。框架
繼續輸入:
$ ssh-keygen -t rsa -C "郵件地址@youremail.com" Generating public/private rsa key pair. Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
系統會要求你輸入密碼,輸入就好,只是這裏的輸入是不顯示佔位符的。
Enter passphrase (empty for no passphrase):<輸入加密串> Enter same passphrase again:<再次輸入加密串>
完成後就會提示你的密匙文件所在的位置,打開id_rsa.pub文件,複製全部,回到github網頁,點擊New SSH key,粘貼到key文本框中,點擊add key就能夠了。
輸入下面的命令,git@github.com不用修改。
$ ssh -T git@github.com
會有這樣的反饋:
The authenticity of host 'github.com (207.97.227.239)' can't be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?
輸入yes,就會看到:
Hi Dulmcat! You've successfully authenticated, but GitHub does not provide shell access.
到這裏就表明已經正確的鏈接到github了。
但還有一些我的信息仍是須要繼續完善下的,Git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來作權限的處理,輸入下面的代碼進行我的信息的設置,把名稱和郵箱替換成你本身的。
$ git config --global user.name "cnfeat"//用戶名 $ git config --global user.email "cnfeat@gmail.com"//填寫本身的郵箱
如有問題,從頭再來一遍,或者到GitHub help中尋找解決方案。
與GitHub創建好連接以後,就能夠方便的使用它提供的Pages服務。但pages服務每一個ID只有一個,大小也只有300M,但做爲博客站,已經足夠了。
登陸GitHub後,點擊那個大大的綠色New repository按鈕,新建一個倉庫:
Repository name:dulmcat.github.io
Description (optional): 嗯。。括號裏都說了是可選的,就隨便吧,可填可不填。
注意!! 這裏的Repository name必須是你的github用戶名.github.io,不然就不是一個github pages而只是單純的一個倉庫了。
點擊Create Repository 完成建立。
上傳前,須要將Hexo和github想關聯起來,在Hexo的配置文件_config.yml文件中,拉到最下面,修改配置文件:
deploy: type: git repository: https://github.com/Dulmcat/Dulmcat.github.io branch: master
這裏的repository填寫的是你的github pages所在庫(就是上面剛建好的那個)的地址。
這裏有個坑,關於type的填寫,有說應該是github的,有說是git的,我在兩個月前的配置文件type寫的github,寫這篇文章時發現出錯了,這才發現好像是做者在3.0以後改成了git,你們在安裝Hexo時能夠輸入命令hexo-v
查看Hexo的版本。在3.0以後須要另外安裝hexo-deployer-git。
$ npm install hexo-deployer-git --save
而後
$ hexo d
這裏可能會要求填寫密碼,填了就好。
而後在瀏覽器中輸入https://dulmcat.github.io 就能夠看到你的博客啦一個在線的博客就這樣建好了固然這是個人...要輸入 你的github用戶名.github.io
生命的意義在於要不斷的折騰,若是以爲本身的網址後面還要跟着github.io這樣奇怪的字符,能夠去買個酷酷的域名,github pages是能夠綁定域名的~~ 若是以爲Hexo默認的主題不能顯示本身的瀟灑特別,Hexo官網中有幾十套主題可供選擇,更換方法。。。我太懶。。。不想寫了。。。 還能夠添加評論功能,國內流行的有多說、友言、暢言等等,國際範的Disqus等等,添加方法在Hexo官網和各個評論插件官網都有很詳細的教程,也。。不說了。。