Um modelo de repo para uma página simples de HTML estática baseada no caldeira HTML5 e utilizando CSS para um estilo flexível. Ótimo para vir em breve e páginas de desembarque. Facilmente implantável nas páginas do GitHub ou qualquer outro host estático.
Clique no botão "Use este modelo" na parte superior da página principal do repositório no GitHub. Edite o conteúdo do index.html e/ou main.js e implante seu host estático favorito seguindo as etapas da implantação abaixo.
Para acesso rápido, você também pode acessar https://github.com/besublime/tailwind-parcel-static-starter/gereate
Depois que seu repositório for criado e clonado para o seu ambiente local, execute npm install
para instalar dependências antes de continuar.
A partir do terminal, execute npm run dev
para iniciar um servidor simples (usando a parcela) que monitorará index.html (e qualquer JS/CSS contido nele) e recarregue automaticamente quando as alterações são feitas.
Para implantar para as páginas do Github, ativar as páginas do GitHub nas configurações do seu repositório e selecione o diretório /docs
como fonte.
Para atualizar o site de páginas do Github publicado, execute npm run build
, depois comprometa e empurre as alterações no repositório remoto. (Este comando usa a parcela para compilar o CSS, agrupar quaisquer scripts e produzir tudo para o diretório /docs
.)
Para implantar em outras plataformas estáticas do site, siga as instruções fornecidas pelo host. O comando de compilação no package.json
pode ser atualizado para saída para qualquer diretório alterando o parâmetro --dist-dir
.