# 使用 Pick，把其他模板的板块用到自己的网站 | Creght AI 文档

> 你可能遇到过这样的情况：喜欢模板 A 的首屏，也喜欢模板 B 的产品展示，还想把模板 C 的某个组件或页脚用到自己的网站里。过去，你可能需要先选定一套模板，再手动重做其他模板中喜欢的部分。…

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)帮助文档](/help)

[更新历史](/blogs)

[AI](/docs/ai/quick-create-first-website) [可视化](/docs/get-start)

开始使用

- [5 分钟快速创建第一个网站](/docs/ai/quick-create-first-website)
- [AI 创建网站指南](/docs/ai/ai-create-website-guide)
- [直接编辑：不消耗积分的内容修改](/docs/ai/ai-edit-content-guide)
- [使用 Pick，把其他模板的板块用到自己的网站](/docs/ai/pick-element-in-tpl)
- [Prompt 库](/docs/ai/prompt-lib)
- [AI 积分说明](/docs/ai/ai-credits-guide)
- [Creght Skill](/docs/ai/creght-skill)

后端

- [让网站支持登录、预约、密码页面等功能](/docs/ai/backend-database-guide)
- [OAuth 登录配置教程：Google 和 GitHub](/docs/ai/backend-auth-guide)

网站设置

- [多语言网站设置教程](/docs/ai/localization)
- [域名绑定教程](/docs/ai/custom-domain)
- [阿里云购买域名教程（新手版）](/docs/ai/aliyun-domain-registration-guide)
- [重定向设置教程](/docs/ai/redirects)
- [页面不存在时：该用重定向还是 404？](/docs/ai/redirect-or-404)
- [Facebook Pixel（Meta Pixel）接入教程](/docs/ai/facebook-meta-pixel)

高级用法

- [为不同域名配置不同默认语言](/docs/ai/domain-locale-routing)

开始使用/

# 使用 Pick，把其他模板的板块用到自己的网站

你可能遇到过这样的情况：喜欢模板 A 的首屏，也喜欢模板 B 的产品展示，还想把模板 C 的某个组件或页脚用到自己的网站里。过去，你可能需要先选定一套模板，再手动重做其他模板中喜欢的部分。

现在可以使用 **Pick**，分别选中多个模板里的板块或组件，把它们作为参考组合到自己的项目中。你不必在几套模板之间二选一，而是可以按板块“取长补短”，再让 AI 统一适配你网站的品牌、内容和风格。

使用时不需要复制代码，也不需要说明板块由哪些文件组成。只要在来源模板中选中区域、复制引用，再回到自己网站的 AI 对话框中粘贴并说明需求，AI 就能读取相关结构，在你的项目中复用并适配这些板块。

> **Pick 的重点是“从其他模板取参考，在自己的网站中使用”。** 它不会修改来源模板，也不会把你的修改写回来源模板。

## 适合用 Pick 的场景

- 喜欢另一个模板的 Hero，想把类似首屏用到自己的网站；
- 想复用某个导航、产品卡片、价格表、客户案例或 FAQ 组件；
- 只需要一个板块，不想套用整套模板；
- 希望 AI 保留参考板块的布局和视觉节奏，但换成自己的品牌、文案和图片；
- 很难用文字描述某个设计，想直接告诉 AI“参考这一块”。

## 第一步：在其他模板中 Pick 想要的板块

打开你想参考的 Creght 模板预览，点击右下角 Creght 标识旁的 **选择图标**，进入 Pick 模式。把鼠标移到页面上，蓝色高亮框会显示当前可以选择的区域；点击即可锁定选区。

![在其他 Creght 模板中 Pick 想复用的 Hero 板块](https://fsu.creght.com/site/2066727200882692096/1784435734900__pick_element_step_1.png)

顶部工具条可以帮助你确定要带走的范围：

- **上层**：扩大选区，选择当前元素所属的完整板块；
- **下层**：缩小选区，回到更具体的子元素或组件；
- **复制**：复制当前板块的模板引用；
- **?**：打开本使用说明；
- **×**：取消当前选择。

如果只选中了标题或按钮，但你希望连同背景、排版和其他内容一起参考，就点击 **上层**；如果蓝色框覆盖了整页或包含了不需要的区域，就点击 **下层**。尽量让蓝色框完整包住你真正想复用的板块或组件。

## 第二步：复制引用，回到自己网站的 AI 对话框

确认范围后点击 **复制**。然后回到你自己的 Creght 网站项目，在 AI 对话框中粘贴。识别成功后，对话框顶部会出现 **Template references**，并显示类似“模板选区 Hero.tsx:16”的引用卡片。

![把其他模板的 Pick 引用粘贴到自己网站的 Creght AI 对话框](https://fsu.creght.com/site/2066727200882692096/1784435734904__pick_element_step_2.png)

这张引用卡片表示：AI 可以把刚才选中的其他模板板块作为实现参考。它还不会自动改动你的网站，你需要继续输入要如何使用它。

## 第三步：告诉 AI 要放在哪里、怎么适配

发送指令时，建议说清楚三个信息：

1. **怎么使用**：新增、替换，还是只参考布局或某个组件；
2. **放在哪里**：首页首屏、产品区下面、页脚之前，或某个指定页面；
3. **如何适配自己的网站**：保留哪些现有内容，替换哪些品牌、文案、图片、颜色和链接。

例如：

- `把这个板块用到我的首页，替换现在的首屏；保留我的品牌名和按钮链接。`
- `在产品介绍下面新增一个类似的板块，使用我网站现有的蓝色和产品图片。`
- `参考这个价格卡组件的布局，为我的三种套餐做一个价格表，不要使用模板原来的文案。`
- `只复用这个导航的结构，菜单项和 Logo 继续使用我网站现有的内容。`

> 参考这个板块，在我自己的首页做一个新的 Hero。保留它的大图背景和居中排版，但换成我的品牌文案、产品图片和按钮链接，颜色跟随我网站现在的深蓝色，并优化移动端显示。

## 第四步：检查自己网站中的结果

发送后，AI 会按需读取来源模板中与选区相关的结构，然后在 **你当前编辑的网站** 中新增或替换对应板块，并根据指令适配你的品牌内容。

![Creght AI 在自己的网站中复用并适配其他模板的板块](https://fsu.creght.com/site/2066727200882692096/1784435734903__pick_element_step_3.png)

完成后，请检查桌面和移动端。如果还需要调整，可以直接继续对话，不必重新 Pick：

- `标题小一点，让首屏内容完整显示在一屏内。`
- `保留新板块，但把导航换回我原来的导航。`
- `移动端把两个按钮改成上下排列。`
- `布局不变，把图片替换成我刚上传的产品图。`

## Pick 不会做什么

- **不会修改来源模板**：被 Pick 的模板只是参考对象；
- **不会自动套用整套模板**：AI 只围绕你选中的板块和指令工作；
- **不会在点击复制时立即改站**：需要回到自己的项目，粘贴引用并发送指令；
- **不会强制复制原文案和图片**：你可以要求只参考布局，也可以指定保留或替换的内容。

## 常见问题

### Pick 的板块会加到哪个网站？

会加到你粘贴引用并发送指令时正在编辑的网站。来源模板不会发生变化。

### 可以只拿一个组件吗？

可以。通过 **上层** 和 **下层** 把蓝色选区调整到目标组件，再复制引用即可。

### 为什么粘贴后没有看到模板引用卡片？

请确认是在自己网站的 Creght AI 对话框中直接粘贴。如果浏览器阻止了剪贴板访问，允许权限后重新复制。

### 可以只参考设计，不使用原来的内容吗？

可以。在指令中明确写“只参考布局和样式，不使用原文案和图片”，并告诉 AI 应替换成你网站里的哪些内容。

## 一句话总结

**在其他模板中选中喜欢的板块 → 复制 Pick 引用 → 回到自己的网站粘贴 → 告诉 AI 放在哪里、如何适配。** 这样就能把其他模板中的优秀板块或组件，快速用到自己的 Creght 网站中。

本文目录

- [适合用 Pick 的场景](#适合用-pick-的场景)
- [第一步：在其他模板中 Pick 想要的板块](#第一步-在其他模板中-pick-想要的板块)
- [第二步：复制引用，回到自己网站的 AI 对话框](#第二步-复制引用-回到自己网站的-ai-对话框)
- [第三步：告诉 AI 要放在哪里、怎么适配](#第三步-告诉-ai-要放在哪里-怎么适配)
- [第四步：检查自己网站中的结果](#第四步-检查自己网站中的结果)
- [Pick 不会做什么](#pick-不会做什么)
- [常见问题](#常见问题)
- [Pick 的板块会加到哪个网站？](#pick-的板块会加到哪个网站)
- [可以只拿一个组件吗？](#可以只拿一个组件吗)
- [为什么粘贴后没有看到模板引用卡片？](#为什么粘贴后没有看到模板引用卡片)
- [可以只参考设计，不使用原来的内容吗？](#可以只参考设计-不使用原来的内容吗)
- [一句话总结](#一句话总结)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

此网站使用 [Creght](/) 创建

![用户交流群](https://ugc.talizen.com/_assets/site/2061660904709165056/1781070374701__help_qr.webp)

用户交流群

## 链接

- [价格](/price)
- [帮助中心](/help)
- [联系我们](/contact)
- [博客](/blogs)
- [退款说明](/tuikuan)

## 资源

- [全部资源](/resources)
- [模板](/templates)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/effects)
- [Figma to Creght](/figma2creght)
- [AI 编程指南](/api)

## 产品对比

- [对比上线了](/creght-vs-sxl)
- [对比凡科建站](/creght-vs-fkw)

## 协议

- [用户协议](/legal/terms)
- [隐私政策](/legal/privacy)
- [可接受使用政策](/legal/acceptable-use)

## 社交媒体

- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)