四，建站包下载和AI设计以及服务器部署

下载AI建站包，解压ai包复制内容到-小皮ISS或宝塔本地开发环境的网站根目录中（关于小皮，内容下拉）
### 一，下载离线包
![](https://web.28.cq.cn/img/2026/07/24/01c64f876d17424d9ba429dc9b06cb837139.png)
###  二，解压到具体目录

![](https://web.28.cq.cn/img/2026/07/24/068f9eb487f64bf980e511d978eaef652460.png)

**复制根目录路径打开Qclaw龙虾AI，豆包，元宝，WorkBuddy等等任意AI考核的应用，让AI来修改和设计前端代码：**
注意部分AI应用是可以指定工作空间的，可以指定的就不用给AI目录，不能指定的需要给AI工作目录
以WorkBuddy为例,先设置具体的工作空间

![](https://web.28.cq.cn/img/2026/07/24/11ab2f042526485989d3f94ec85ac0c96587.png)

然后复制命令让AI开始工作

![](https://web.28.cq.cn/img/2026/07/24/f0b3c98c379540b6a6bbdaaf581676e49013.png)

我先复制第一个，检查技能并读取站点发给AI

![](https://web.28.cq.cn/img/2026/07/24/e3ecabcc673d4cd2bbf1feda258725b15204.png)
然后可以根据具体的需求来设计和调整页面。并在对于的阶段可以复制具体的提示词

比如：

```
！！！！！请再此处改成你的提示语，如：把首页首屏改得更高端，突出公司主营业务、联系电话和核心优势。！！！！！！

先自检：如果你已经知道本项目的 skills、Live 数据、当前模板上下文和完整交付流程，请直接沿用前文上下文执行当前阶段，不要重复同步。
如果你不确定、缺少上下文，或本轮对话尚未执行过启动检查，再阅读并执行 skills/AGENT.md，并按 skills/tools/sitebuilder_sync.py 同步 Live、skills 和当前模板。
同步失败处理：Live Snapshot、remote_preflight 或 template_source 失败才停止；仅线上 skills_catalog 或 skill_source 失败时继续使用本地 skills 并说明。

当前阶段：根据上面的需求修改当前模板。
请先理解我的口语需求，再根据 Live Snapshot 的 pages、navigation、available_templates 和当前模板结构判断需要读取哪些页面详情。
只读取本次涉及页面、模块、数据类型对应的 skill 文件，不要一次性读取全部 module_*.md。
优先保持当前模板结构、品牌识别、动态标签、include、SEO 标签和运行时变量；除非需求明确要求，不要大改已确认内容。
修改完成后请说明：修改了哪些页面和文件、为什么这样改，并询问我下一步选择“上传预览版模板”还是“上传正式版模板”。如果我还没有明确确认正式发布，请优先建议先上传预览版。
```
### 三，本地预览
win环境建议使用[小皮面板](https://www.xp.cn/phpstudy)来预览
https://www.xp.cn/phpstudy

下载8.1版本，安装完成后打开软件，启动NG环境

![](https://web.28.cq.cn/img/2026/07/24/488044ff9a5543d9a1c023d5adc06d7e8427.png)

![](https://web.28.cq.cn/img/2026/07/24/b92c6596f50e4750b07288d878acf4ea2918.png)

上述所说AI建站包解压复制的目录路径：网站----点击管理展开菜单---点击打开根目录

注：原根目录文件全部删除，只留AI建站包的文件内容

![](https://web.28.cq.cn/img/2026/07/24/605d13a2b91c46d29867d274b5e2b0e33015.png
)

![](https://web.28.cq.cn/img/2026/07/24/83f9a50d75e545249fd2ffbdaad6a3869446.png)

和AI对话完成之后如何预览网站页面，网站----点击管理展开菜单---点击打开网站预览

![](https://web.28.cq.cn/img/2026/07/24/cf5662d20df04ff6b187643e895a98ae9452.png)

没有给本地配置域名可以localhost来预览

![](https://web.28.cq.cn/img/2026/07/24/362e00e4c2834adfad05c4afdd0c660f4338.png)
如果配置了域名，就可以用域名来预览
![](https://web.28.cq.cn/img/2026/07/24/aad84bd5b42240e89baac13bfb5893a45165.png)

然后一边预览一边修改，觉得哪里不合适，就让AI修改和设计，一直设计到修改到你自己满意为止

### 四，线上搭建

准备条件

- [ ] 1、解析已备案的域名
- [ ] 
- [ ] 2、服务器（已安装服务器宝塔面板，就算是小白也能轻松搭建）
- [ ] 
- [ ] 3.文件压缩包

操作过程：把解析好的域名添加-保存配置

![](https://web.28.cq.cn/img/2026/07/24/112c360612f94230becabefde1930fe36895.png)

#### 1，登录服务器宝塔面板

![](https://web.28.cq.cn/img/2026/07/24/9d36f762ac9d4819be2de77d211684ce1688.png)

####  2，网站--添加站点

![](https://web.28.cq.cn/img/2026/07/24/512592320f5b424aaeee295d0aa23c523022.png)

#### 3.添加已解析域名

![](https://web.28.cq.cn/img/2026/07/24/8da5182b3de3411eb0d8074cb83059d31677.png)

#### 4，到小皮根目录把修改完的ai文件打包，添加到站点内

![](https://web.28.cq.cn/img/2026/07/24/7f4d252958ca4cd88202e6ffa0ccb1095938.png)

#### 5，打开站点上传压缩文件，创建的站点内的原文件全部删除

![](https://web.28.cq.cn/img/2026/07/24/74933e2d984148a897e0f81364c93f0c4702.png)

![](https://web.28.cq.cn/img/2026/07/24/184c3ccf875d40c0aeceb35c3ddfdf914186.png)

![](https://web.28.cq.cn/img/2026/07/24/ef31a1ab7e384be788e13c4abd42dc5a3132.png)

![](https://web.28.cq.cn/img/2026/07/24/ddf554f824314da9ac337d9423fc8d278458.png)

解压完成，复制域名在浏览器打开，看是否正常

![](https://web.28.cq.cn/img/2026/07/24/82e0c3421e854ae08525c1abd53840fe6869.png)

### 关于模板

系统已增加四个网站模块，可以选择切换预览各个模板样式

![](https://web.28.cq.cn/img/2026/07/24/b8b953aa9e2b47939a0c68c573f382e64387.png)

![](https://web.28.cq.cn/img/2026/07/24/1ed5e8afb04048d39fea19ec3f9761e23901.png)