Hexo搭建简要过程

安装

安装前提

安装 Hexo

1	$ npm install -g hexo-cli

Hexo 初始化

安装 Hexo 完成后，执行下列命令，在指定文件夹中新建所需要的文件。

1
2
3

$ hexo init <folder> # 初始化项目名称 
$ cd <folder> 
$ npm install # 安装模块

预览

1
2
3

$ hexo clean # 必要时，清除上次生成页面时造成的缓存 
$ hexo g  # 生成静态页面 
$ hexo s  # 在本地启动Hexo，可以在浏览器访问 localhost:4000 来预览

GitHub 支持

在 GitHub 按照 username.github.io 格式新建仓库，然后在项目根目录下执行

1	$ npm i hexo-deployer-git --save

打开 _config.yml ，编辑 deploy字段，注意替换用户名

deploy:
  type: git
  repo: git@github.com:yourusername/yourusername.github.io.git
  branch: master

配置完成后，执行

$ hexo d

将本地内容部署在 GitHub 中，输入域名 username.github.io 进行访问

配置主题

如果不喜欢默认主题，可以参考如下方式更改。

要把主题更换为Next，先定位到Hexo站点目录进行主题下载

1 2	$ cd your-hexo-site $ git clone https://github.com/iissnan/hexo-theme-next themes/next

打开站点配置文件 _config.yml，修改 theme 字段值为 next

1	theme: next

修改Scheme

在主题配置文件 themes/next/_config.yml 中进行修改，通过注释和反注释三选一。

# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces

修改菜单

在主题配置文件中，找到 menu 字段并进行适当修改

menu:
  home: /
  archives: /archives //归档
  about: /about
  categories: /categories  //分类
  tags: /tags   //标签
  #commonweal: /404.html

设置头像

在主题配置文件中修改 avatar 字段，可以图片存在 next/source/images 目录

# Sidebar Avatar
# in theme directory(source/images): /images/avatar.jpg
# in site  directory(source/uploads): /uploads/avatar.jpg
avatar: /images/avatar.jpg

进阶设定

官方文档介绍的很详细，请首先查阅Next使用文档