mac上Hexo+Github 搭建属于自己的博客（上）

前言

一直想搭建属于自己的博客，博客可以记录学习历程、总结经验。趁着周末查了几篇博客，心里有个底，话不多说，开始吧~！

主要步骤

• 配置环境
• 本机测试Hero
• 申请github账号并配置
• 本地博客部署到github上
• 给博客配置喜欢的主题

配置环境

• 安装git，安装完后，打开iTerm(终端),输入git --version,能查看到版本号就说明安装成功了

$ git --version
git version 2.8.4 (Apple Git-73) ```
* 下载[node.js](https://nodejs.org/en/)，下载好后先放着，待会用。
* 安装Homebrew（前提是安装了ruby，Mac下自带ruby，所以安装ruby略过），终端输入ruby -e "$(curl -fsSL [https://raw.githubusercontent.com/Homebrew/install/master/install](https://raw.githubusercontent.com/Homebrew/install/master/install))"。输入brew -v检查Homebrew是否安装成功

$ brew -v
Homebrew 1.1.9
Homebrew/homebrew-core (git revision f0b6; last commit 2017-02-10)```

• 安装node，打开刚刚下载的安装包并安装

终端输入brew install node安装node，安装完同样查看版本号node -v

$ node -v
v6.9.5```
* 安装Hexo，万事(git & node)具备只欠东风(Hexo)，想了解Hexo的可以看看[Hexo中文官方文档](https://hexo.io/zh-cn/docs/) [Hexo英文官方文档](https://hexo.io/)，话不多说安装Hexo，终端输入npm install -g hexo

npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "hexo"
npm ERR! node v6.9.5
npm ERR! npm v3.10.10
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access```
如果你的终端出现了上面这些，说明安装失败，我也纠结了好久，Google了一下问题，终于找到答案，终端重新输入sudo npm install -g hexo

  │ └── get-stdin@4.0.1 
  ├─┬ swig@1.4.2 
  │ ├─┬ optimist@0.6.1 
  │ │ ├── minimist@0.0.10 
  │ │ └── wordwrap@0.0.3 
  │ └─┬ uglify-js@2.4.24 
  │   ├── async@0.2.10 
  │   ├─┬ source-map@0.1.34 
  │   │ └── amdefine@1.0.1 
  │   ├── uglify-to-browserify@1.0.2 
  │   └─┬ yargs@3.5.4 
  │     ├── camelcase@1.2.1 
  │     ├── window-size@0.1.0 
  │     └── wordwrap@0.0.2 
  ├─┬ swig-extras@0.0.1 
  │ └─┬ markdown@0.5.0 
  │   └── nopt@2.1.2 
  ├── text-table@0.2.0 
  ├─┬ tildify@1.2.0 
  │ └── os-homedir@1.0.2 
  ├── titlecase@1.1.2 
  └─┬ warehouse@2.2.0 
    ├─┬ cuid@1.3.8 
    │ ├── browser-fingerprint@0.0.1 
    │ ├── core-js@1.2.7 
    │ └── node-fingerprint@0.0.2 
    ├─┬ is-plain-object@2.0.1 
    │ └── isobject@1.0.2 
    └─┬ JSONStream@1.3.0 
      ├── jsonparse@1.3.0 
      └── through@2.3.8 ```
安装成功会出现一大串这些东东。
* 初始化Hexo，桌面新建Blog文件（以后bolg配置文件，博文都放这里），该目录下打开终端输入hexo init，然后它会自动在Blog文件夹下生成一些配置文件，这个blog文件夹就是博客的根目录。

$ Hero init
.
.
...
INFO Start blogging with Hexo!```
上面显示的证明Hero初始化成功了。新建的Bolg文件夹生成出的目录结构(想了解目录结构用途可以参考Hexo中文官方文档)

.
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
|   ├── _drafts
|   └── _posts
└── themes```
##本机测试Hero
在blog目录下打开终端分别输入
* `$ hexo generate `或者简写`$ hexo g`
生成静态文件，会在当前目录下生成一个新的叫做public的文件夹
* `$ hexo server` 或者简写`$ hexo s`
启动本地web服务，用于博客的预览
* 最激动人心的时刻
打开浏览器输入[http://localhost:4000/](http://localhost:4000/)你会看到Hexo默认主题和一篇默认博文
![Paste_Image.png](https://img.haomeiwen.com/i1292402/dc94b8ba1eab86aa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
##总结
这只是本机的部署，下面还要进行github配置和Hexo主题设置，因为博客是要部署到github上的。


如果本篇博文对你有帮助，我会很开心因为觉得没白写哈哈~~如果有错可以评论上指出，感谢每一位点开博文的朋友~