前言

你了解 Hexo 吗? Hexo 是一个静态博客框架,基于 Node.js,将 Markdown 文章通过渲染引擎,生成一个静态网页,再结合 Git 命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

环境搭建

  • 安装Git
  • 安装Node.js(其中包含了node , npm)
  • 安装Hexo环境

Git 的安装与配置

首先就是去 Git 官网下载 Git,根据你电脑系统的配置信息,下载对应的安装程序,然后开始进行下面的步骤。

img

  1. 下载好 Git 的安装包,开始安装,打开安装包,出现如图的界面,点击 Next:

    img

  2. 选择你要安装的位置,我以 C 盘为例,路径为图中所示,安装到其他位置的话,点击 Browse,选择你要安装的位置,然后点击 Next,进入下一步:

    img

  3. 选择你是否创建桌面快捷放方式,其他默认即可,点击 Next,进入下一步:

    img

  4. 是否将 Git 快捷方式的目录加入开是菜单栏

    img

  5. 这个是选择文本编辑器的方式,默认是 Vim,也可以选择其他的方式,自主选择,在这里我选择的 Vim 默认方式。选择好文本编辑器的方式后,点击 Next,进入下一个流程:

    img

  6. 选择安装 Git 时对环境变量 PATH 的影响,第一种影响较小,第三种会影响到 Windows 的自带工具,默认勾选中间项,建议不要修改,直接点击 “Next” 继续安装:

    img

  7. 选择 Git 在使用 HTTPS 时使用的库,若无特殊需求,可保持默认选项,点击 “Next” 继续安装:

    img

  8. 选择提交与拉取记录时,对换行符的处理方式,若无特殊需要,默认选择即可,点击 “Next” 继续安装:

    img

  9. 选择模拟终端软件(即命令行窗口软件),若无特殊需要,可默认选择,点击 “Next” 继续安装:

    img

  10. 最新功能的询问,若不想尝试尚未保证稳定性的新功能,默认不勾选,点击 “Install” 即可完成安装:

    img

  11. 安装完成

    img

  12. 回到桌面,点击鼠标右键,会出现两个选项 Git GUI HereGit Bash Here,在打开 Cmd (Win+R),分别输入 gitgit --version,如果出现如下图的情况,即安装成功!

    img

    img

Node.js 的安装与配置

  1. 首先去 Node.js 官网 下载 node.js 的安装程序,根据你电脑系统的配置信息,下载对应的安装程序,然后开始进行下面的步骤。

    Node.js下载以及版本的选择

    下载好与电脑系统对应的安装程序后,开始安装流程:

  2. 打开下载好的 Node.js 安装程序,点击 Next,进行下一步的安装;

    img

  3. 将”I accept the terms in the License Agreement” 前面的复选框勾选,同意安装协议,再点击 Next,进行下一步操作;

    img

  4. 选择 Node.js 安装程序的安装位置,在这里我以”C:\Program Files\nodejs” 为例,点击 Next,进入下一步操作;

    img

  5. 选择安装的模块和功能,这里全部安装,并添加到系统环境变量 ,继续点击 Next,进入下一步操作;

    img

  6. 这一步可以跳过,这个选项的意思是安装一些编译本地模块的工具,比如 python,C/C++ 等,点击 Next,进入下一步;

    img

  7. 点击”Install”,等待 Node.js 安装完成;

    img

  8. 当看到下图所显示的情况,Node.js 就成功安装完毕。

    img

  9. 验证安装,并测试 Node.js 是否加入环境变量,当出现如下图的情况,Node.js 安装大功告成。

    img

Node.js环境变量配置

  • 如果执行 node -v 报错的话,那么手动将 Node.js 的安装路径添加到环境变量中,右击点击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量,在系统变量下找到名为 path 的变量名,如下图:

    img

  • 选中 path,或者双击,然后将你 node.js 的安装路径放在 path 变量值的最后面,如果添加之前 path 值最后有 英文的分号,则直接将路径添加进去即可,如果没有,先添加分号,然后点击保存,回到桌面,打开 cmd(Win+R),执行 node -v,看是否成功。

    1.设置 npm 的镜像源:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # 查看npm的配置
    npm config list
    # 默认源
    npm config set registry https://registry.npmjs.org
    # 临时改变镜像源
    npm --registry=https://registry.npm.taobao.org
    # 永久设置为淘宝镜像源
    npm config set registry https://registry.npm.taobao.org
    # 另一种方式,编辑 ~/.npmrc 加入下面内容
    registry = https://registry.npm.taobao.org

    2.设置 npm 的内置路径 ——> 全局模块路径和缓存路径(可选

    如果不改变内置路径也可,除非你的 C 盘空间足够大,这一步可以略过,不改变的话,它的路径在:

    此处参考:jyjin 的 node 环境变量配置,npm 环境变量配置

    npm 包全局目录:

    1
    C:/Users/[username]/AppData/Roaming/npm/node_modules

    npm 包全局命令目录:

    1
    C:/Users/[username]/AppData/Roaming/npm
    • npm 实际去找全局命令的目录:C:/Users/[username]/.npmrc 文件内容的 prefix
    • npm 包全局 cache 目录:C:/Users/[username]/.npmrc 文件内容的 cache

    首先在你 Node.js 的安装位置,新建两个文件夹,node_globalnode_cache,我的路径是:

    1
    2
    C:\Program Files\nodejs\node_global
    C:\Program Files\nodejs\node_cache

    然后分别执行的命令就是:

    1
    2
    npm config set prefix "C:\Program Files\nodejs\node_global"
    npm config set cache "C:\Program Files\nodejs\node_cache"

    然后在配置环境变量,右击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量同样的位置,在用户变量的地方,找到 path 变量进行修改,修改值如下图:

    img

img

然后就大功告成了,Node.js 就安装完毕了