posts: 添加了随机URL生成功能的实现 的文章,包括三种不同技术方案:

1. 传统边缘函数方案
2. Cloudflare规则方案
3. 纯前端JS方案
This commit is contained in:
二叉树树
2025-12-29 11:51:07 +08:00
parent 9f06fa1e9d
commit f502bdf095
2 changed files with 5 additions and 2 deletions

View File

@@ -98,7 +98,7 @@ lang: ""
::github{repo="afoim/Static_RandomPicAPI"} ::github{repo="afoim/Static_RandomPicAPI"}
上线: https://pic.acofork.com 上线的 API https://pic.acofork.com
# 总结 # 总结
我们共探索了三种流派 我们共探索了三种流派

View File

@@ -66,7 +66,10 @@
.copy-btn { .copy-btn {
all: initial; all: initial;
@apply btn-regular-dark opacity-0 shadow-lg shadow-black/50 absolute active:scale-90 h-8 w-8 top-3 right-3 text-sm rounded-lg transition-all ease-in-out z-20 cursor-pointer; @apply flex items-center justify-center
bg-[oklch(0.45_0.01_var(--hue))] hover:bg-[oklch(0.50_0.01_var(--hue))] active:bg-[oklch(0.55_0.01_var(--hue))]
dark:bg-[oklch(0.30_0.02_var(--hue))] dark:hover:bg-[oklch(0.35_0.03_var(--hue))] dark:active:bg-[oklch(0.40_0.03_var(--hue))]
opacity-0 shadow-lg shadow-black/50 absolute active:scale-90 h-8 w-8 top-3 right-3 text-sm rounded-lg transition-all ease-in-out z-20 cursor-pointer;
} }
.frame:hover .copy-btn { .frame:hover .copy-btn {
opacity: 1; opacity: 1;