前言
一直想搭建属于自己的博客,博客可以记录学习历程、总结经验。趁着周末查了几篇博客,心里有个底,话不多说,开始吧~!
主要步骤
- 配置环境
- 本机测试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](http://upload-images.jianshu.io/upload_images/1292402-dc94b8ba1eab86aa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
##总结
这只是本机的部署,下面还要进行github配置和Hexo主题设置,因为博客是要部署到github上的。
如果本篇博文对你有帮助,我会很开心因为觉得没白写哈哈~~如果有错可以评论上指出,感谢每一位点开博文的朋友~