本文是专门提供给初次使用 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 ~