使用hexo+GitHub+Netlify CDN加速搭建个人博客

这几天太闲了于是就把我的博客从WordPress转到Hexo，用了Hexo之后白嫖的感觉是真的不错，静态站点的载入速度就是快，虽然刚接触的时候挺头疼的，前前后后搞了好久，官方文档真的挺难看的，也有可能是我的问题…

安装前的准备

需要准备以下程序：

Node.js(建议使用最新版本)
Git

安装时跟着安装提示一直确认就行了

环境搭建

检查环境

安装完成后，Win+R 输入 cmd 并打开，依次输入 node -v、npm -v 和 git --version 并回车，出现程序版本号即可。

安装Hexo

安装好Node.js和Git之后，右击桌面启动Git Bash，输入指令 $ npm install hexo 等待Hexo安装完成

Hexo初始化和本地预览

先在你想要存放Hexo博客的地方新建一个文件夹，进入到你的文件夹里面右键打开Git Bash执行以下命令以创建需要的文件：

1 2	hexo init # 初始化 npm install # 安装组件

完成后依次输入下面命令，启动本地服务器进行预览：

1 2	hexo g # 生成页面 hexo s # 启动预览

访问 http://localhost:4000，出现 Hexo 默认页面就代表博客在本地安装成功

Hexo 博客文件夹目录结构如下：

.  
├── _config.yml  #配置网站信息
├── package.json  #应用程序信息
├── scaffolds  #模版文件夹（存放/文章）
├── source  #存放用户资源文件夹
|   ├── _drafts  
|   └── _posts  
└── themes  #主题文件夹

创建GitHub账户

进入GitHub 官网，填写注册邮箱，根据提示注册账号。

GitHub仓库

在任何页面的右上角点击“+”号，选择New repository 新建储存库
仓库名称必须是用户名+.github.io ，其他选项默认就行

部署 Hexo 到 GitHub

首先安装 hexo-deployer-git：

1	npm install hexo-deployer-git --save

然后修改hexo根目录下得_config.yml文件，修改成如下：

deploy:
  type: git
  repository: git@github.com:用户名/用户名.github.io.git
  branch: main

完成后在你的博客根目录运行Git Bash输入 hexo d 将网站上传部署到GitHub上，之后
访问我们的GitHub域名 https://用户名.github.io 就可以看到Hexo网站了。

主题安装

请自行寻找并查看主题配置文档进行安装、调整。

绑定域名（可选）

博客搭建完成使用的是 GitHub 的子域名（用户名.github.io），我们可以为你的博客绑定自己的域名替换GitHub域名。

Netlify CDN加速

进入Netlify官网使用GitHub注册，进入官网,点击新建：
选择GitHub来源：然后选择我们刚刚新建的项目

发布项目，接着等待一会儿,Netlify会自动帮我们生成网址

第一次新建的时候，会随机生成一个Netlify的二级域名，我们可以进行自定义二级域名，点击”Change site name”，点击Save，等待Netlify进行部署即可

以后我们写好博客之后，直接执行：hexo clean&hexo g&hexo d，博客就会自动进行刷新

之后绑定自己的域名，在Netlify官网的这个项目下,进入Domain Settings进行设置,之后的域名解析。