Template Shop 使用指南

快速开始

下载模板

• 游客模式 — 所有模板均可在线预览，无需登录即可浏览全部 28 套模板的设计效果。
• 密钥用户 — 输入密钥登录后，可下载任意模板的完整源码（.html 单文件）。

打开方式

自定义修改

换颜色

每个模板都使用 CSS 变量控制颜色，搜索以下变量名即可快速修改：

:root {
  --primary: #6C5CE7;    /* 主色 — 按钮、链接、强调色 */
  --accent: #00cec9;     /* 辅助色 — 渐变、装饰 */
  --bg: #07070e;         /* 页面背景 */
  --text: #e8e8f4;       /* 正文文字颜色 */
  --card-bg: #0e0e1a;    /* 卡片背景 */
}

换文字

• 直接在 HTML 文件中找到对应中文内容，替换为你的文案即可。
• 大多数模板的标题、描述、按钮文字都集中在 <section> 标签内。

换图片

• 替换 <img> 标签的 src 属性为你的图片路径。
• 修改 CSS 中的 background-image: url(...) 更换背景图。
• 建议使用 Unsplash 等免费图库获取高质量图片。

换字体

• 修改 <link> 标签中的 Google Fonts 链接，替换为你喜欢的字体。
• 同时修改 CSS 中的 font-family 属性。

<!-- 替换 Inter 为其他字体 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">

部署上线

所有模板均为静态 HTML 文件，可部署到任意静态托管平台。

GitHub Pages

Cloudflare Pages

• 登录 Cloudflare Pages，连接 GitHub 仓库。
• 无需配置构建命令，自动部署，访问速度全球加速。

Vercel / Netlify

• 直接将 .html 文件拖拽上传到平台，即刻上线。
• 支持自定义域名和自动 HTTPS。

任意静态服务器

• 上传文件到 Nginx、Apache、Caddy 等静态服务器即可。
• 无需后端，无需数据库，纯静态托管。

响应式适配

• 所有模板已全面适配 手机 / 平板 / 桌面 三种屏幕尺寸。
• 默认断点：@media (max-width: 768px)（平板）、@media (max-width: 480px)（手机）。
• 如需自定义断点，在 CSS 中搜索 @media 查询并修改即可。

测试建议

• 使用 Chrome DevTools 的 设备模式（F12 → 点击手机图标）快速切换不同设备预览。
• 推荐测试 iPhone SE、iPhone 14、iPad、桌面 1440px 四种尺寸。
• 特别注意导航栏、按钮、表格在小屏幕上的显示效果。

/* 典型响应式断点结构 */
@media (max-width: 768px) {
  .hero h1 { font-size: 32px; }
  .grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: 28px; }
  .nav-links { display: none; }
}

密钥系统

游客模式

• 无需登录即可预览所有模板的设计效果。
• 游客模式下不可下载源码文件。
• 可在首页自由浏览、搜索、筛选模板。

密钥登录

• 密钥格式：TMPL-XXXX-XXXX-XXXX（X 为大写字母或数字）。
• 输入密钥后系统自动校验，通过后即可下载全部模板源码。
• 密钥支持自动补全格式，输入时无需手动输入连字符。

设备绑定

• 一个密钥绑定一台设备，通过设备指纹识别。
• 切换设备（换浏览器、换电脑）后需重新登录。
• 系统会自动检测设备变更并提示重新验证。

获取密钥

• 通过 GitHub Issues 联系获取密钥。
• 提交 Issue 时请说明使用场景，我们会尽快回复。

模板分类

Template Shop 提供 28 套覆盖多种风格和行业的落地页模板：

FAQ

更新日志

查看 Template Shop 的完整版本迭代记录：

最新版本

• v2.0 — 10 套全新风格模板、暗色/亮色主题切换、实时搜索筛选、Lucide 图标库
• v1.5 — 设备指纹绑定、密钥格式校验、SHA-256 哈希验证
• v1.0 — 首批 8 套模板上线、密钥登录墙、零依赖单文件架构