使用Hexo+CloudFlare Page构建个人博客

Hexo是一个基于Node.js的静态博客框架，可以快速将Markdown文档转换为HTML页面。
CloudFlare是一个全球内容分发网络，其提供的Page功能可以用于快速部署网站。

安装Git

1. 下载Git

• 由于Git的国内访问速度太慢，所以这里推荐使用清华大学的镜像源下载Git安装包
  下载链接：https://mirrors.tuna.tsinghua.edu.cn/github-release/git-for-windows/git/

2. 安装Git

• 安装之后，在终端验证是否安装成功

安装Node.js

1. 下载Node.js
访问 https://nodejs.org/zh-cn/download/ 并下载最新版Node.js

2. 安装 Node.js

• 安装完成之后，在终端验证是否安装成功

3. 修改镜像源

• 由于国内网络环境限制原因，导致使用npm下载速度较慢，所以修改为国内镜像源。

  npm config set registry https://registry.npmmirror.com/     #更换镜像源
  npm config get registry                                     #查看当前镜像源

• 运行参考

  

安装Hexo

1. 安装Hexo

• 参考Hexo官方文档安装Hexo框架：https://hexo.io/zh-cn/docs/

  npm install -g hexo-cli

• 验证是否安装完成

2. 在指定位置创建Hexo项目

• 参考Hexo官方文档构建Hexo项目：https://hexo.io/zh-cn/docs/setup

  hexo init <folder>
  cd <folder>
  npm install

• 运行参考

  

3. 生成静态网站

• 使用hexo命令构建Hexo静态网站

  hexo clean    # 清空所有文件
  hexo g        # 生成静态文件
  hexo s        # 启动本地服务器

• 查看运行效果
  

  

部署静态网站到CloudFlare

1. 创建CloudFlare账户

• 访问 https://www.cloudflare-cn.com/ 并登录账号。如果没有账号，请注册。

  

2. 创建Page项目

• 新建
  

• 选择部署类型

  1. 绑定Github、GitLab存储库，CloudFlare将自动从存储库中获取文件并部署。
  2. 手动部署 （本次选择）

  

• 上传网站文件

  

• 部署完成
  部署完成后，可以通过给定的域名查看项目
  

  

自此，最简单的Hexo + CloudFlare Page 搭建个人博客完成。接下来可以给Hexo更换喜欢的主题、配置博客内容，也可以给CloudFlare Page添加自定义域名。

其他参考
1. Hexo 官方文档
2. Hexo Fluid主题
3. CloudFlare Page官方文档