ShipLang 快速上手指南

5分钟学会使用AI 设计网页、优化SEO，快速上线你的多语言网站。本文将引导你完成从选择AI 工具到网站上线的完整流程。下方是市面上常见的Ai，可以选择一个使用，测试页面shiplang.com/zh/dosc/test

购买AI 会员账号

购买优惠会员账号，或代充Ai账号请联系：

微信：xlh3650
邮箱：8123202@gmail.com
微信二维码

目录结构

此目录结构，需要您学习和掌握的主要就两个文件夹[h5_html,h5_php]，前期的话只有一个文件夹[h5_html]，下面就是教你如何使用这个文件夹搭建全球化网站

项目根目录/
├── assets/             # 资源文件夹(图片、CSS、JS等静态资源)
├── h5_html/            # HTML网页文件,但文件后缀是[.php]
├── h5_php/             # HTML对应的PHP处理文件
├── lang/               # 语言包文件夹(自动翻译自动创建多语言文件)
├── shiplang/           # 这是框架的代码，请忽略
├── sitemap/            # 网站地图文件夹
└── index.php           # 网站入口文件，也是网站路由文件

5分钟设计一个网页

第一步：发送给AI

🎨 (入门) 前端提示词 ⚙️ (进阶) 后端提示词

将上方下载的[前端提示词]文件上传到Ai对话框，并输入你需要开发的网站，例如你可以写：给我开发一个展示不同品种的猫咪的网站首页

第二步：下载与上传

将AI生成的HTML文件上传到宝塔ShipLang框架的h5_html 文件夹内(支持直接上传文件或粘贴代码)，注意文件需要以[.php]结尾而不是html

文件结构示例:（如，域名为123）

h5_html/
├── index.php           # 首页 → 123.com
├── maomi.php           # 猫咪页面 → 123.com/maomi
└── mao/                # 猫咪分类文件夹
    ├── index.php       # 猫咪分类首页 → 123.com/mao
    ├── bosi.php        # 波斯猫 → 123.com/mao/bosi
    └── meiduan.php     # 美短猫 → 123.com/mao/meiduan

访问规则

访问规则是告诉你上传文件到指定文件夹如何访问，并且[index.php]是首页的意思

当你上传的文件名字是h5_html/index.php → 访问地址: 123.com

当你上传的文件名字是h5_html/maomi.php → 访问地址: 123.com/maomi

当你上传的文件名字是h5_html/mao/index.php → 访问地址: 123.com/mao

当你上传的文件名字是h5_html/mao/bosi.php → 访问地址: 123.com/mao/bosi

好了，你的网站可访问了就是可用了，要学习更高级的可看下方示例

多语言自动翻译

系统自动为你的网页生成多语言版本

当你上传h5_html/index.php（中文内容），系统会自动生成：

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
核心优势：你只需维护一份中文HTML，修改中文内容后，所有语言版本自动同步更新，无需手动翻译或维护多份文件。

例如你将h5_html/index.php 里的"欢迎来到我的网站"改为"探索精彩世界"，用户访问英文页面时会自动显示最新翻译的英文内容。

查看示例代码

修改示例文件,体验系统功能

在宝塔网站文件里，打开文件夹：[h5_html]->[dosc]->[lang-i18n.php]，您可以修改或删减源代码

然后访问页面地址：域名.com/en/dosc/lang-i18n

这样您就可以体验感受系统高级玩法是如何使用的了