用hexo快速搭建博客

2018-04-03

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

快速开始

前提：

Node.js
Git

安装：

  $ npm install -g hexo-cli

初始化：

  $ hexo init <folder>
  $ cd <folder>
  $ npm install

新建完成后，指定文件夹的目录如下：


  ├── scaffolds         # 模版 文件夹
  ├── source            # 资源源文件
  |   ├── _drafts
  |   └── _posts
  ├── themes            # 主题包
  ├── _config.yml       # 网站配置信息
  └──  package.json

本地预览：

  $ hexo server   # 启动本地服务器

这样在 http://localhost:4000/ 就可以看到网站了。

部署到github

在自己的github下新建一个repositories，命名为[your github name].github.io
用 SSH 将 Git 和 GitHub 绑定（具体操作自行百度）
在配置文件 _config.yml 下配置

deploy:
  type: git
  repo: https://github.com/[your github name]/[your github name].github.io.git
  branch: master

例如我的配置信息为：

    deploy:
      type: git
      repo: https://github.com/phoebeCodeSpace/phoebecodespace.github.io.git
      branch: master

发布文章

  $ hexo new "MyNewPost"      # 自动新建文件 MyNewPost.md 到source目录
  $ hexo server               # 启动本地服务器
  $ hexo clean                # 清除缓存文件 (db.json) 和已生成的静态文件 (public)
  $ hexo generate             # 生成静态资源
  $ hexo deploy               # 部署到远程服务器

文章内容在 source/_post/MyNewPost.md里用markdown编写，启动本地服务器后在 http://localhost:4000/ 预览，部署到GitHub之后可在[your github name].github.io预览

可能出现的错误：

# 错误提示
ERROR Deployer not found: git

# 解决办法
npm install hexo-deployer-git --save

细节优化

主题配置

在主题库中选择自己喜欢的主题：

点击图片可访问预览效果，点击标题可进入主题下载地址

将主题文件下载至目录 themes/ 下

   git clone [theme-github-url] themes/[theme-name]

在配置文件 _config.yml 下配置
```
   theme: [theme-name]
```
执行 hexo deploy 重新发布