基于Cloudflare搭建Hexo博客

基于Cloudflare搭建Hexo博客 无需服务器即可拥有自己的个人博客

Hexo 是一个快速、简洁且高效的博客框架，使用 Node.js 编写。它支持 Markdown 语法，并且可以轻松地生成静态文件。

Cloudflare 是一个提供 CDN、DNS 和安全服务的平台，可以帮助我们加速网站访问并提高安全性。

本站点就是基于Cloudflare搭建的Hexo博客。

本文将介绍如何基于 Cloudflare 搭建一个 Hexo 博客。

准备工作

在开始之前，确保你已经完成以下准备工作：

1. 安装 Node.js 和 npm：Hexo 是基于 Node.js 的，因此需要先安装 Node.js 和 npm。
2. 安装 Git：Hexo 使用 Git 进行版本控制，因此需要安装 Git。
3. 注册 Cloudflare 账号：如果你还没有 Cloudflare 账号，请先注册一个。

安装 Hexo

首先，我们需要全局安装 Hexo：

npm install -g hexo-cli

安装完成后，可以使用以下命令创建一个新的 Hexo 项目：

hexo init my-blog
cd my-blog

接下来，安装依赖：

npm install

配置 Hexo

Hexo 的配置文件位于 _config.yml。你可以根据需要修改以下配置：

title: 我的博客
subtitle: 欢迎来到我的博客
description: 这是一个基于 Hexo 和 Cloudflare 的博客
author: 你的名字
language: zh-CN
timezone: Asia/Shanghai

生成静态文件

在本地编写完博客内容后，可以使用以下命令生成静态文件：

hexo generate

生成的静态文件会存放在 public 目录下。

部署到 Cloudflare Pages

Cloudflare Pages 是一个静态网站托管服务，支持从 Git 仓库自动部署。我们可以将 Hexo 生成的静态文件部署到 Cloudflare Pages。

1. 创建 Git 仓库

首先，在 GitHub 或 GitLab 上创建一个新的仓库，并将 Hexo 项目推送到该仓库。

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/你的用户名/你的仓库名.git
git push -u origin master

2. 在 Cloudflare Pages 中创建项目

登录 Cloudflare 控制台，进入 Pages 页面，点击 Create a project。

选择你刚刚创建的 Git 仓库，并按照提示完成配置。在构建设置中，选择以下配置：

• Build command: hexo generate
• Build output directory: public

3. 部署

完成配置后，Cloudflare Pages 会自动从你的 Git 仓库拉取代码并执行构建命令。构建完成后，你的博客将会部署到 Cloudflare Pages 提供的域名上。

配置自定义域名

如果你有自己的域名，可以在 Cloudflare Pages 中配置自定义域名。

1. 在 Cloudflare Pages 项目的设置中，找到 Custom domains 选项。
2. 添加你的自定义域名，并按照提示完成 DNS 配置。

启用 HTTPS

Cloudflare 默认会为你的网站启用 HTTPS，确保你的博客访问安全。

总结

通过以上步骤，你已经成功基于 Cloudflare 搭建了一个 Hexo 博客。Hexo 提供了强大的博客生成功能，而 Cloudflare 则为你提供了快速的 CDN 和安全防护。现在，你可以开始撰写博客并享受高速、安全的访问体验了！

参考文档

• Hexo 官方文档
• Cloudflare Pages 文档