Hexo——用hexo搭建个人blog

Hexo简介

Hexo是一种简单快速搭建blog系统框架的工具,使用它可以很快速的将用户Markdown文章,生成网页文件并套用到blog的模板中;可以支持GithubPage等网站的格式展示网页。

Hexo官网: https://hexo.io/

Hexo安装(Windows平台)

  1. 安装支持Hexo所需要的环境,安装比较简单,这里只简单讲解

    • node.js: Hexo是用node.js开发的,需要提前安装node.js(下载地址),注意32bit和64bit的区别。

    • git: Hexo主题包源码都是用git管理的,因此下载上传代码都需要git的支持

  2. 安装Hexo

    在node.js安装好后,打开cmd或直接用gitbush终端,输入如下命令,来全局安装Hexo:

    npm install -g hexo-cli

构建blog系统

  1. 生成基本的blog框架

    1. 创建存放blog文件夹,在终端中cd到(进入)这个文件夹,执行如下命令:

      hexo init

      会下载基本的blog系统框架到该文件夹下,如下图:
      hexo init

    2. 执行如下命令,下载需要的依赖文件:

      npm install

  2. 验证blog框架是否工作正常

    在终端下执行如下命令:

    hexo server

    打开浏览器,输入终端上提示的http://localhost:4000 的地址,若出现默认的初始blog页面,就成功了!
    hexo_index

  3. 安装hexo-deployer-git工具

    为了后面方便发布到github page上,本地安装hexo-deployer-git工具,命令如下:

    npm install hexo-deployer-git –save

配置发布blog

  1. 修改_config.yml文件

    在blog根目录下的_config.yml,是blog的配置文件,许多配置参数都在这其中修改,具体配置方法参考官方的doc文档,这里只列举最最用的几个:

参数 意义
title blog站点名称
subtitle blog站点副名称
author 作者
  1. 增加新的blog文章

    使用如下命令,可以添加一个markdown文件作为博文的源文件:

    hexo new 博文名

    如执行命令:
    hexo new 用hexo搭建个人blog

    完成后,在\source\_posts目录下会出现文件:用hexo搭建个人blog.md

  1. 生成新修改的blog

    每次修改blog,不管是配置还是文章的内容都需要重新生成,命令如下:

    hexo generate

    完成后可以hexo server命令,再次查看修改是否成功

  2. 发布到github page上

    关于github page的介绍另外讲解,这里假定:

    • 拥有了github账号
    • 创建了github page的库
    • 本地git环境已经配置好,可以向github推送代码
    • 正确安装了hexo-deployer-git工具

    步骤如下:

    1. 打开配置文件_config.yml,修改最后面的Deployment部分:


      deploy:
      type: git
      repo:
      branch: [branch]
      message: [message]

      repository url为你创建的github page的仓库,branch为提交项目的分支名,message为提交的log信息

    2. 用hexo generate重新生成

    3. 推送到github,执行如下命令:

      hexo deploy

      然后就可以打开你的github page查看了。我的github page: http://harrymei.github.io/

Compartir