使用github和hexo搭建靜態博客

得到更多資料歡迎進入個人網站或者 csdn或者博客園

終於寫這篇文章了，這是我使用github和hexo搭建博客的一些心得，但願能給你們一點幫助。少走點彎路。剛接觸github，只是用來存項目的版本，後來忽然發現可使用這個搭建靜態網頁博客。哇，臥槽，還能夠這樣裝逼，果斷搞起。因爲什麼都不懂，一搞就是。一週。主要是網上找了一堆的教程，搞獲得處時bug。如今主要講講個人經歷，我也相信若是你跟着這篇文章，你也能夠搭建成功；

先關文章請點擊：

使用github和hexo搭建靜態博客
hexo的jacman主題配置
hexo博客的相關配置

github註冊以及創建創庫

註冊github

1進入github主頁點擊右上角完成註冊連接
2驗證郵箱這步很重要按以下圖所示：

建立倉庫（repository）

1點擊右上角加號建立倉庫，以下圖所示：

2按下圖創建倉庫。這是須要特別注意的就是Repository name，必須爲username.github.io。否則不能被github解析；

基本環境的安裝

windows下環境的安裝

個人配套軟件下載地址：軟件下載
能夠用個人版本
1安裝node
到node.js官網下載windows平臺的最新版本一路安裝便可
2安裝GIT
git的客戶端我用的是msysgit 下載地址
安裝步驟可參考安裝經驗

ubuntu下環境的安裝

1安裝node.js
hexo官方推薦的安裝方法是使用nvm
安裝nvm可使用下面兩個命令中的任何一個：

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

或者Wget:

$  wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

當nvm安裝完成後。運行一下命令安裝node.js

$ nvm install 0.10

我這裏安裝的node.js版本是0.10.39可用使用nvm ls命令查看 至此本地環境安裝完成

注意若是當輸入命令nvm ls時沒有版本信息，經過下面語句啓動nvm
nvm use 0.10.39
#ubuntu下可能在關機後還會顯示沒啓動nvm，你能夠每次使用hexo前執行這條語句啓動nvm

2git的安裝
ubuntu安裝git直接apt-get就能夠了

$ sudo apt-get install git-core

hexo的安裝

windows下啓動git bash終端。ubuntu下直接啓動終端。以後不在作說明統一使用ubuntu下的終端。windows下的終端是同樣的；
在終端輸入如下命令安裝：

npm install -g hexo

創建hexo初始化的目錄，我將博客放在了~/hexo 目錄下；使用如下命令 hexo init 你的目錄

hexo init ~/hexo 
npm install

如今本地版本的hexo已經配置完成了，可使用如下命令來生成靜態文件

1
$ hexo generate
或者
1
$ hexo g
使用如下命令啓動本地服務器進行預覽
1
$ hexo server
或者
1
$ hexo s

而後經過http://localhost:4000/進行訪問，若是頁面正常打開，那麼恭喜你，你的本地博客已經搭建完成，還差一點點就能夠進行發佈了。

添加添加SSH-Key

首先設置你的用戶名密碼：注意使用你本身的郵箱和名字

git config --global user.email "wpeace1212@gmail.com"
git config --global user.name "wpeace"
生成密鑰：

ssh-keygen -t rsa -C "wpeace1212@gmail.com"
  按3個回車，密碼爲空這裏通常不使用密鑰。

最後獲得了兩個文件：id_rsa和id_rsa.pub根據提示找到文件所在地；

用文本編輯器打開id_rsa.pub複製其內容添加到github的sshkey按下圖方法添加：

注意ssh keys在設置裏面

第一步：

第二步：

最後能夠經過下面的命令測試是否成功：

ssh -T git@github.com

主題安裝

1在博客主目錄下輸入如下命令：

這個主題比較小清新是wuchong創做：

git clone https://github.com/wuchong/jacman.git themes/jacman

2啓用jacman

修改Hexo目錄下的config.yml配置文件中的theme屬性，將其設置爲jacman。

#注意：後有空格

theme:  jacman

#經過下面的命令能夠本體觀看

hexo g

hexo s

配置git併發布：

一、首先編輯你的hexo安裝目錄下的_cofig.yml文件，下找到以下圖並修改爲你的：

deploy:
  type: git
  repository: git@github.com:wpeace1212/wpeace1212.github.io.git
  branch: master

二、經過使用下面命令便可完成部署，並能夠經過wpeace1212.github.io訪問你的博客：

hexo clean

hexo g

hexo d

個人顯示以下：也能夠點擊觀看個人網站點擊觀看

文章編寫：

hexo使用的是markdown語法；

一、執行new命令，生成指定名稱的文章至hexo\source_posts\postName.md。、

hexo new "postName"

2打開postName.md 文件。能夠添加categories:並在正文處編寫

title: postName #文章頁面上的顯示名稱，能夠任意修改，不會出如今URL中

date: 2013-12-02 15:30:16 #文章生成時間，通常不改，固然也能夠任意修改

categories: #文章分類目錄，能夠爲空，注意:後面有個空格

tags: #文章標籤，可空，多標籤請用格式[tag1,tag2,tag3]，注意:後面有個空格

----
正文

3使用下面的命令發佈並觀看

hexo g
hexo d