寫在前面的話
阮一峰說過，喜歡寫Blog的人，會經歷三個階段。
（1）第一階段，剛接觸Blog，覺得很新鮮，試著選擇一個免費空間來寫。
（2）第二階段，發現免費空間限制太多，就自己購買域名和空間，搭建獨立博客。
（3）第三階段，覺得獨立博客的管理太麻煩，最好在保留控制權的前提下，讓別人來管，自己只負責寫文章。
我自己就是從一開始在CSDN寫，后來租用阿里云的服務器，用WordPress搭建自己的博客，再到現在整體搬遷到Github上來，整個過程是一種鍛煉，也是一種成長。
GitHub Pages是什么？
GitHub Pages本用于介紹托管在GitHub的項目， 不過，由于他的空間免費穩定，用來做搭建一個博客再好不過了。
為什么選擇GitHub Pages？
GitHub Pages有300M免費空間，搭建的博客可以很方便的進行管理，并且保存可靠；
GitHub 是趨勢，GitHub上面有很多大牛，學IT的人應該盡早融入這樣的環境，
程序員應該學會使用Git來管理項目，熟悉版本控制。
Github上有很多的開源項目，多學習學習，眼界會開闊很多；

接下來應該怎么做？
Hexo 是一個簡單地、輕量地、基于Node的一個靜態博客框架，可以方便的生成靜態網頁托管在github。我們要使用Github Pages + Hexo搭建博客站點，就必須注冊Github賬號，安裝git、node.js以及hexo等，接下來就一起來實踐吧！
Github注冊與配置
注冊
如果你還沒有自己的Github賬號，那請到Github官網注冊賬號：https://github.com/
注冊成功后github會發送驗證郵件到你的郵箱，請查收郵件并進行驗證。
新建版本庫
注冊完成后，點擊Start a project來新建一個版本庫

30-1

30-2

30-3

30-4

30-5

git --version

若安裝成功會打印出本機安裝的git的版本。
添加SSH KEY到Github
SSH Key是一個認證，讓github識別綁定這臺機器，允許這臺機器提交。
（1）檢查本機是否有SSH KEY設置
打開git bash，輸入cd ~/.ssh 或cd .ssh
如果沒有則提示： No such file or directory
如果有則進入~/.ssh路徑下（ls查看當前路徑文件，rm * 刪除所有文件）
（2）配置生成SSH KEY
1
2
3
4
5
6
7
8
9
10

$ cd ~ #保證當前路徑在”~”下
$ ssh-keygen -t rsa -C "這里填寫你的郵箱地址"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa): #不填直接回車
Enter passphrase (empty for no passphrase): #輸入密碼（可以為空）
Enter same passphrase again: #再次確認密碼（可以為空）
Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa. #生成的密鑰
Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub. #生成的公鑰
The key fingerprint is:
e3:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com

至此，已經生成ssh key，其存放路徑為：c:/Users/你電腦的用戶名/.ssh/下。
注釋：可生成ssh key自定義名稱的密鑰，默認id_rsa。
（3）復制SSH KEY到Github
到C盤你的用戶目錄下找到.ssh文件夾，查看里面是否有id_rsa和id_rsa.pub這兩個文件。
登錄GitHub系統；點擊右上角賬號頭像的“▼”→Settings→SSH kyes→Add SSH key，Title自定義，復制id_rsa.pub的公鑰內容到GitHub中Add an SSH key的key輸入框，最后“Add Key”。
（4）配置賬戶
1寫在前面的話
阮一峰說過，喜歡寫Blog的人，會經歷三個階段。
（1）第一階段，剛接觸Blog，覺得很新鮮，試著選擇一個免費空間來寫。
（2）第二階段，發現免費空間限制太多，就自己購買域名和空間，搭建獨立博客。
（3）第三階段，覺得獨立博客的管理太麻煩，最好在保留控制權的前提下，讓別人來管，自己只負責寫文章。
第一部分
GitHub Pages是什么？
GitHub Pages本用于介紹托管在GitHub的項目， 不過，由于他的空間免費穩定，用來做搭建一個博客再好不過了。
為什么選擇GitHub Pages？
GitHub Pages有300M免費空間，搭建的博客可以很方便的進行管理，并且保存可靠；
GitHub 是趨勢，GitHub上面有很多大牛，學IT的人應該盡早融入這樣的環境，
程序員應該學會使用Git來管理項目，熟悉版本控制。
Github上有很多的開源項目，多學習學習，眼界會開闊很多；

接下來應該怎么做？
Hexo 是一個簡單地、輕量地、基于Node的一個靜態博客框架，可以方便的生成靜態網頁托管在github。我們要使用Github Pages + Hexo搭建博客站點，就必須注冊Github賬號，安裝git、node.js以及hexo等，接下來就一起來實踐吧！
Github注冊與配置
注冊
如果你還沒有自己的Github賬號，那請到Github官網注冊賬號：https://github.com/
注冊成功后github會發送驗證郵件到你的郵箱，請查收郵件并進行驗證。
新建版本庫
注冊完成后，點擊Start a project來新建一個版本庫

git --version

若安裝成功會打印出本機安裝的git的版本。
添加SSH KEY到Github
SSH Key是一個認證，讓github識別綁定這臺機器，允許這臺機器提交。
（1）檢查本機是否有SSH KEY設置
打開git bash，輸入cd ~/.ssh 或cd .ssh
如果沒有則提示： No such file or directory
如果有則進入~/.ssh路徑下（ls查看當前路徑文件，rm * 刪除所有文件）
（2）配置生成SSH KEY
1
2
3
4
5
6
7
8
9
10

$ cd ~ #保證當前路徑在”~”下
$ ssh-keygen -t rsa -C "這里填寫你的郵箱地址"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa): #不填直接回車
Enter passphrase (empty for no passphrase): #輸入密碼（可以為空）
Enter same passphrase again: #再次確認密碼（可以為空）
Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa. #生成的密鑰
Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub. #生成的公鑰
The key fingerprint is:
e3:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com

至此，已經生成ssh key，其存放路徑為：c:/Users/你電腦的用戶名/.ssh/下。
注釋：可生成ssh key自定義名稱的密鑰，默認id_rsa。
（3）復制SSH KEY到Github
到C盤你的用戶目錄下找到.ssh文件夾，查看里面是否有id_rsa和id_rsa.pub這兩個文件。
登錄GitHub系統；點擊右上角賬號頭像的“▼”→Settings→SSH kyes→Add SSH key，Title自定義，復制id_rsa.pub的公鑰內容到GitHub中Add an SSH key的key輸入框，最后“Add Key”。
（4）配置賬戶
1
2
3

$ git config --global user.name “your_username” #設置用戶名
$ git config --global user.email “your_registered_github_Email”

設置郵箱地址(建議用注冊giuhub的郵箱)

（5）測試SSH KEY是否設置成功
1

$ ssh -T git@github.com

接下來會返回一些信息，并需要你輸入一次yes，若生成ssh key時設置有密碼則還會讓你輸入生成ssh key時設置的密碼。
Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. #出現詞句話，說明設置成功。
SSH-KEY的生成與配置可參考圖文教程window下配置SSH連接GitHub、GitHub配置ssh key：
下載并安裝node.js
下載
根據自己電腦操作系統的位數到git官網下載相應的版本：
https://nodejs.org/en/download/
安裝
根據自己的需要安裝到響應的地方，其他的一路點擊next即可
配置環境變量
選中桌面圖標計算機，右鍵選擇屬性，打開左邊的高級系統設置，打開彈出窗口的環境變量，找到path進行編輯。
找到node.js的安裝目錄，將其復制后粘貼到path后面。注意每一個加進來的路徑后面都要帶英文格式的分號。
測試是否安裝成功
windows+R輸入cmd打開命令提示符窗口，輸入如下命令：
1

node -v

若安裝成功會打印出本機安裝的node.js的版本。
安裝和配置hexo
hexo是基于node.js的靜態博客，官網也是搭建在GitHub上。
安裝
在你喜歡的路徑下新建一個文件夾blog，用來存放博客的文件，在此文件夾中右鍵打開Git Bash
輸入如下指令進行安裝：
1

$ npm install -g hexo-cli

如果執行這條命令時長時間未成功，那么請先使用下面的命令將npm鏡像源更改為國內的鏡像，再執行上面的安裝命令，因為國外的鏡像源很有可能被墻了。
1

npm config set registry https://registry.npm.taobao.org

初始化hexo
1

$ hexo init hexo

這里會將Github上的hexo項目clone下來，得到hexo文件夾。
初始化成功后會在最后打印一行：INFO Start blogging with Hexo!
安裝依賴文件
進入到hexo文件夾
1

$ cd hexo

安裝依賴文件：
1

$ npm install

部署形成文件：
1

$ hexo generate

本地測試
1

$ hexo server

type: git
repository: https://github.com/你的Github用戶名/你的Github用戶名.github.io.git
branch: master

type使用是git。
repository屬性改成你的剛才創建倉庫git地址。
分支branch填寫master。
安裝hexo-deployer-git插件
1

$ npm install hexo-deployer-git --save

部署到Github上
依次執行以下三條命令：
1

$ hexo clean #清除緩存 網頁正常情況下可以忽略此條命令

1

$ hexo generate #生成靜態頁面至public目錄

1

$ hexo deploy #將.deploy目錄部署到GitHub

執行hexo deploy命令之后，如果最后一行打印出如下信息則表示部署成功
1

INFO Deploy done: git

然后你再去訪問你創建的Github pages地址，也就是：你的Github用名.github.io，即可看到你本地的hexo項目已經被部署到github上去了。此時博客的默認主題是landscape，即上面本地測試時的樣子。
第二部分
主要講解Hexo的站點配置、主題配置和使用以及博客文章的發布。
在Hexo中有兩份主要的配置文件，其名稱都是_config.yml。其中，一份位于站點根目錄下，主要包含Hexo本身的配置,我們稱之為全局配置文件；另一份位于主題目錄下，這份配置由主題作者提供，主要用于配置主題相關的選項,我們稱之為主題配置文件。
hexo的官方網站：https://hexo.io/，里面有hexo的詳細說明文檔，不過是英文的。沒關系，英語不好的請往下看。
注意：配置文件中每個字段后面的冒號是英文格式的，且在其后要加一個空格再寫值
比如：
1

title: Myblog

hexo的站點配置
編輯hexo目錄下的_config.yml文件，具體配置如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

Hexo Configuration

Docs: https://hexo.io/docs/configuration.html

Source: https://github.com/hexojs/hexo/

Site 站點信息配置，根據自己的需要進行修改

title: Zeng's Blog #站點名，會在瀏覽器頁面標簽左上角顯示
subtitle: Love Coding,Enjoy Life #副標題
description: zeng #對站點的描述，給搜索引擎看的，可以自定義
author: zeng #網站作者
language: zh-Hans #網站語言
timezone: Asia/Shanghai #時區
avatar: /images/logo.jpg #網站logo，會在瀏覽器頁面標簽左上角顯示

URL 博客地址,與申請的GitHub一致

If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: https://fzy-line.github.io/
root: /

博客鏈接格式

permalink: :year/:month/:day/:title/
permalink_defaults:

Directory #目錄設置，一般不修改

source_dir: source #資源文件夾，放在里面的文件會上傳到github中
public_dir: public #公共文件夾，存放生成的靜態文件
tag_dir: tags #標簽文件夾，默認是tags。實際存放在source/tags中。
archive_dir: archives #檔案文件夾，默認是archives。
category_dir: categories #分類文件夾，默認是categories。實際存放在source/categories中。
code_dir: downloads/code #代碼文件夾，默認是downloads/code
i18n_dir: :lang #國際化文件夾，默認跟language相同
skip_render: #跳過指定文件的渲染，您可使用 glob 來配置路徑。

Writing 這是文章布局、寫作格式的定義，一般不修改

new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace:

Category & Tag #分類和標簽，一般不修改

default_category: uncategorized
category_map:
tag_map:

Date / Time format #日期、時間格式，一般不修改

Hexo uses Moment.js to parse and display date

You can customize the date format as defined in

http://momentjs.com/docs/#/displaying/format/

date_format: YYYY-MM-DD
time_format: HH:mm:ss

Pagination #可根據自己需要修改

Set per_page to 0 to disable pagination

per_page: 6 #分頁，每頁文章數量
pagination_dir: page

Extensions #擴展

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

theme: next #博客主題

Deployment 這里配置站點部署到Github，上一節中已經講過

Docs: https://hexo.io/docs/deployment.html

deploy:
type: git
repository: git@github.com:你的Github用戶名.github.io.git
branch: master

hexo使用主題
Hexo 安裝主題的方式非常簡單，只需要將主題文件拷貝至站點目錄的 themes 目錄下， 然后修改下配置文件即可。
hexo官方主題下載地址：https://hexo.io/themes/，里面有多種多樣的主題模板供大家選擇。
這里推薦一款很火的主題：next，下面的配置也是以這個主題為例。如果你使用的是其他的主題，那么請你自己根據說明文檔進行配置。
next主題的官網，有很詳細的配置文檔：http://theme-next.iissnan.com/
下載主題
next下載地址：https://github.com/iissnan/hexo-theme-next

Extensions #擴展

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

theme: next #博客主題，默認是landscape

在theme字段這里填上你下載的主題的文件夾的名字，例如我們使用next主題就填上next。這樣配置文件就和我們的主題文件關聯起來了。
配置主題配置文件
主題配置文件位于站點目錄下的/themes/next/目錄下，打開編輯，這里我們只貼出需要修改的地方進行介紹，如下：
（1）配置基本信息
1
2
3
4
5
6
7
8
9
10
11

網站圖標，將其放在hexo站點/source/目錄下

favicon: /logo.jpg

關鍵詞，例如下面是我寫的

keywords: "Python,Life,Android"

網站建立時間，顯示在頁面底部

since: 2016

網站版權聲明，顯示在頁面底部

copyright: true

（2）選擇外觀樣式
目前 NexT 支持三種 Scheme，他們是：
Muse - 默認 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
Mist - Muse 的緊湊版本，整潔有序的單欄外觀
Pisces - 雙欄 Scheme，小家碧玉似的清新

Schemes

scheme: Muse

scheme: Mist

scheme: Pisces

（3）設置菜單
菜單內容的設置格式是：item name: link。其中 item name 是一個名稱，這個名稱并不直接顯示在頁面上，它將用于匹配圖標以及翻譯。
1
2
3
4
5
6
7
8

menu:
home: /
archives: /archives
categories: /categories
tags: /tags
about: /about

sitemap: /sitemap.xml

commonweal: /404.html

此設定格式是 item name: icon name，其中 item name 與上一步所配置的菜單名字對應，icon name 是 Font Awesome 圖標的 名字。而 enable 可用于控制是否顯示圖標，你可以設置成 false 來去掉圖標。
1
2
3
4
5
6
7
8
9
10
11

menu_icons:
enable: true

KeyMapsToMenuItemKey: NameOfTheIconFromFontAwesome

home: home
about: user
categories: th
schedule: calendar
tags: tags
archives: archive
sitemap: sitemap
commonweal: heartbeat

測試配置效果
1
2
3

$ hexo clean #用于清除緩存
$ hexo generate #生成靜態網頁
$ hexo server #開啟本地預覽

訪問：http://localhost:4000/ 查看效果，如下圖：

$ hexo new page "pageName"

我們新建分類、標簽、關于頁面：
1

$ hexo new page 'categories'

1

$ hexo new page 'tags'

1

$ hexo new page 'about'

分別執行完這三條命令后，我們會發現站點目錄下的/source/目錄下多了三個文件夾：categories，tags，about，每個文件夾里面都會生成一個index.md文件，如下：
默認都只會生成title和date字段，我們要為其添加上type字段，并賦值。
注意：博客文章的抬頭信息中每個字段后面的冒號是英文格式的，而且其后要加一個空格再寫值
categories下的index.md：
1
2
3
4
5

title: categories
date: 2016-12-02 23:28:27
type: categories

tags下的index.md：
1
2
3
4
5

title: tags
date: 2016-12-02 23:31:23
type: tags

about下的index.md：
1
2
3
4
5

title: about
date: 2016-12-02 23:31:23
type: about

這樣我們的這幾個頁面也就沒有問題了。至此，基本的配置也就完成了，接下來介紹如何寫博客與發布博客。
發布博客
新建博客文章
1

$ hexo new "postName" #新建文章

實例：
新建博客《我的第一篇博客》
1

$ hexo new "我的第一篇博客"

到站點目錄下的/source/_posts/目錄下可以看到生成了名為：我的第一篇博客.md的文件，這是Markdown格式的文件，可以用sublime text3或者notepad++等編輯器打開，也可以下載一個MarkdownPad來編輯Markdown文件。
Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內容具有一定的格式。
如果你沒有使用過Markdown編輯器，那請你自己去學習一下Markdown語法。
Markdown 語法說明(簡體中文版)：http://www.appinn.com/markdown/
編輯博客
Hexo默認新建的文章抬頭已有title、date、tags等屬性，可能缺乏categories和meta標簽，想要指定目錄就需要添加categories屬性，而meta標簽則是為了便于搜索引擎的收錄。如下：
1
2
3
4
5

title: 我的第一篇博客
date: 2016-12-02 23:44:20
tags: #文章標簽 可以省略

tags字段是文章的標簽，可以指定標簽也可以不指定，如果要指定多個標簽需要這樣做：
1

tags: [Linux,Http,網絡]

我們可以添加上categories字段，對博客進行分類管理，然后點擊主頁左側菜單的分類就可看到具體的分類。例如：
1

categories: Linux

即可，主題會自動識別這個標簽，生成對應的閱讀全文按鈕。
1
2
3

以上是文章摘要

以下是余下全文

發布博客
1

$ hexo clean #清除緩存 網頁正常情況下可以忽略此條命令

1

$ hexo generate #生成靜態頁面至public目錄

寫好之后可以現在本地預覽，確定無誤之后再部署到Github上。
1

$ hexo server #開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server）

1

$ hexo deploy #將.deploy目錄部署到GitHub

需要說明的是：
我們博客文章的編寫都是Markdown文件，但是發布到github上的其實是html文件，將Markdown轉換成html這個工作我們只要輸入hexo generate命令即可，hexo會幫我們完成轉換。
hexo命令簡寫形式
1
2
3
4

hexo n "我的博客" == hexo new "我的博客"
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

第三部分
主要介紹了自己的博客站點所使用的一些第三方服務的配置，以及主題的一些優化。當然，每個人的需要都不太相同，大家也可以根據自己的喜好去選擇使用第三方服務來讓自己的博客站點更完善更強大。
再次強調：在Hexo中有兩份主要的配置文件，其名稱都是config.yml。其中，一份位于站點根目錄下，主要包含Hexo本身的配置,我們稱之為全局配置文件；另一份位于主題目錄下，這份配置由主題作者提供，主要用于配置主題相關的選項,我們稱之為主題配置文件。
博客圖片存放
Markdown編輯器支持插入圖片，可以直接給出圖片的鏈接，因此我們可以將圖片存放在我們hexo項目的目錄下，再填寫對應的路徑，也可以將其存放在云服務器上，然后給出鏈接。
在這里，我們介紹使用七牛云來進行圖片托管。七牛云是國內領先的企業級云服務商,致力于打造以數據為核心的場景化PaaS服務，圖片加載速度還不錯，一般也不會出現圖片掛掉的情況。
注冊賬號
注冊申請一個個人賬號，然后激活郵箱完成注冊。
官網地址：http://www.qiniu.com/
存儲圖片
（1）點擊左側菜單的對象存儲

（2）點擊上端的添加來創建存儲空間

（3）填寫好基本信息，點擊確定創建

（4）來到新創建的存儲空間，點擊內容管理

（5）在內容管理中可以看到文件列表，點擊上傳文件

（6）可以設置上傳的文件的前綴，以便進行分類管理

（7）點擊關閉，回到內容管理頁面查看上傳的文件，復制圖片鏈接

至此，我們就將我們博客需要的圖片存儲到了七牛云，然后我們只要將復制的圖片鏈接插入到博客人文章中即可顯示圖片，感覺顯示速度還是蠻快的。
配置第三方服務
多說社會化評論
（1）多說創建站點
多說官網：http://duoshuo.com/
登錄多說官網，點擊主頁的我要安裝來到創建站點頁面填寫基本信息：

點擊創建后出現：服務異常,請聯系客服人員的錯誤不是因為真的出現異常，而是你填寫的用戶名或者其他信息不符合他的要求，只是他沒有提示你，這是需要注意的地方。比如我遇到的是用戶名不能使用‘-’中劃線和‘

duoshuo_shortname: fzyLine

（3）實現效果

多說分享服務

duoshuo_share: true

實現效果：

效果：本站訪客數12345人次

site_uv: true
site_uv_header: 本站訪客數
site_uv_footer: 人次

當site_pv: true時，代表在頁面底部顯示站點的PV值。即總訪問量：
1
2
3
4

效果：本站總訪問量12345次

site_pv: true
site_pv_header: 本站總訪問量
site_pv_footer: 次

當page_pv: true時，代表在文章頁面的標題下顯示該頁面的PV值（閱讀數）。
1
2
3
4

效果：本文總閱讀量12345次

page_pv: true
page_pv_header: 本文總閱讀量
page_pv_footer: 次

站內搜索
next主題的官方文檔提供了幾種實現搜索服務的方式，我們就使用配置最簡單的Local Search，添加百度/谷歌/本地 自定義站點內容搜索。
（1）安裝 hexo-generator-searchdb，在站點目錄下執行以下命令：
1

$ npm install hexo-generator-searchdb --save

（2）編輯全局配置文件，新增以下內容到任意位置：
1
2
3
4
5

search:
path: search.xml
field: post
format: html
limit: 10000

（3）編輯主題配置文件啟用本地搜索
1
2
3

Local search

local_search:
enable: true

（4）實現效果

reward_comment: 堅持原創技術分享，您的支持將鼓勵我繼續創作！
wechatpay: 微信當面付圖片的url
alipay: 支付寶當面付圖片的url

實現效果：

安裝genymotion

1.上genymotion官網下載對應的安裝包

2.把下載好的安裝包移動到/opt目錄下（注：本人習慣，不一定非得安裝到這個目錄下），如果安裝包上有個鎖子的標識記得改變下文件的權限，在終端輸入：

sudo chmod 777 genymotion-2.6.0-linux_x64.bin

./genymotion-2.6.0-linux_x64.bin

3.解壓完成后進入genymotion目錄找到genymotion啟動，如下圖：

Paste_Image.png

4.登錄自己的genymotion的賬號，下載自己要用的模擬器。

5.設置adb

現在就可以啟動模擬器了。
注意：安裝完genymotion后，如果啟動報錯unable to start VirtualBox。
解決：卸載VirtualBox重新安裝（一定要卸載干凈）

查看安裝的所有軟件：dpkg -l

原文鏈接：http://www.lxweimin.com/p/b3b4c9ac3f04