个人博客搭建hexo+github(1):初体验

hexo_github.png

hexo简介

A fast, simple & powerful blog framework, powered by Node.js.
Features

- Blazing fast generating
   - Support for GitHub Flavored Markdown and most Octopress plugins
- One-command deploy to GitHub Pages, Heroku, etc.
- Powerful plugin system

本地环境

Win10 x64

安装必须的软件

安装git(1.9.5)

安装node.js(4.2.2)

安装hexo(3.1.1)

必须先安装node.js在在git-bash里执行

1
$ npm install -g hexo

更新hexo

1
npm update hexo -g

配置github

  • 到Repository下,找到以下内容

    gihub_https_link.png
  • 先点击HTTPS,然后复制里面的地址。然后编辑_config.yml文件(在C:\Hexo下)

    hexo_configure_file.png
  • 修改文件里面的deploy。其中的repository就改成你刚刚复制的地址。保存这个文件。hexo_deploy.png

注意每个冒号后面有一个空格

配置hexo

新建 hexo文件夹

建立一个名字叫「Hexo」的文件夹,然后在此文件夹中右键打开Git Bash。

1
$ hexo init

Hexo随后会自动在目标文件夹建立网站所需要的所有文件。
现在我们已经搭建起本地的hexo博客了,执行以下命令(在C:\hexo),然后到浏览器输入localhost:4000看看。

1
2
$ hexo g
$ hexo s

写文章

执行以下命令

1
$ hexo n #写文章

或者,直接在source/_posts文件夹下新建md文件

部署

推送到服务器上,执行

1
2
3
$ hexo clean #生成
$ hexo g #生成
$ hexo d #部署,可与hexo g合并为hexo d -g

配置主题

  • 下载主题

    download theme
    1
    git clone https://github.com/iissnan/hexo-theme-next themes/hexo-theme-next
  • 在hexo目录下的_config.yml中修改主题

    1
    theme: hexo-theme-next
  • 更新主题

    update theme
    1
    2
    cd theme/hexo-theme-next
    git pull

Reference

  1. Hexo
  2. github Pages和Jekyll入门
  3. 我用过的静态站点生成器们
  4. 简明 Github Pages与 jekyll 教程