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. 等待域名解析生效;