在CloudFlare workers部署你的Hexo静态博客 {message type="info" content="Cloudflare Worker 是 Cloudflare 提供的基于 Serverless 的云端服务，最新的 Workers Sites 允许使用者将博客程序如 Hexo、Wordpress 等部署到 Cloudflare 云端运行，算是新开发出来的奇技淫巧吧。本教程以 Hexo 部署为例，默认具有 Node 环境。"/}安装 WranglerWrangler 的项目地址：github.com/cloudflare/wrangler可按照官方教程，使用 npm 安装 Wrangleryarn global add @cloudflare/wrangler # npm install @cloudflare/wrangler -g获取API秘钥在 Cloudflare 的 api 控制台中创建一个新的 api-token，点击新建 api-token，选择使用模板（Start with a template）。{callout color="#f0ad4e"}使用 Edit Cloudflare Workers 模板创建新的 api，配置相应的权限即可获得一个新的 api-tokens，保存备用。{/callout}配置 Wrangler 全局密钥终端直接执行wrangler config输入刚才保存的 api-tokens 运行验证即可完成全部配置。初始化 Wrangler在根目录直接终端执行wrangler init --site han-hexo # han-hexo 为要创建的Works名称{message type="info" content="执行完毕后在工程目录中会生成 wrangler.toml 和 aworkers-site文件其中 wrangler.toml 是工程中 Wrangler 的配置文件"/}设置 Wrangler.toml默认生成的 wrangler.toml 如下，可依据设置name = "han-hexo" #此处为之前初始化填写的Workes名称 type = "webpack" route = 'hexo.4ce.cn/*' #此处为绑定workers上的自定义域名 zone_id = '2892xxxxxxxxxxxxxxxxxxxxxxx' #此处为Workes ID usage_model = '' compatibility_flags = [] workers_dev = true site = {bucket = "public",entry-point = "workers-site"} compatibility_date = "2022-03-29"{callout color="#f0ad4e"}注意：设置自定义域名时，可以在 wrangler 配置完成后，在域名管理中的 Workers 设置中添加对应的 Workers 路由，再将 SSL 安全级别调整为 Flexible，否则会遇到 SSL 526 错误。{/callout}上传全站到 Cloudflare Workers在 Hexo 执行 hexo generate 编译生成静态文件后，复制整个生成的 public 目录到 workers-site 同级目录然后执行wrangler publish出现以下，即为成功。Using namespace for Workers Site "__site-workers_sites_assets" Uploading site files Success ⬇️ Installing wranglerjs... ⬇️ Installing wasm-pack... Built successfully, built project size is 11 KiB. Successfully published your script to https://*.workers.dev #这里就是生成的预览地址部署在 Workers 的 Hexo 演示程序：https://han-hexo.ohan.workers.dev （https://hexo.4ce.cn），演示程序所生成的静态文件存储在对应的 Workers KV 中。{anote icon="fa-link" href="https://www.vvhan.com/go/aHR0cHM6Ly9oZXhvLjRjZS5jbg" target="_blank" type="success" content="前往 Han -Hexo"/} {message type="info" content="注意，免费版本的 Workers Plan 有每天 100,000 次的访问限制（100,000 requests per day ），免费额度适合小站部署（流量大容易翻车），大站还是使用独立服务器或者收费版本部署稳一些。"/}

胎教级搭建Hexo静态博客安装Fluid主题 什么是 Hexo？Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。准备{callout color="#f0ad4e"}如果你没有安装 Node.js，请百度一下，安装好Node.js再回来。还有 你的双手和大脑 {/callout}安装yarn global add hexo-cli # npm install -g hexo-cli建站安装好 Hexo 后，直接进入主题。新建一个项目hexo init han-hexo # han-hexo 是我的项目名称{callout color="#f0ad4e"}这里有个坑，安装好如果出现这个错误提示{/callout}{message type="info" content="请到你的 npm 安装目录删除 hexo.ps1 文件即可。默认安装目录 ： C:Users用户名AppDataRoamingnpm "/}{message type="success" content="执行完毕后，如图所示，即运行成功。"/}安装依赖cd han-hexo yarn # npm install{callout color="#4d7eef"}至此，Hexo已经安装完毕并创建了一个名为 han-hexo 的项目。{/callout}主题安装{callout color="#f0ad4e"}这里我用的是优雅的 Fluid Hexo主题{/callout}安装yarn add hexo-theme-fluid # npm install --save hexo-theme-fluid设置主题为 Fluid将项目根目录的 _config.yml 中的 theme 的值设置为 fluid 顺便把语言设置成中文 language 为 zh-CN 顺带提一下SEO优化URL地址 配置主题文件{callout color="#f0ad4e"}在博客目录下创建 _config.fluid.yml 文件，将主题的 _config.yml ( opens new window )内容复制过去。{/callout}创建主题自带的「关于页面」hexo new page about{message type="info" content="创建成功后修改 /source/about/index.md ，添加 layout 属性。修改后的文件示例如下："/}--- title: 标题 layout: about --- 这里写关于页的正文，支持 Markdown, HTML写文章万事俱备，只差文章hexo new hexo-in-cloudflare-workers # hexo-in-cloudflare-workers 为文件名，随意取{callout color="#f0ad4e"}文章支持 HTML MarkDown 语法{/callout}编译静态文件直接终端输入hexo generate 本地测试hexo server{message type="success" content="恭喜你，完成Hexo博客胎教级教学"/}