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,打开刚刚下载的安装包并安装
Paste_Image.png

终端输入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](http://upload-images.jianshu.io/upload_images/1292402-dc94b8ba1eab86aa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
##总结
这只是本机的部署,下面还要进行github配置和Hexo主题设置,因为博客是要部署到github上的。


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

推荐阅读更多精彩内容