Hexo + GitHub 搭建个人博客

时间:2023-03-08 21:42:12

Hexo + GitHub 搭建个人博客

对于程序员来说,搭建和维护一个个人博客十分必要​,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果。这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷,对小白也十分友好。

***

# 前期准备

本次Hexo博客搭建环境

> Windows 10 1803
> node-v10.14.1
> git version 2.21.0.windows.1
> hexo-v3.8.0

安装各种依赖环境还是比较简单的,基本上就是从各自的官网下载进行安装,十分方便。

## 安装 Node.js

Hexo 的运行需要 Node.js 的支持,所以我们需要首先安装好 Node.js 。打开[Node.js官网](https://nodejs.org/en/)就能很明显地看到下载提示,点击左边的按钮进行下载即可。

![](//upload-images.jianshu.io/upload_images/8695476-6eb7d883d993f526.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/640)

**下载完点击安装程序进行安装,无需修改安装路径的话无脑点击下一步即可。**
当安装完成后打开命令行工具(cmd/powershell),输入`node -v`,如果输出如下信息,安装即为成功。

```bash
$ node -v
v10.14.1
```

## 安装 Git

我们需要从 GitHub 上下载主题文件,最重要的是我们需要将本地的博客部署到可供外部访问的网页上去,我们借助的是 GitHub ,这些都离不开 Git 的支持。同样的我们到 [Git官网下载页](https://git-scm.com/downloads)下载即可。这里我们选择 Windows 64 位最新版本的 Git for Windows 进行安装。

![image](//upload-images.jianshu.io/upload_images/8695476-622fd4216e3e3525.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/640)

**安装和 Node.js 差不多,不做修改的话一直点下一步即可。**
安装完成后同样打开命令行工具(cmd/powershell),输入`git --version`,如果输出如下信息,安装即为成功。

```bash
$ git --version
git version 2.21.0.windows.1
```

## 安装 Hexo

安装完 Git 后,我们的操作就可以在 Git Bash 中进行**(当然在其他命令行工具中也行)**,在资源管理的任意目录下右键鼠标可以看到 Git Bash Here 选项。

![](//upload-images.jianshu.io/upload_images/8695476-7f47820a977258fb.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

单击该选项,我们便进入了 Git 的命令行工具界面如下(同样打开Windows自带的cmd或是其他命令行工具都可以),之后 Hexo 的安装、博客的部署等操作都在这个界面进行。

![](//upload-images.jianshu.io/upload_images/8695476-2afb4a6bbbdc3d62.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/540)

由于国内的 npm 访问外网下载速度较慢,我们可以将 npm 源更换为淘宝的镜像(当然如果你觉得你的下载速度较快的话,也可以选择不进行更换),在 Git Bash 中输入以下指令

```bash
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
```

**请注意如果进行了上述操作,那么之后的下载等操作需要使用到 npm 的地方你都应该更换为 cnpm 指令,这样才能起到加速作用,如果未进行更换,则使用 npm 即可。**

接下来就是重头戏**安装 Hexo **了。输入如下指令即可安装完成 Hexo 的安装,十分方便。

```bash
$ npm install hexo-cli -g
```

在安装过程中可能会出现`WARN`提示,这是因为 Hexo 的某些内容不支持 Windows 系统,我们无需理会 ~~(程序员只关心 Error,不关心 Warning