博文的开始

前言

前段时间不知道什么原因,博客挂掉了,刚好也想换个主题,翻了下 GitPages 上的主题,瞬间被 NexT 的 Mist 主题给吸引了,本来就比较喜欢极简的风格,看到 Mist 都有种相见恨晚的感觉,然后就开始了我的折腾之旅。

搭建环境

Windows

  1. 安装 GitBashNode.js,博客主题是基于 hexo 的,因此我们还要安装 hexo
  2. 在你喜欢的地方新建一个文件夹,命名 hexo
  3. 在 hexo 文件夹上右键,选择 git bash,在弹出来的窗口中输入下面指令完成 hexo 的安装
    1
    $ npm install -g hexo
  1. 安装完成之后,继续依次输入如下命令,完成 hexo 的部署
    1
    2
    $ hexo init  
    $ npm install

Mac

  1. HomeBrew 安装
    打开终端,输入下面命令

    1
    $ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  2. HomeBrew 是什么
    Homebrew 简称 brew,是 Mac OSX 上的软件包管理工具,能在 Mac 中方便的安装软件或者卸载软件,可以说 Homebrew 就是 mac 下的 apt-get、yum 神器。

  3. 安装 Node.js

    1
    $ brew install node
  4. 安装 部署 hexo
    新建一个文件夹,命名为 hexo,在终端中切换路径到该文件夹中,输入下面命令:

    1
    2
    3
    $ npm install -g hexo
    $ hexo init
    $ npm install
  5. 安装 git

    1
    $ sudo brew install git

更换主题 NexT

  1. 下载 NexT 主题到本地
    将 终端/命令行 切换到上面新建的文件夹 hexo 所在的路径,输入下面的指令:

    1
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
  2. 编辑站点配置文件切换 NexT 主题
    打开 站点目录中的 _config.yml,将 theme 后的字段改为 next。

  3. 编辑主题中配置文件启用 NexT 中 Mist 主题
    打开 主题 NexT 中的 _config.yml,找到 Schemes,将 Mist 前的 # 去掉来启用 Mist 主题。

本地预览

  1. 将命令行切换到 hexo 站点所在的路径
    输入以下命令:

    1
    2
    3
    $ hexo clean //清除上次站点生成的文件
    $ hexo g //生成
    $ hexo s //启动本地服务,进行文章预览调试
  2. 在浏览器中输入 http://localhost:4000, 预览博客。