Guia de Início Rápido do ShipLang

Aprenda a usar IA para criar páginas web, otimizar SEO e lançar seu site multilíngue em apenas 5 minutos. Este artigo irá guiá-lo por todo o processo, desde a escolha de uma ferramenta de IA até o lançamento do seu site. Abaixo estão algumas ferramentas de IA comuns disponíveis; você pode escolher uma para usar. Página de teste: shiplang.com/zh/dosc/test

Adquira uma conta de membro da IA

Para adquirir contas de adesão com desconto ou recarregar sua conta AI, entre em contato com:

WeChat:xlh3650
Correspondência:8123202@gmail.com
微信二维码

Estrutura de diretórios

Essa estrutura de diretórios consiste principalmente em duas pastas: [h5_html] e [h5_php]. Inicialmente, haverá apenas uma pasta: [h5_html]. A seguir, você aprenderá como usar essa pasta para construir um site global.

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

Crie uma página web em 5 minutos

Passo 1: Enviar para a IA

🎨 (Iniciante) Instruções de front-end ⚙️ (Avançado) Palavras de sugestão para o backend

Faça o upload do arquivo [Front-end prompt] baixado na caixa de diálogo de IA e insira o site que você precisa desenvolver. Por exemplo, você pode escrever: Desenvolva para mim uma página inicial de um site que mostre diferentes raças de gatos.

Etapa 2: Download e Upload

Faça o upload do arquivo HTML gerado por IA para a pasta h5_html dentro do framework ShipLang (você pode fazer o upload do arquivo diretamente ou colar o código). Observe que o arquivo deve terminar com [.php] em vez de .html.

Exemplo de estrutura de arquivo: (ex.: nome de domínio é 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

Regras de acesso

As regras de acesso informam como acessar os arquivos enviados para uma pasta específica, e [index.php] refere-se à página inicial.

Ao fazer o upload de um arquivo chamado h5_html/index.php → acesse o endereço: 123.com

Ao fazer o upload de um arquivo chamado h5_html/maomi.php → acesse o endereço: 123.com/maomi

Ao fazer o upload de um arquivo chamado h5_html/mao/index.php → acesse o endereço: 123.com/mao

Ao fazer o upload de um arquivo chamado h5_html/mao/bosi.php → acesse o endereço: 123.com/mao/bosi

Ok, seu site agora está acessível e pronto para uso. Para aprender técnicas mais avançadas, veja os exemplos abaixo.

Tradução automática multilíngue

O sistema gera automaticamente versões multilíngues para sua página web.

Ao fazer o upload do arquivo h5_html/index.php (com conteúdo em chinês), o sistema irá gerar automaticamente:

123.com/zh/maomi    # 中文版(原始文件)
123.com/en/maomi    # 英文版(自动翻译)
123.com/ja/maomi    # 日文版(自动翻译)
123.com/fr/maomi    # 法文版等等...
Principais vantagens:Você só precisa manter um arquivo HTML em chinês. Após modificar o conteúdo em chinês, todas as versões em outros idiomas serão atualizadas automaticamente e sincronizadas, eliminando a necessidade de tradução manual ou manutenção de vários arquivos.

Por exemplo, se você alterar "Bem-vindo ao meu site" em h5_html/index.php para "Explore o mundo maravilhoso", o conteúdo traduzido mais recente para o inglês será exibido automaticamente quando os usuários visitarem a página em inglês.

Veja o código de exemplo.

Modifique o arquivo de exemplo para experimentar as funções do sistema.

Nos arquivos do site do BT Panel, abra a pasta: [h5_html]->[dosc]->[lang-i18n.php], onde você pode modificar ou excluir o código-fonte.

Em seguida, acesse o endereço da página: domain.com/en/dosc/lang-i18n

Dessa forma, você poderá experimentar como usar os recursos avançados de jogabilidade do sistema.