📖 使用文档

从密钥登录到模板定制,一站搞定

← 返回模板合集

🔑 密钥登录

购买后您会收到一个专属密钥,用于解锁全部8套模板的源码下载。

密钥格式
TMPL-XXXX-XXXX-XXXX
16位字母数字,用短横线分隔
1

打开网站

访问 template-shop.pages.dev,会看到登录界面

2

选择「密钥登录」

点击顶部的「🔑 密钥登录」标签

3

输入密钥

粘贴您收到的密钥,系统会自动格式化。点击「验证并登录」

4

下载源码

登录后,每张模板卡片上的「源码」按钮将解锁,点击即可下载对应的 HTML 文件

⚠️ 一个密钥绑定一台设备,换设备需要重新购买

🎨 8套模板一览

模板风格适合场景
Starter暗黑科技风AI产品、开发者工具
CleanSaaS白色极简风企业SaaS、B2B产品
VibeLaunch渐变潮流风初创品牌、产品发布
NeuralAI霓虹玻璃风AI产品专用
AppLaunch手机模型风移动端App推广
ShopWave电商暖色风电商产品、独立站
Atelier金色工作室设计公司、作品集
FinFlow金融科技风金融产品、支付平台

🎨 一键换色教程

所有模板都使用 CSS 变量控制颜色,修改顶部 :root 变量即可全局换色。

找到颜色变量

打开 HTML 文件,在最顶部的 <style> 标签中找到 :root

示例 (dark-saas.html) :root { --primary: #6C5CE7; ← 主色调(按钮、高亮) --accent: #00cec9; ← 辅助色(点缀、链接) --bg-dark: #07070e; ← 背景色 --text: #e8e8f4; ← 正文颜色 --text-dim: #6e6e96; ← 次要文字颜色 }

替换颜色值

改成你的品牌色 :root { --primary: #FF6B35; ← 换成橙色 --accent: #00D4AA; ← 换成绿色 --bg-dark: #1a1a2e; ← 换成深蓝背景 }

快速换色技巧

✏️ 修改文字和图片

改文字

直接在 HTML 里搜索要改的文字,替换即可。主要区域:

换图片

改链接

🚀 部署上线

方式一:直接双击打开

下载的 HTML 文件是独立的,双击即可在浏览器中预览。适合本地查看效果。

方式二:GitHub Pages(免费)

1

创建 GitHub 仓库

新建一个仓库,把 HTML 文件上传进去

2

开启 Pages

进入仓库 Settings → Pages → Source 选择 main 分支 → Save

3

访问你的网站

几分钟后即可通过 username.github.io/repo-name 访问

方式三:Cloudflare Pages(推荐)

1

连接 GitHub 仓库

登录 Cloudflare Dashboard → Workers & Pages → Create → 连接 GitHub 仓库

2

自动部署

每次推送代码后自动部署,国内访问速度快

3

自定义域名(可选)

在 Settings → Custom domains 绑定你自己的域名

❓ 常见问题

密钥输入后提示无效?

请确认密钥格式为 TMPL-XXXX-XXXX-XXXX(16位字母数字),注意区分大小写(系统会自动转大写)。如果仍然无效,请联系卖家确认密钥。

换设备后密钥不能用了?

一个密钥绑定一台设备,这是为了保护您的购买权益。如需在新设备使用,请联系卖家。

模板能在手机上用吗?

可以。所有模板都完全响应式,在手机、平板、电脑上都能正常显示。

需要安装什么框架吗?

不需要。纯 HTML/CSS/JS 单文件,零依赖,下载即用。

可以商用吗?

可以。购买后可自由用于商业项目,修改颜色、文字、图片后上线即可。

游客模式是什么?

游客模式可以预览所有模板效果,但无法下载源码。需要购买密钥后登录才能下载。

📬 联系我们

有问题?需要定制服务?通过以下方式联系我们: