Hexo Redefine + Cloudflare：我是如何建立个人博客的？

一：想法

小时候总觉得拥有一个展示自己的平台很酷，而各种社交媒体又是互不相通的围城。因此很早之前就有搭建博客的想法——正式、直接、不受限。当时搜索了解，以小时候的水平，能搞定 WordPress 都是奢谈。Wordpress 作为传统的内容管理系统，需要自己购买云服务器。小时候涉及到支付，自己一般搞定不了（何况阿里腾讯的云服务器一年价格不菲）。后来呢，静态博客逐渐兴起，无服务器处理的形态将简单页面的资源占用无限拉低。又了解到有众多平台有免费的 Pages 服务——也就是服务商拿出全球服务器资源，用来发布你的静态博客页面。善哉！于是动手尝试。

二：实践

具体建站过程实在是大制作，一篇文章不可能完全展开 o((⊙﹏⊙))o. 不过后续也会具体介绍几个细节。。。。。。所以，如果你和我一样是从0开始的小白，那下面的内容之中提及的每一个步骤，可能都需要进一步的搜索查找。

0.基础准备

网络账号服务类，主要是后续要用到的各种服务（个人博客免费版足够）。

• 邮箱、手机号和个人身份（国内渠道购买域名需要验证）
• （可选）若网络环境因各种原因遭到污染，建议使用网络加速 Watt Toolkit
• Github 账号（通过邮箱注册）
• Cloudflare 账号（或者通过 Github 登录）
• Vercel 账号（或者通过 Github 登录）
• 一个自己的 域名 ，可以通过阿里云、腾讯云等等购买，然后将这个域名 迁移到 Cloudflare 代理（注意这个教程是有服务器地址的，而我们是无服务器配置，不需要在 DNS 解析中填写服务器 IP）
• 一张自己名下的支持银联的储蓄卡
• 一个 Paypal 账户，绑定上述支付方式
• （最后的，可选）一个 Google 账户和 Microsoft 账户，用于让 Google 和 Bing 搜索引擎中收录自己的网站

基础软件类，主要是本地到远端的工具和写作方式。

• Windows 终端 和 Powershell 7（替换系统自带的远古 CMD）
• VSCode 编辑配置文件
• Git 以及对应的 基本准备 （配置名字邮箱以及ssh key）
• Node.js 基本框架（当然如果是 Hugo 生成器则不用）
• Obsidian 写作工具
• Picgo 图床管理软件
• 设计工具（可以是 AI）为你的网站设计 Logo，Favicon（小图标） 和 Avatar（作者头像）

辅助能力类，遇到问题可以快速解决。

• Bing 等等好用的搜索工具
• Deepseek，豆包等 基本的 AI 工具

注意把这些服务类的账号对应的网站收藏到浏览器，便于后续维护管理。
基础软件不必一次安装完成，在对应的步骤安装即可。
这些只是我个人建站过程中使用的服务和工具，基本上都有其他的替代品，可以根据自己需要替换选择。

1.本地写作

静态博客，顾名思义是一系列的静态页面，通过各种 CSS 和 HTML 组建，便于浏览器渲染并呈现精美效果。很高兴的是，我们有许多专为博客撰写优化的静态页面生成器，例如 Hugo，Hexo，Astro，Vue…… 当然更高兴的是，有无数大佬提前铺路，可以直接套用对应生成器下面的各种主题。

所以，经过三次尝试，我决定使用 Hexo 生成器，以及 Hexo 主题 Redefine 。Hexo 文件结构清晰，配置干净利落，Redefine 有详细的使用文档和写作实例，大大降低了一个没有前端开发经验的人的上手活化能。具体安装可以参考官网教程 Hexo 文档 ，设置主题为 Redefine 后再参考 Redefine 的文档，可以一路配置主题选项、评论系统、公式插件……

然后就是选一个趁手的 Markdown 编辑器了，我一直以来使用 Obsidian ，上手容易，扩展丰富。只需要在 Hexo 的文件目录对应位置删除并新建 _posts 这样一个 Obsidian 仓库，就可以管理文章。同时采用了内置的模板功能插件，实现了每一篇博文中头文件的自动填充。具体的写作规范和格式，建议参考 基本写作和格式语法 - GitHub 文档 。

2.云端仓库推送

当你在本地搭建起了这一切后，是时候把它推送到远程仓库上了 ^_^ 这里我们需要一个 Github 账号。Github 是全球最大的代码远程仓库，你可以根据上面的 Git 使用教程来把项目文件夹 Push 上去。

然后我们只需要配置 Cloudflare Pages，连接到 Github 上的私人仓库，然后简单配置一下，如下即可。同时在自定义域中添加上你的域名，可以是根域（比如 itxd.site），也可以是一个子域名（比如 blog.itxd.site）。这样，在你每次 push 新内容的时候，Cloudflare 会自动检测到改变，然后在 30s 左右重新生成新的静态页面并部署在其服务器上，网站也就会随之刷新了。
下面是我在部署 Pages 的配置，主要是构建命令和输出需要填写对应的值。