Ir para o conteúdo
星罗
Pesquisar
Alternar idioma
Voltar

Começando

1 min de leitura Editar no GitHub

Este guia ajuda você a iniciar o Xingluo para desenvolvimento local e compilações de produção a partir do zero.

Requisitos

DependênciaVersão mínimaObservações
Node.js22.12.0Veja engines.node em package.json
pnpm10.xGerenciador de pacotes (o projeto usa pnpm workspace)

Dica: gerencie versões do Node com fnm ou nvm.

Instalação

Após clonar o repositório, instale as dependências:

bash
pnpm install

Após a instalação das dependências, os projetos de referência em references/ são automaticamente excluídos da compilação TypeScript e das builds (veja exclude em tsconfig.json).

Desenvolvimento local

Inicie o servidor de desenvolvimento (padrão http://localhost:4321/):

bash
pnpm dev

No modo de desenvolvimento:

  • Rascunhos e postagens programadas são todas visíveis (para pré-visualização); eles são filtrados apenas durante as builds de produção
  • Alterações nas coleções de conteúdo acionam recarga automática
  • Comportamentos do lado do cliente (alternância de tema, View Transitions, etc.) correspondem à produção

Sincronização de tipos

Após modificar esquemas ou tipos das coleções de conteúdo, execute sync para atualizar .astro/types.d.ts:

bash
pnpm sync

Compilação

A build de produção tem três etapas (veja o script build em package.json):

bash
pnpm build
  1. astro check: verificação de tipos TypeScript e modelos Astro; qualquer erro interrompe a build
  2. astro build: gera estaticamente todo o site em dist/ (incluindo imagens OG dinâmicas, RSS, sitemap, robots.txt)
  3. node scripts/generateSearchIndex.mjs: escaneia dist/ para gerar o índice de busca de texto completo em dist/search/

Nota: O índice de busca é gerado por um script Node após a compilação.

Pré-visualização da compilação

Visualize o resultado da build em dist/ localmente:

bash
pnpm preview

Qualidade do código

ComandoPropósito
pnpm formatFormata todo o código com Prettier (incluindo Astro e Tailwind)
pnpm format:checkVerifica conformidade de formatação (usado em CI)
pnpm lintVerificações ESLint (incluindo eslint-plugin-astro)

Próximos passos


Artigos relacionados

  • Implantação

    2 min de leitura

    Guia de implantação do Xingluo cobrindo plataformas de hospedagem estática (Netlify/Vercel/GitHub Pages), auto-hospedagem Nginx, Docker e variáveis de ambiente.

  • Busca

    1 min de leitura

    Guia de busca do Xingluo cobrindo integração de busca de texto completo Flexsearch, geração de índices, UI, busca multilíngue e desempenho.