一次程式化操作

本文是专门提供给初次使用 Hexo 的 “吃瓜妹子” 们的,一次程式化操作的 6 个命令,前 5 个命令搭建起 Hexo 站点,后 1 个命令安装好 Acorn 主题。

如果你对 Hexo 基本操作已经很熟悉了,那么可以直接移步 Acorn 文档,让你的站点焕然一新。

Node.js

Hexo 基于 Node.js 运行环境,所以我们必须先下载安装 Node.js 根据自己的系统选择 Windows 或者是 macOS 版本,下载安装即可。

安装 Hexo

macOS 用户打开「终端」,Windows 用户打开「CMD」使用 npm 安装 Hexo ,本文档操作以 macOS 系统为例。

1 个命令:全局安装 Hexo

1
$ npm install -g hexo-cli

如果提示没有权限,那么使用下边这个命令,提示要输入密码,就是电脑的开机密码,输入的时候「终端」什么都不显示,所以输入完了后按回车即可。

1
$ sudo npm install -g hexo-cli

安装 Hexo 完成后,在本地创建一个存放网站文件的目录(就是文件夹),如新建一个名为 www 的文件夹。

2 个命令:在「终端」打开文件目录 www

1
$ cd www

3 个命令:初始化一个 Hexo 新建所需要文件的文件夹,为了方便识别可以写网站名字,比如:hexo-acorn

1
$ hexo init hexo-acorn

4 个命令:打开 hexo-acorn 目录

1
$ cd hexo-acorn

5 个命令:安装 Hexo 所需的文件

1
$ npm install

大功告成,运行起来试试:

1
$ hexo server

看到如下这行代码,就表示 Hexo 已经在本地运行。

1
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

打开浏览器,输入 http://localhost:4000/ 就看到 Hexo 初始页面,就是这么简单。

安装 Acorn

首先停止运行 macOS 用户按 control + C Windows 用户按 Ctrl + C 停止。

6 个命令:安装 Acorn 主题

1
git clone https://github.com/zhwangart/hexo-theme-acorn.git themes/acorn

安装完成,接下来就可以根据文档 启用 Acorn 主题 以及继续使用了,如果看文档你觉得还不是很直观,那么继续往下看:

样例数据

第一步:下载我们准备好的样例数据://github.com/zhwangart/acorn-sample-data

第二步:删除站点 source 目录中的全部内容(如本文示例的目录为:www/hexo-acorn/source/),将下载到的样例数据中的 source 文件夹中的全部内容 Copy 进去;

第三步:完成!运行 Hexo 查看渲染效果。

接下来的工作你就必须仔细阅读 Acorn 文档 了,如需帮助请联系我们,最后,欢迎 Star ~