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

這樣您就可以體驗感受系統高階玩法是如何使用的了