在CloudFlare workers部署你的Hexo静态博客

在CloudFlare workers部署你的Hexo静态博客

韩小韩
2022-03-30 / 2 评论 / 500 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年03月30日,已超过760天没有更新,若内容或图片失效,请留言反馈。

安装 Wrangler

Wrangler 的项目地址:github.com/cloudflare/wrangler
可按照官方教程,使用 npm 安装 Wrangler

yarn global add @cloudflare/wrangler
# npm install @cloudflare/wrangler -g

获取API秘钥

Cloudflare 的 api 控制台中创建一个新的 api-token,点击新建 api-token,选择使用模板(Start with a template)。

l1dbcgl3.png

l1dbdp8e.png

配置 Wrangler 全局密钥

终端直接执行

wrangler config

输入刚才保存的 api-tokens 运行验证即可完成全部配置。

l1dbfcex.png

初始化 Wrangler

在根目录直接终端执行

wrangler init --site han-hexo
# han-hexo 为要创建的Works名称

设置 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"

在CloudFlare workers部署你的Hexo静态博客

上传全站到 Cloudflare Workers

在 Hexo 执行 hexo generate 编译生成静态文件后,复制整个生成的 public 目录到 workers-site 同级目录
然后执行

wrangler publish

在CloudFlare workers部署你的Hexo静态博客

出现以下,即为成功。

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.devhttps://hexo.4ce.cn),演示程序所生成的静态文件存储在对应的 Workers KV 中。

在CloudFlare workers部署你的Hexo静态博客

0

评论 (2)

取消
  1. 头像
    WeiCN
    Windows 10 Windows 10 / Google Chrome Google Chrome 中国湖北省孝感市安陆市电信

    和Pages比
    优点是不会强制308去掉.html。
    缺点是不方便持续集成,不过可以借助Github Action执行wrangler来部署

    回复
    1. 头像
      韩小韩 作者
      Windows 10 Windows 10 / Google Chrome Google Chrome 中国江苏省南京市电信
      @ WeiCN

      是的没错,Github Action非常好用的!

      回复