博客搭建

HEXO 博客搭建

安装 nodejs

安装 git

注册 GitHub

注册 vercel

安装 hexo

分离测试环境

编写文章

首先在个人git中创建一个项目用来存放blog用到的文章、配置资源等内容;

创建两个分支一个作为开发用,一个作为生产环境用,vercel中可以看到每次对项目的调整是否部署完成

hexo的配置文件:

package.json 文件,用来存放hexo的依赖包;
config.yml 文件,用来存放hexo的配置信息;
posts 文件夹,用来存放hexo的文章;
source文件夹,用来存放hexo的资源文件;
scaffolds文件夹,用来存放hexo的模板文件;
themes文件夹,用来存放hexo的主题文件;
node_modules文件夹,用来存放hexo的依赖包;
public文件夹,用来存放hexo的资源文件;
scripts文件夹,用来存放hexo的脚本文件;
source文件夹,用来存放hexo的资源文件;

申请域名:

1. 进入域名解析页面,点击添加记录;
2. 记录类型选择CNAME;
3. 主机记录填写www;
4. 记录值填写你的域名;
5. 点击确定;
6. 等待域名解析生效;
7. 进入vercel的域名管理页面,点击添加域名;
8. 输入域名,点击添加;
9. 等待域名解析生效;

申请ssl证书:

1. 进入vercel的ssl证书管理页面,点击添加证书;
2. 选择自定义证书;
3. 输入域名;
4. 选择证书类型,选择自定义证书;
5. 选择证书内容,选择上传证书;
6. 等待证书生成;
7. 等待证书生效;

部署hexo:

1. 进入vercel的部署管理页面,点击添加部署;
2. 输入项目名称,选择项目分支,选择部署脚本,选择部署环境,点击添加;
3. 等待部署完成;
4. 进入vercel的域名管理页面,点击添加域名;
5. 输入域名,点击添加;
6. 等待域名解析生效;

部署vercel:

1. 进入vercel的域名管理页面,点击添加域名;
2. 输入域名,点击添加;
3. 等待域名解析生效;

cloudflare:

1. 进入cloudflare的域名管理页面,点击添加域名;
2. 输入域名,点击添加;
   1. 添加A记录,记录值填写vercel的域名;
   2. 添加CNAME记录,主机记录填写www,记录值填写vercel的域名;
3. 等待域名解析生效;