Hexo 博客搭建

作为一名开发人员,一直以来都很想拥有一个个人博客,来和世界分享自己的所见所得。在了解 hexo 后,惊叹于 hexo 搭建个人博客的快速、高效,以及各类丰富的博客主题。千挑万选之下选择了十分简洁大气的 maupassant-hexo 主题,下面是我搭建 maupassant-hexo 主题博客的全过程。

安装 Hexo

安装前提:

  • Node.js
  • Git

使用 npm 进行 hexo 的全局安装:

npm install -g hexo-cli

创建 Hexo 根目录,<folder>为目录名:

hexo init <folder>

进入 Hexo 根目录,通过hexo server命令启动服务器,默认的访问地址是:http://localhost:4000,然后就可以看到 hexo 默认主题的页面。

安装 maupassant-hexo 主题

在 Hexo 根目录下执行下面的命令,安装主题和渲染器:

git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
npm install hexo-renderer-jade@0.3.0 --save
npm install hexo-renderer-sass --save

编辑 Hexo 根目录下的_config.yml,将theme的值改为maupassant,然后就可以删除themes目录下的默认主题landscape了。

注:如果 npm install hexo-renderer-sass 安装时报错,可能是国内网络问题,请尝试使用代理或者切换至淘宝NPM镜像安装。

然后在 Hexo 根目录下执行hexo server命令,就可以访问到maupassant-hexo主题的页面了。到此本地的博客就算搭建完成了,进一步的配置参考官方文档:

基本操作

# 添加文章

hexo new [layout] <title>

如果没有设置 layout 的话,默认使用_config.yml中的default_layout参数代替。如果标题包含空格的话,请使用引号括起来。新建的文章存放在 Hexo 根目录的source/_posts下,也可以手动在source/_posts目录下添加文章。

# 添加分类 / 标签

Front-matter 中添加categoriestags的配置,在右边的侧边栏就会添加对应的分类或标签。

---
title: Hexo 博客搭建
date: 2017-07-19 23:11:39
tags: 博客搭建
category: 技术
---

# 添加 RSS 订阅功能

在 Hexo 根目录下执行下面命令,安装hexo-generator-feed:

npm install hexo-generator-feed --save

在 Hexo 根目录下的_config.yml中添加 RSS 订阅的配置:

feed:
type: atom
path: atom.xml
limit: 20

# 删除友情链接

注释主题目录下_config.yml中友情链接的配置,如下:

# links:
# - title: site-name1
# url: http://www.example1.com/
# - title: site-name2
# url: http://www.example2.com/
# - title: site-name3
# url: http://www.example3.com/

# 更换中文

编辑 Hexo 根目录下的_config.yml,将language设置为zh-CN