前言
前段时间不知道什么原因,博客挂掉了,刚好也想换个主题,翻了下 GitPages 上的主题,瞬间被 NexT 的 Mist 主题给吸引了,本来就比较喜欢极简的风格,看到 Mist 都有种相见恨晚的感觉,然后就开始了我的折腾之旅。
搭建环境
Windows
- 安装 GitBash 与 Node.js,博客主题是基于 hexo 的,因此我们还要安装 hexo
- 在你喜欢的地方新建一个文件夹,命名 hexo
- 在 hexo 文件夹上右键,选择 git bash,在弹出来的窗口中输入下面指令完成 hexo 的安装
1
$ npm install -g hexo
- 安装完成之后,继续依次输入如下命令,完成 hexo 的部署
1
2$ hexo init
$ npm install
Mac
HomeBrew 安装
打开终端,输入下面命令1
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
HomeBrew 是什么
Homebrew 简称 brew,是 Mac OSX 上的软件包管理工具,能在 Mac 中方便的安装软件或者卸载软件,可以说 Homebrew 就是 mac 下的 apt-get、yum 神器。安装 Node.js
1
$ brew install node
安装 部署 hexo
新建一个文件夹,命名为 hexo,在终端中切换路径到该文件夹中,输入下面命令:1
2
3$ npm install -g hexo
$ hexo init
$ npm install安装 git
1
$ sudo brew install git
更换主题 NexT
下载 NexT 主题到本地
将 终端/命令行 切换到上面新建的文件夹 hexo 所在的路径,输入下面的指令:1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
编辑站点配置文件切换 NexT 主题
打开 站点目录中的 _config.yml,将 theme 后的字段改为 next。- 编辑主题中配置文件启用 NexT 中 Mist 主题
打开 主题 NexT 中的 _config.yml,找到 Schemes,将 Mist 前的 # 去掉来启用 Mist 主题。
本地预览
将命令行切换到 hexo 站点所在的路径
输入以下命令:1
2
3$ hexo clean //清除上次站点生成的文件
$ hexo g //生成
$ hexo s //启动本地服务,进行文章预览调试在浏览器中输入 http://localhost:4000, 预览博客。