Guía de inicio rápido de ShipLang

Aprende a usar a IA para deseñar páxinas web, optimizar o SEO e lanzar rapidamente o teu sitio web multilingüe en 5 minutos. Este artigo guiarache por todo o proceso, dende a elección dunha ferramenta de IA ata o lanzamento do teu sitio web. A continuación, móstranse algunhas ferramentas de IA comúns dispoñibles; podes escoller unha para usar. Páxina de proba: shiplang.com/zh/dosc/test

Comprar unha conta de membro de IA

Para mercar contas de membro con desconto ou recargar a súa conta de IA, póñase en contacto con:

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

Estrutura de directorios

Esta estrutura de directorios implica principalmente dúas carpetas: [h5_html] e [h5_php]. Inicialmente, só haberá unha carpeta: [h5_html]. A continuación, ensinarás como usar esta carpeta para crear un sitio web global.

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

Deseña unha páxina web en 5 minutos

Paso 1: Enviar á IA

🎨 (Principiante) Indicacións front-end ⚙️ (Avanzado) Suxestións de palabras do backend

Carga o ficheiro [Front-end prompt] descargado na caixa de diálogo de IA e introduce o sitio web que necesitas desenvolver. Por exemplo, podes escribir: Desenvólveme unha páxina de inicio dun sitio web que mostre diferentes razas de gatos.

Paso 2: Descarga e subida

Carga o ficheiro HTML xerado pola IA no cartafol h5_html dentro do marco ShipLang (podes cargar o ficheiro directamente ou pegar o código). Ten en conta que o ficheiro debe rematar con [.php] en lugar de .html.

Exemplo de estrutura de ficheiro: (por exemplo, o nome de dominio é 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

Normas de acceso

As regras de acceso indican como acceder aos ficheiros subidos a un cartafol específico e [index.php] fai referencia á páxina de inicio.

Ao subir un ficheiro chamado h5_html/index.php → enderezo de acceso: 123.com

Ao subir un ficheiro chamado h5_html/maomi.php → enderezo de acceso: 123.com/maomi

Ao subir un ficheiro chamado h5_html/mao/index.php → enderezo de acceso: 123.com/mao

Ao subir un ficheiro chamado h5_html/mao/bosi.php → enderezo de acceso: 123.com/mao/bosi

De acordo, o teu sitio web xa é accesible e utilizable. Para aprender técnicas máis avanzadas, consulta os exemplos seguintes.

Tradución automática multilingüe

O sistema xera automaticamente versións multilingües para a túa páxina web.

Ao subir h5_html/index.php (con contido en chinés), o sistema xerará automaticamente:

123.com/zh/maomi    # 中文版（原始文件）
123.com/en/maomi    # 英文版（自动翻译）
123.com/ja/maomi    # 日文版（自动翻译）
123.com/fr/maomi    # 法文版等等...
Vantaxes principais:Só precisa manter un ficheiro HTML chinés. Despois de modificar o contido chinés, todas as versións de idiomas actualizaranse automaticamente e sincronizadas, eliminando a necesidade de tradución manual ou mantemento de varios ficheiros.

Por exemplo, se cambias "Benvido ao meu sitio web" en h5_html/index.php por "Explora o marabilloso mundo", o contido traducido ao inglés máis recente mostrarase automaticamente cando os usuarios visiten a páxina en inglés.

Ver código de exemplo

Modifique o ficheiro de exemplo para experimentar as funcións do sistema.

Nos ficheiros do sitio web de BT Panel, abre o cartafol: [h5_html]->[dosc]->[lang-i18n.php], onde podes modificar ou eliminar o código fonte.

A continuación, accede ao enderezo da páxina: domain.com/en/dosc/lang-i18n

Deste xeito, podes experimentar como usar as funcións de xogo avanzadas do sistema.