📇 联系信息
修改后前台"联系我"区域会自动更新,点击底部保存按钮生效。
☎️ 电话 / 微信
📧 电子邮箱
📍 所在地区
🕒 工作时间
📜 工作经历
可新增、编辑、删除,支持排序拖拽(上下按钮)。修改后保存。
🖼️ 作品管理
选择下方分类 → 为每个作品上传图片或填写图片链接 → 填写案例说明 → 保存。
💡 建议图片宽度 1200px 以上,单张不超过 2MB(Base64 存储,太大会占满本地容量)。也可填写外链 URL。
🖼️ 9 大分类封面图(前台九宫格可改)
🎨 直接点「📤 上传封面」换掉前台九宫格那 9 张默认渐变封面图;保存作品数据后刷新前台即可看到。
⚙️ 设置
修改登录密码、配置作品上传渠道(Telegram Bot)等。
📤 作品上传渠道 · Telegram Bot 存储
启用 Telegram Bot 上传渠道开启后"作品管理"内的本地上传会走 Bot,未开启时保持原 Base64 本地保存
① TG_BOT_TOKEN(@BotFather /newbot 获取)
🔒 检测当前运行环境中…
本地预览可直接填 Token;部署到 Cloudflare Pages 后请在控制台添加环境变量 SECRET_TG_BOT_TOKEN,不需要再填这里。
② TG_CHAT_ID(@VersaToolsBot 解析得到)
已预填你的频道 ID -1003886670615(个人网盘频道)· 如需更换可直接覆盖
③ 保存测试 / 连接检查
📖 详细配置步骤(不会的点这里)
- 打开 Telegram,搜索 @BotFather,发送
/newbot,按提示给 Bot 取名并获得 Token(格式类似 123456789:ABC…)。把这串填进 ①。 - 在 Telegram 创建新的 Channel(公开或私有都可),把频道转发限制设为允许(默认即可)。
- 进入频道 → 右上角「管理员」→「添加管理员」,搜索刚才新建的 Bot,给他"发送消息 / 编辑媒体"的权限(重要!否则发不出去)。
- 在频道中 发送任意一条消息,把这条消息 转发给 @VersaToolsBot,它会回复频道 ID(形如 -1001234567890,负号必须保留,填进 ②)。
- 回到后台点「保存 TG 配置」→「发送测试消息」,频道里收到消息即配置成功。
🔐 登录密码
🔐 原密码
🔑 新密码
✅ 再次输入新密码
☁️ 云端同步 · Cloudflare KV 跨设备持久化
📖 第一次启用?点击这里看 5 步绑定教程
- 创建 KV Namespace:登录 Cloudflare → 左侧栏「Workers & Pages」→ 二级菜单「KV」→ 右上角「Create a namespace」→ 名字随意填(例如
portfolio_data)→ Add。 - 绑定到你的 Pages 项目:回到 Pages → 点
chenwl-aob项目 → 顶部 Tab「Settings」→ 左侧「Functions」→ 向下滚到「KV namespace bindings」→ 「Add binding」:- Variable name(必须完全一致,写死在代码里):
PORTFOLIO_KV - KV namespace:选择第 1 步创建的那个
portfolio_data - 点击「Save」保存
- Variable name(必须完全一致,写死在代码里):
- (强烈建议)设置自定义云端密码 Hash:还是 Settings → 左侧「Environment variables」→ Production →「Add variable」:
- Variable name:
SECRET_ADMIN_PWD_HASH - Value:在后台下方「密码 Hash 计算器」输入你要使用的后台密码,把计算出来的 Hash 粘贴到这里
- 勾选「Encrypt」加密保存 → Save(⚠️ 不设置就用默认密码 123456 的 Hash,非常不推荐!)
- Variable name:
- 重新部署网站(拖放上传):把
C:\Users\Administrator\Desktop\作品集-上传Cloudflare用整个文件夹拖到 Pages 重新上传一次,这样新增的/functions/api/data/[[data]].js才会发布。 - 首次数据迁移:把你本机已上传的作品推上去:部署完 → 重新进后台
/admin.html→ 点上方「📤 把本机数据推送到云端」→ 提示成功 → 换任何设备/浏览器 → 数据都在啦!🎉
🧮 密码 Hash 计算器(用于 SECRET_ADMIN_PWD_HASH 环境变量)
(填密码点「计算 Hash」,把这里出现的字符串粘贴到 Pages 环境变量 SECRET_ADMIN_PWD_HASH 的 Value 里)