Hexo+Git搭建个人博客

发表于 更新于

本文章基于B站视频

特别感谢up主 CodeSheep

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
GitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名GitHub。

01 工具准备(WIN10环境)

安装Node.js

安装步骤非常简单，一直next，下一步就可以了，默认安装就行。
安装完成后，用cmd进行检验是否安装成功

1
node -v
1
npm -v
结果如下图，出现版本号则安装成功。（npm是node.js的包管理工具，安装Node时会绑定安装）

安装Git

安装步骤也是一直next，安装到默认位置。

安装完成后，在开始菜单中可以看到

安装hexo

1.首先在选定目录下创建自己的Blog文件夹(用于保存自己的blog文件)

2.进入Blog文件夹，右键Git Bash Here(文件夹初始是空的)

3.安装个cnpm的淘宝镜像提高速度，以后下载什么东西都用cnpm

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

测试代码

1
cnpm

以上都完成后，安装Hexo

1
cnpm install -g hexo-cli

验证安装是否成功

1
hexo -v

02本地博客初始化

运行命令，这步是关键，主要是建立整个项目，这里我的文件夹名字是blog。

1
hexo init

初始化项目后，文件夹内会自动生成博客的基本文件

运行测试

1
2
3
4
hexo c     #用来清理缓存文件
hexo g     #生成文件
hexo s     #运行本地服务器
hexo d     #上传到服务器

以上是hexo的几个常用命令

1
hexo s

通过

1
loacalhost:4000

这个网址就能访问到 本地搭建好的博客

03Github账号注册以及新建仓库

关于账号注册，参考CSDN的博客

在个人主页中，新建一个仓库

仓库名的格式为你的GithubID.github.io

(我报错是因为已经创建，这个仓库每个ID只能创建一个)

在自己本地的blog文件夹下，用Git bash(命令行)安装Git插件

1
cnpm install --save hexo-deployer-git

在自己的blog文件夹下找到

用editplus打开，更改以下配置

注意：冒号后面有一个空格！！！

然后部署到服务器

1
hexo d

之后会让你输入Github账号密码，成功后就能通过你的GithubID.github.io这个地址访问！