註冊一個github

GitHub官網。按照一般的網站註冊登入執行就好了，不詳細說。

安裝git

安裝很簡單，一直下一步 git安裝教程

很多教程裡都說要配置環境變數，我本人安裝過5次左右的git，一次都沒有配過，但是要配置使用者名稱和郵箱，就是和github註冊的一樣

安裝成功你在桌面右鍵，就能看到 多了兩個 git命令

安裝Nodejs

安裝nodejs主要是為了安裝npm包管理工具

在Nodejs官網下載自己系統的版本安裝就好了

安裝也是極其簡單，一直下一步就好了。
推薦Nodejs安裝教程！

在github上新建一個廠庫

需要把Repository name 改成你自己的哦，例如我的：finget.github.io

建立好了，來到Settings頁面，開啟gh-pages功能

在最後找到Github pages（我的是預設開啟的，如果你不是就點選Launch automatic page generator按鈕，一直下一步就行了）

完成之後，你可以在位址列，開啟yourname.github.io檢視是否成功。

安裝hexo

這個時候nodejs的npm就排上用場了
你可以用系統自帶的命令面板（window下是cmd），也可以用git bash here(推薦)

以下的命令懂得就不說了，不懂得小夥伴可以自己去了解一下

檢查一下npm是否安裝成功

npm -v

npm install hexo-cli -g

如果npm安裝很慢，被牆了，推薦使用淘寶映象

初始化blog

你可以在C、D、E、F盤任意一個地方，只要你喜歡，哪裡都是可以的。新建一個資料夾來管理你的blog。
然後在這個資料夾內，右鍵開啟git base here，就是這麼神奇，哪裡都有它。

• 檢查你的hexo 是否安裝成功

hexo -v

• 初始化hexo

hexo init

npm install 或者 cnpm install(如果你用了淘寶映象)

• 開啟你的blog

hexo g
 

hexo s

然後會提示你：

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

在瀏覽器中開啟http://localhost:4000/，你將會看到：

到這裡 恭喜你，你的本地blog已經搭建好了，把本地圈起來要考。哈哈哈[捂臉]

與github對接，讓別人也能訪問你的blog

考慮到大家可能會存在的一種情況，就是換電腦，或者在家裡和公司都想寫blog，管理他，該怎麼做呢！

• 新建一個hexo分支(branches)

這個分支就是用來裝hexo的核心原始檔的！慢慢往下看，一步一步來

在你的部落格資料夾內，開啟git base here。如果你的檔案正確的話，現在是沒有.git檔案的，這是個隱藏資料夾，有的小夥伴沒有設定怎麼檢視隱藏檔案，不會的可以根據你的系統去百度一下，很簡單的。

git init  //初始化本地倉庫 會生成一個.git檔案
git add source scaffolds themes .gitignore _config.yml package.json //將這6個檔案提交到hexo分支，這就是原始檔了， source裡面就是裝的你的部落格文章
git commit -m "Blog Source Hexo"
git branch hexo  //新建hexo分支
git checkout hexo  //切換到hexo分支上
git remote add origin https://github.com/FinGet/finget.github.io.git(換成你自己的，如下圖)  //將本地與Github專案對接 很多教程說要用ssh，我這裡用https也沒有出錯
git push origin hexo  //push到Github專案的hexo分支上

提交完成之後，你可以在github上的廠庫裡看到：

• 將部落格文章提交到master頁面

在你部落格資料夾中找的F:\hexoBlog\_config.yml檔案，修改以下幾處 (文末附上其他配置資訊介紹)

# Site
title: FinGet # 部落格名
subtitle: 前端 —— 我一直在路上 # 副標題
description:  # 描述
author: FinGet # 作者
language: zh-Hans # 語言，還是改成漢語吧
timezone:

deploy: 
  type: git
  repository: https://github.com/FinGet/finget.github.io.git
  branch: master

然後你就可以執行以下命令

hexo g

hexo d

現在可以再開啟yourname.github.io看看了。不出意外，就成功了。

換了電腦之後怎麼弄弄

在新電腦上，nodejs，git，github這些都要有哦

git clone -b hexo https://github.com/FinGet/finget.github.io.git  //將Github中hexo分支clone到本地
cd  yourname.github.io  //切換到剛剛clone的資料夾內
npm install    //注意，這裡一定要切換到剛剛clone的資料夾內執行，安裝必要的所需元件，不用再init
npm install -g hexo-cli // 如果電腦上沒有安裝這個，需要先安裝
hexo new post "new blog name"   //新建一個.md檔案，並編輯完成自己的部落格內容
git add source  //經測試每次只要更新sorcerer中的檔案到Github中即可，因為只是新建了一篇新部落格
git commit -m "XX"
git push origin hexo  //更新分支
hexo d -g   //push更新完分支之後將自己寫的部落格對接到自己搭的部落格網站上，同時同步了Github中的master

如果hexo d -g沒有生效
可以再執行

hexo g
hexo d

你如果有多個電腦在用，每次寫了blog在其他電腦上執行一下:

git pull origin hexo

再寫

完整的配置資訊如下

# Site #站點資訊
title: blog Name #標題
subtitle: Subtitle #副標題
description: my blog desc #描述
author: me #作者
language: zh-CN #語言
timezone: Asia/Shanghai #時區

# URL
url: http://yoururl.com   #用於繫結域名, 其他的不需要配置
root: /
#permalink: :year/:month/:day/:title/
permalink: posts/title.html
permalink_defaults:

# Directory #目錄
source_dir: source #原始檔
public_dir: public #生成的網頁檔案
tag_dir: tags #標籤
archive_dir: archives #歸檔
category_dir: categories #分類
code_dir: downloads/code
i18n_dir: :lang #國際化
skip_render:

# Writing #寫作
new_post_name: :title.md #新文章標題
default_layout: post #預設模板(post page photo draft)
titlecase: false #標題轉換成大寫
external_link: true #新標籤頁裡開啟連線
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight: #語法高亮
  enable: true
  line_number: true #顯示行號
  auto_detect: true
  tab_replace:

# Category & Tag #分類和標籤
default_category: uncategorized #預設分類
category_map:
tag_map:

# Date / Time format #日期時間格式
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination #分頁
per_page: 10 #每頁文章數, 設定成 0 禁用分頁
pagination_dir: page

# Extensions #外掛和主題
## 外掛: http://hexo.io/plugins/
## 主題: http://hexo.io/themes/
theme: next

# Deployment #部署, 同時釋出在 GitHub 和 GitCafe 上面
deploy:
- type: git
  repo: [email protected].com:username/username.git,gitcafe-pages
- type: git
  repo: [email protected].com:username/username.github.io.git,master

# Disqus #Disqus評論系統
disqus_shortname: 

plugins: #外掛，例如生成 RSS 和站點地圖的
- hexo-generator-feed
- hexo-generator-sitemap