Hexo博客搭建

发表于 | 分类于

很久以来就想自己搭个博客写文章，记录编程路上成长的过程。没想到一直拖到毕业半年后才完成，还是托管到github上的静态网站。古人说得好，凡事预则立，不预则废，计划了这么久，最后能执行就行。接下来就详细说下用Hexo搭建博客并托管到github上的整个操作。

准备工作

  1. 下载node.js并安装
  2. 安装git
  3. 安装hexo。方法：新建blog文件夹，在该目录下运行npm install hexo-cli -g

本地搭建博客

  1. 进入blog目录，运行hexo init（初始化博客，生成hexo模板）

  2. npm install，安装需要的包

  3. hexo server（默认监听4000端口，访问localhost:4000查看博客）

用Github托管博客

  1. 在Github创建xxx.github.io的项目，xxx为github用户名

  2. 打开blog文件夹内的_config.yml配置文件，最后部分按如下设置

    1
    2
    3
    4
    deploy:
      type: git
      repo: git@github.com:zhhuan/zhhuan.github.io.git
      branch: master

  3. 运行npm install hexo-deployer-git --save

  4. 运行hexo g（本地生成静态文件，public目录）

  5. 运行hexo d（将静态文件推送到Github）

打开浏览器，访问https://xxx.github.io

Hexo常用操作

更新文章

  1. 在blog目录下运行hexo new "article title"，会在_post文件夹中生成一个md文件

  2. 编辑正文内容（MakeDown）

  3. 修改起始字段

    • title 文章的标题
    • date 创建日期 （文件的创建日期 ）
    • updated 修改日期 （ 文件的修改日期）
    • comments 是否开启评论 true
    • tags 标签
    • categories 分类
    • permalink url中的名字（文件名）

  4. hexo clean删除本地静态文件（public文件夹）

  5. hexo g生成静态文件

  6. hexo d推送

更换主题

Hexo 中有很多主题，可以在官网查看。 这里使用hexo-theme-next，下面列举更换主题的一般步骤：

1.下载主题资源
1
git clone https://github.com/iissnan/hexo-theme-next themes/next
2.应用下载的主题

在网站配置文件_config.yml中，配置theme

1
theme: next

next是主题名称，具体的可查看主题的文档

3.主题其他配置

可在/theme/{theme}/_config.yml主题的配置文件下进行主题的配置。

4.查看效果
1
2
3
hexo clean
hexo g
hexo server