一直以來就想搭建一個自己的博客，不想其它網(wǎng)站那么雜亂，需要一個純粹的記錄成長之路的地方。查了很多資料，最后決定用hexo 搭建一個靜態(tài)網(wǎng)頁，托管在gitHub上。下面我就介紹一下我的搭建之路，我的搭建網(wǎng)頁。

1. gitHub

gitHub 的注冊及配置我就不介紹了，這個哪里都可以查到，我介紹一下注冊過后遠(yuǎn)程倉庫的創(chuàng)建。
首先創(chuàng)建遠(yuǎn)程倉庫：

屏幕快照 2016-07-16 02.49.16.png

在后面的Respository name 里面輸入：gavincarter1991.github.io 這個格式是定的（gavincarter1991 需要填寫你的用戶名）我沒有測試過如果不填寫自己用戶名的后果，不過查了很多資料都推薦這樣填寫，有的還是不以這樣的方式會報(bào)錯，沒有實(shí)踐，我沒有發(fā)言權(quán)。

屏幕快照 2016-07-16 02.49.37.png

2. homebrew安裝

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install node

查看安裝是否成功：

npm -v

node -v

安裝成功會顯示版本號：

屏幕快照 2016-07-16 03.09.16.png

3. 開始安裝hexo

首先進(jìn)入你需要存放博客的文件夾，然后：

npm install hexo -g

查看版本號：

hexo version

初始化項(xiàng)目：(類似于git)

hexo init

4. 開始使用

創(chuàng)建頁面：

hexo new post "My First Blog"

生成靜態(tài)文件(會在當(dāng)前目錄下生成一個新的叫做public的文件夾)

hexo g # 或者h(yuǎn)exo generate

開啟本地服務(wù) 用于在本地瀏覽 Ctrl+C退出查看

hexo s # 或者h(yuǎn)exo server，可以在輸入http://localhost:4000/ 查看 或者 按住Command 雙擊命令行下的網(wǎng)址（http://localhost:4000/）

這時網(wǎng)頁已經(jīng)成型了。

接下來就是要部署到gitHub上 只需要在配置文件_config.xml中作如下修改：

deploy:
  type: git
  repo: git@github.com:gavincarter1991/gavincarter1991.github.io
  branch: master

當(dāng)然gavincarter1991位置還是填你的信息

然后安裝一個自動工具，方便以后頁面的部署：

npm install hexo-deployer-git --save

部署去gitHub：

hexo d

以后每一次部署的一般步驟：

hexo clean
hexo g
hexo d

5.寫文章

首先；

hexo new post "My First Blog"

然后去目錄：source_posts下找到My First Blog.md（markdown文件）開始編輯文章了。我Mac用的是Mou編輯器，你可以自由選擇適合自己的markdown編輯器。這里有markdown使用技巧
寫好以后就可以按照前面的部署常用步驟進(jìn)行部署了。

6. 其他

1.主題：hexo有很多第三方主題可以選擇，通過git clone
2.配置修改參數(shù)詳見 我寫幾個常用的：
頭像：把圖片放在主題內(nèi) source/images/，圖片鏈接地址可以填 /images/avatar.png 然后在當(dāng)前主題的_config.yml 不是根目錄的_config.yml（如果你換了主題，需要根據(jù)自己選擇的主題進(jìn)入里面去設(shè)置）

# Sidebar Avatar
# in theme directory(source/images): /images/avatar.jpg
# in site  directory(source/uploads): /uploads/avatar.jpg
avatar: /images/avatar.jpg

個人中心配置：（根目錄的_config.yml）

# Site
title: Gavin
subtitle: 記錄成長過程中的點(diǎn)點(diǎn)滴滴
description: 我愛敏敏
author: kindyourself@163.com
language: zh-Hans
timezone:

顯示標(biāo)簽與分類：取消對應(yīng)注釋

# When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -> archives)
menu:
  home: /
  categories: /categories
  #about: /about
  archives: /archives
  tags: /tags
  #commonweal: /404.html

然后創(chuàng)建分類

hexo new page "categories"

在/source/categories下有個index.md 按照如下填寫：

---
title: categories
date: 2016-07-16 02:21:37
type: "categories"
comments: false
---

以后在寫文章的時候加上分類就會自動創(chuàng)建分類了

layout: '[layout]'
title: iOS-自定義帶抽屜效果的tabBar
date: 2016-07-12 23:19:35
tags: [自定義，抽屜，tabBar]
categories: "iOS" // 分類
---

創(chuàng)建標(biāo)簽

hexo new page "tags"

在/source/tags下有個index.md 按照如下填寫：

---
title: All tags
date: 2016-07-16 02:11:12
type: "tags"
comments: false
---

以后在寫文章的時候加上標(biāo)簽就會自動計(jì)入

layout: '[layout]'
title: iOS-自定義帶抽屜效果的tabBar
date: 2016-07-12 23:19:35
tags: [自定義，抽屜，tabBar] // 標(biāo)簽
categories: "iOS"
---

下載主題：

git clone https://github.com/iissnan/hexo-theme-next themes/next

7. 總結(jié)

這個在網(wǎng)上還有很多很詳細(xì)的教程，這是我的大致操作流程。感覺這個可以很簡單，就是少去動原生的。如果你想要去搗鼓會發(fā)現(xiàn)還是有很多可以搗鼓的，因?yàn)樗泻芏嗟膮?shù)可以配置。我只是配置了一下我覺得在我看來重要的。有興趣的朋友可以去搗鼓搗鼓。-太晚了，都4點(diǎn)了，睡覺去