惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
量子位
Y
Y Combinator Blog
大猫的无限游戏
大猫的无限游戏
B
Blog
U
Unit 42
C
Check Point Blog
I
InfoQ
aimingoo的专栏
aimingoo的专栏
雷峰网
雷峰网
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
The Cloudflare Blog
H
Help Net Security
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
云风的 BLOG
云风的 BLOG
宝玉的分享
宝玉的分享
爱范儿
爱范儿

茗辰原

DeepSeek Harness安装使用及美化教程 利用AI制作自己的工作台 收藏一时爽,清理要我命 免Token登录的Cloudflare移动管理客户端 零成本搭建自己的影视库Quonnki项目 开源某克自动签到领取免费空间项目 Astro Gyoza 内容标签使用指南 内容标签使用指南 | 茗辰原 利用AI从Hexo迁移到Astro | 茗辰原 Cloud Photography | Galleries | 茗辰原 博客周浏览量又突破了! | MingCY 博客周浏览量又突破了! | 茗辰原 博客周浏览量又突破了! Twikoo配置图床S3/R2 抖音推流助手工具 收到"好站网"的抱枕了! 开了VPN但真实IP被WebRTC泄露 5.10母亲节 | MingCY 5.10母亲节 5.10母亲节 18成人礼 TheOne陪伴接入WX Bing免费送B站月卡 让AI替你SSH进服务器,5分钟搞定故障排查! 基于Cloudflare R2搭建免费云盘 关于我的近视手术 你真的会刷牙吗? Urban Photography — Layered City | Galleries | MingCY 内网穿透监控软件TailScale AI控制手机
Cloudflare上有趣的项目 | MingCY
茗辰原 · 2024-08-31 · via 茗辰原

开端

我在逛我的朋友圈的时候,发现清羽飞扬的小站发布了他总结的Cloudflare项目,一键部署,看起来真的很不错,就自己动手操作了一下.

清羽飞扬

主要有的项目有: 在线笔记 在线论坛 文件中转站

部署

在线笔记

这是一个基于 Cloudflare Worker、KV 和 Github Actions 实现,可以一键私有化部署的无成本在线云笔记项目,你可以记录文字,与朋友们分享,或者跨设备同步。下面是项目地址:

serverless-cloud-notepad

可以持久化保存笔记,并且支持设置密码,可以用于临时文字传输。

部署项目

首先,fork仓库,然后再在变量中设置环境变量,如下三个变量,后面两个随便填写字符串即可。

CLOUDFLARE_API_TOKEN # 之前申请到的 Cloudflare API令牌
SCN_SALT # 随便填(安全用途)
SCN_SECRET # 随便填(安全用途)

然后在github action中,运行Deploy cloud-notepad,等待运行成功,则项目成功部署,点击进入cloudflare workers界面,查看或另绑定域名,即可正常访问。

效果如下:

效果

链接如下:

在线笔记

在线论坛

项目地址如下:

locnode

这是想打造一个校园论坛了,只不过,这个配置还需探索,自定义的很少,不知道如何添加分类,和背景主题等

部署项目

  1. fork仓库到你的账户下

  2. 添加环境变量:

  • CLOUDFLARE_ACCOUNT_ID
  • CLOUDFLARE_API_TOKEN
  • CLOUDFLARE_PROJECT_NAME 前两个不用说,第三个为项目名称,比如我填写的是:locnode,不要带符号。
  1. 在你fork到的仓库里面运行action进行部署。

简单使用 项目支持多用户,会自动创建D1数据库存储信息,你可以通过修改数据库来指定管理员等身份:

数据库

展示:

网址页面

文件中转站

项目部署

项目地址:

pastebin-ui

其实部署起来非常简单,因为项目是分为前后端的,所以我们需要分别配置前后端:

添加环境变量CF_API_TOKEN

修改wrangler.toml文件中的内容,主要修改两个KV的ID和账户ID,请提前在cloudflare中创建好对应KV:

name= "pastebin-worker"
compatibility_date = "2024-08-31"
account_id= "36d7b2c5fa77292ef996f68e964478bd"
main = "src/index.ts"
workers_dev = false

vars = { ENVIRONMENT = "production" }
route = { pattern = "paste.liyy.us.kg", custom_domain = true }

kv_namespaces = [
  { binding = "PB", id = "86bca3e920024adb9e70cd7c5da6ceed" },
  { binding = "PBIMGS", id ="e3f5af1a0c584fcd841081d41a0c014d" }
]

[site]
bucket = "./static/dist"

修改**/static/.env**文件,修改为你准备部署的地址,比如本站:

VITE_API_URL= https://paste.liyy.us.kg

点击github action并进行部署,最终,项目即可成功部署。

报错

目前部署失败,不知道哪一步出错,看下有没有大佬可以指点一下

英文

中文