本文紧接上一篇内容,在安装完必要的 NodeJs 和 Git 之后,就可以开始本地 hexo 的部署了。

NPM 镜像切换(推荐)

由于NodeJS默认使用的镜像源是国外的,因此为了加快NPM的下载,这里可以进行修改。在终端执行以下命令:

# 全局切换命令
npm config set registry http://registry.npm.taobao.org/

# 查看版本命令
npm get registry

# 切换回官方镜像
npm config set registry http://www.npmjs.org

hexo 安装

首先使用 NPM 直接进行对 Hexo 进行安装。

# 安装 hexo
npm install hexo-cli -g

# 查看hexo版本
hexo v

图1 安装完成

安装完毕后打开终端,并找到自己需要放置hexo博客的目录地址,目录地址例如

Win:D:\hexo

Linux:/home/hexo

Mac:/Users/hexo

执行以下命令,完成hexo的安装,并生成相关文件。效果如下图。

# hexo 安装
hexo init

图2 hexo初始化成功

图3 文件目录

此时使用命令启动 hexo 服务(相关语法请访问 hexo 官方文档),即可在本地看到 hexo 博客。访问地址:http://localhost:4000/

# hexo语法
hexo c && hexo g && hexo s

以上分别代表 clean(清除缓存)、generate(静态文件生成)、server(服务启动)。

启动后,便能看到以下页面。

图4 启动页面

hexo 配置

当然,基本没有人用原始的主题,因此就需要对主题进行配置,这里主要介绍大家常用的 next 主题。其他推荐主题可以参考这里官方文档

首先使用 Git Bash 进入到 Blog 所在根目录,接着在命令行输入以下命令,将 github 仓库的代码 clone 到本地的 theme/next 文件夹中。官方地址及文档

# 进入根目录
cd your-blog-directory

# clone仓库
git clone https://github.com/theme-next/hexo-theme-next themes/next

图5 Clone成功

clone 完毕后,打开我们根目录下的 _config.yml 文件,并修改主题为 next 即可。

图6 _config.yml修改

修改完毕后,再次执行启动命令,完成服务启动,效果如下:

hexo c && hexo g && hexo s

图7 next主题效果

此外,关于 NexT 主题更多的信息可以参考这里 NexT