如何搭建github+hexo博客-轉

一、前言

其實早在這以前我就一直想過寫博客,但因爲種種緣由一直沒有去學習這方面的知識,最近半個月(從開始動手到搭建好)一直陸陸續續的在着手這方面的工做。從開始到搭建完成的過程當中遇到了不少困難，由於在這以前對Github一點了解都沒有致使滿頭霧水,不斷的跳進一個又一個坑,甚至想過放棄.但最後結果想必都知道了。在寫如何搭建以前我以爲咱們應該先從頭開始瞭解。

那麼我爲何要創建本身的博客？——引自:爲何你要寫博客？—陳素封

1.「提升將事情講清楚的能力」.

在寫博客以前你須要花更多的時間來表達出你的想法，表達你想法以前你得先對你要表達的東西充分理解並理清思路和邏輯。

不少東西你覺得懂了，但當你在寫下來的時候，你就以爲無從下手了。

2.分享帶來的連鎖反應

「經過分享，你得到了直接而快速的回報，你最終或許會發現你已將版權和「保留全部權利」拋諸腦後。新的經濟學準則是：參與你做品的人越多，回報越高。在分享主義裏，若是你願意你能夠保留全部權，可是我樂於分享。」 by 毛向輝 《分享主義：一場思惟革命》

3.記錄成長

咱們每一個人都應該有這樣的經歷:隔了好久咱們回頭看看之前的本身會發現特別傻x,但正是由於這些傻x的歲月讓咱們不斷成長,你在成長的過程當中不斷的修正本身的錯誤。

4.探索未知的世界

世界不止是你的家，你的公司，你的朋友圈，你應該去發現一個更大的世界，經過寫博客，你會知道世界上還有不少人像你同樣在寫博客，這些人和知識正在世界的某個角落在等着你。

5.幫助更多想要獲取幫助的人

這點我相信你們由爲感觸,在你探索一個未知的知識領域的時候,每每被撞的一鼻子灰.幸運的人很快就能找到一個「師傅」或一篇很好的文章,但大多數每每在找「教程」的過程當中就已經放棄了.由於他們沒可以找到恰好理解的文章.

1、開始搭建Github Pages

參考:傻瓜均可以利用github pages建博客
參考:手把手教你使用Hexo + Github Pages搭建我的獨立博客
能夠選擇閱讀完以上兩篇教程後倒回來看不懂的地方.

1.使用前瞭解Github

GitHub是一個共享虛擬主機服務，用於存放使用Git版本控制的軟件代碼和內容項目(引自維基百科）

2.爲何選擇Github?

github有一個頗有愛的項目，叫作github pages，這個項目是給開發者創建一個私人頁面，上面用來分享新穎的想法和本身寫的代碼.

3.註冊屬於你本身的Github帳號

首先進入Github站點,而後進行註冊(此處不作詳細說明可自行閱讀github教程：[1]註冊github)

註冊完畢後你就擁有了本身的代碼倉庫了.

4.建立倉庫

在Github首頁右上角頭像左側加號點選擇 New repositor(新存儲庫)或點擊這裏進行建立一個倉庫.

5.開啓Github Pages

進入設置

找到這一塊

當你的倉庫名爲：用戶名.github.io 以後默認開啓Github Pages

如今隨便選擇一個主題,選擇上圖的 Choose a theme 以後會跳轉到下面這個頁面

設置完畢後你就能夠經過 username.github.io(username爲你的用戶名訪問你的博客了)

6.下載Github 客戶端

根據本身的系統自行選擇下載安裝

點擊前往Github下載

下載安裝好以後登錄你的github.

從你的倉庫添加到本地

接下來就須要搭建Hexo了

2、Hexo

要使用Hexo,須要安裝Nodejs以及Git

安裝Node.js

下載Node.js
參考:安裝Node.js

安裝Git

下載Git

一路點擊Next就好了.

安裝Hexo

在你須要安裝Hexo的目錄下(新建一個文件夾)右鍵選擇 Git Bash

npm install hexo-cli -g   
hexo init #初始化網站   
npm install   
hexo g #生成或 hexo generate   
hexo s #啓動本地服務器 或者 hexo server,這一步以後就能夠經過http://localhost:4000  查看了

詳細命令請參考Hexo文檔

這裏介紹一下怎麼建立一篇文章

hexo new "文章名" #新建文章
hexo new page "頁面名" #新建頁面

經常使用簡寫

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

新建一篇文章後就能夠預覽了,在hexo new以後執行一次生成hexo g再執行hexo s啓動本地服務器,若是以前還在hexo s 按Ctrl + C 結束.

添加主題

安裝主題(yilia主題):

hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

啓動主題

找到目錄下的_config.yml 文件,打開找到 theme：屬性並設置爲yilia

更新主題

cd themes/yilia
git pull
hexo g
hexo s

此時刷新http://localhost:4000/頁面就能看到新的主題了.

使用Hexo deploy部署到github

仍是編輯根目錄下_config.yml文件

deploy:
    type: git
    repo: git@github.com:cczeng/cczeng.github.io.git  #這裏的網址填你本身的
    branch: master

此處感謝有網友幫忙指出錯誤,原文自第二行起因爲疏忽沒有縮進

具體配置可參考個人博客備份

保存後須要提早安裝一個擴展：

npm install hexo-deployer-git --save

接下來就是將Hexo部署到咱們的Github倉庫上

3、部署到Github

1.檢查SSH keys的設置

如下命令均是在Git bash裏輸入

cd ~/.ssh
ls
#此時會顯示一些文件
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa*  
#以上三步爲備份和移除原來的SSH key設置
ssh-keygen -t rsa -C "郵件地址@youremail.com" #生成新的key文件,郵箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
#接下來會讓你輸入密碼

以後就能夠看到成功的界面。

2.添加SSH Key到Github

進入github首頁

添加SSH Key。

找到 系統當前用戶目錄下(開啓查看隱藏文件) C:\Users\用戶名\ .ssh id_rsa.pub文件以文本方式打開。打開以後所有複製到key中

到了這就能夠測試一下是否成功了:

ssh -T git@github.com
#以後會要你輸入yes/no,輸入yes就行了。

設置你的帳號信息:

git config --global user.name "你的名字"     #真實名字不是github用戶名
git config --global user.email "郵箱@郵箱.com"    #github郵箱

3.部署到github

hexo d

這時再刷新 username.github.io 就能夠看到你的博客了。

到了這你覺得就結束了嗎？沒有，還有坑沒有給大家填好。

4、最後的填坑

1. 不知道怎麼修改yilia主題?(修改themes/yilia/_config.yml)請參考一個簡潔優雅的hexo主題
2. Hexo主題配置(根目錄_config.yml文件)
3. 電腦重裝了系統/多臺電腦寫博客？那就趕忙戳這裏使用hexo，若是換了電腦怎麼更新博客？
4. 不知道如何編寫Markdown語法？Markdown——入門指南
5. 想要給網站添加圖片？請把圖片放入根目錄 source\ 下創建一個文件夾，當你執行hexo g的時候此文件夾自動生成到public中。

最後

可能有部分細節疏漏，請參考：
全文參考:傻瓜均可以利用github pages建博客
全文參考:手把手教你使用Hexo + Github Pages搭建我的獨立博客