hexo+github 搭建博客详细教程

本文来自：Hexo+github 搭建博客 (超级详细版，精细入微) | 过客～励む (yafine-blog.cn)

前言

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

几个月前偶然间了解到了 Hexo 这个静态博客网站，很适合那些喜欢写作的朋友们，最重要的是它是免费的，里面有许多的博客主题模板，这些主题都是一些很牛的大佬们开发的，而且设计的主题都很棒，让我很心动，心动不如行动，于是开始整理搭建属于自己的博客。直到今天，这中间经历了许多的坎坷荆棘，我将我的博客搭建的流程分享出来，能为那些博客小石榴们提供一些帮助吧，如果有错的话，请给我留言，我会及时修改，废话不多说，直接上教程。

如果下面的教程有错误之处，请在评论区留言，收到后，我会尽快修改，谢谢支持！

一、博客环境搭建

本文系统环境信息：Win10 专业版，64 位（10.0 版本 18362）

Node.js：12.13.0 Git：2.24.0

修改配置文件要用到的软件（可选）：

Visual Studio Code（适合有开发基础的程序员，非常好用）

Sublime Text3，可免费使用，百度网盘（提取码：mh0y）

NodePad++ 7.8.1（最新的，也可以在官网选择其他版本）

1. 下载 Git 和 Node.js

1.1 Node.js 的安装与配置

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

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

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

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

img

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

img

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

img

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

img

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

img

点击”Install”，等待 Node.js 安装完成；

img

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

img

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

img

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

img

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

设置 npm 的镜像源：

Code

# 查看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

设置 npm 的内置路径 ——> 全局模块路径和缓存路径（可选）

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

此处参考：jyjin 的 node 环境变量配置，npm 环境变量配置

Code

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

Code

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

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

首先在你 Node.js 的安装位置，新建两个文件夹，node_global 和 node_cache，我的路径是：

Code

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

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

Code

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

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

img

然后就大功告成了，Node.js 就安装完毕了，下面开始 Git 安装。