ShipLang Quick Start Guide

Learn how to use AI to design web pages, optimize SEO, and quickly launch your multilingual website in 5 minutes. This article will guide you through the entire process from choosing an AI tool to launching your website. Below are some common AI tools available; you can choose one to use. Test page: shiplang.com/zh/dosc/test

Purchase AI Membership Account

For purchasing discounted membership accounts or topping up your AI account, please contact:

WeChat:xlh3650
Mail:8123202@gmail.com
微信二维码

Directory Structure

This directory structure mainly involves two folders: [h5_html] and [h5_php]. Initially, there will only be one folder: [h5_html]. The following will teach you how to use this folder to build a global website.

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

Design a webpage in 5 minutes

Step 1: Send to AI

🎨 (Beginner) Front-end prompts ⚙️ (Advanced) Backend suggestion words

Upload the downloaded [Front-end prompt] file to the AI ​​dialog box and enter the website you need to develop. For example, you can write: Develop me a website homepage showcasing different breeds of cats.

Step 2: Downloading and Uploading

Upload the AI-generated HTML file to the h5_html folder within the ShipLang framework (you can directly upload the file or paste the code). Note that the file must end with [.php] instead of .html.

File structure example: (e.g., domain name is 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

Access rules

The access rules tell you how to access uploaded files to a specified folder, and [index.php] refers to the homepage.

When you upload a file named h5_html/index.php → access address: 123.com

When you upload a file named h5_html/maomi.php → access address: 123.com/maomi

When you upload a file named h5_html/mao/index.php → access address: 123.com/mao

When you upload a file named h5_html/mao/bosi.php → access address: 123.com/mao/bosi

Okay, your website is now accessible and usable. To learn more advanced techniques, please see the examples below.

Multilingual automatic translation

The system automatically generates multilingual versions for your webpage.

When you upload h5_html/index.php (with Chinese content), the system will automatically generate:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
Core advantages:You only need to maintain one Chinese HTML file. After modifying the Chinese content, all language versions will be automatically updated in sync, eliminating the need for manual translation or maintenance of multiple files.

For example, if you change "Welcome to my website" in h5_html/index.php to "Explore the wonderful world", the latest translated English content will be automatically displayed when users visit the English page.

View sample code

Modify the sample file to experience the system functions.

In the BT Panel website files, open the folder: [h5_html]->[dosc]->[lang-i18n.php], where you can modify or delete the source code.

Then access the page address: domain.com/en/dosc/lang-i18n

This way you can experience how to use the system's advanced gameplay features.