Uma configuração do Git instalada. Se você não tiver um, poderá instalar o Git.
Criar aplicativo do Jekyll
Crie um aplicativo do Jekyll usando a CLI (interface de linha de comando) do Jekyll:
No terminal, execute a CLI do Jekyll para criar um aplicativo.
Bash
jekyll new static-app
Vá para o aplicativo recém-criado.
Bash
cd static-app
Inicialize um novo repositório Git.
Bash
git init
Confirme as alterações.
Bash
git add -A
git commit -m "initial commit"
Envie por push seu aplicativo para o GitHub.
Os Aplicativos Web Estáticos do Azure usam o GitHub para publicar seu site. As etapas a seguir mostram como criar um repositório GitHub.
Crie um repositório GitHub em branco (não crie um README) em https://github.com/new chamado jekyll-azure-static.
Adicione o repositório do GitHub como sendo remoto ao seu repositório local. Adicione o nome de usuário do GitHub no lugar do espaço reservado <YOUR_USER_NAME> no comando a seguir.
Região da API do Azure Functions e dos ambientes de preparo
Selecione a região mais próxima de você.
Origem
GitHub
Selecione Entrar com o GitHub e faça a autenticação no GitHub.
Insira os valores do GitHub a seguir.
Propriedade
Valor
Organização
Selecione a organização do GitHub desejada.
Repositório
Selecione jekyll-static-app.
Branch
Selecione main.
Observação
Se você não vir nenhum repositório, talvez seja necessário autorizar o Aplicativos Web Estáticos do Azure no GitHub.
Navegue até o repositório do GitHub e vá para Configurações > Aplicativos > Aplicativos OAuth Autorizados, selecione Aplicativos Web Estáticos do Azure e Conceder. Em repositórios corporativos, você precisa ser um proprietário da organização para conceder as permissões.
Na seção Detalhes do Build, selecione Personalizado no menu suspenso Predefinições de Build e mantenha os valores padrão.
Na caixa Local do aplicativo, insira ./ .
Deixe a caixa Local da API vazia.
Na caixa Local de saída, insira _site.
Examinar e criar
Selecione Examinar + Criar para verificar se todos os detalhes estão corretos.
Selecione Criar para iniciar a criação do aplicativo Web estático do Serviço de Aplicativo e provisione uma GitHub Actions para a implantação.
Assim que a implantação for concluída, selecione Ir para o recurso.
Na tela de recursos, selecione o link URL para abrir o aplicativo implantado. Talvez seja necessário aguardar um minuto ou dois para que a GitHub Actions seja concluída.
Configurações personalizadas do Jekyll
Quando você gera um aplicativo Web estático, é gerado um arquivo de fluxo de trabalho, que contém as definições de configuração de publicação do aplicativo.
Para configurar variáveis de ambiente, como JEKYLL_ENV, adicione uma seção env às GitHub Actions dos Aplicativos Web Estáticos do Azure no fluxo de trabalho.
YAML
- name:BuildAndDeploy id:builddeploy uses:Azure/static-web-apps-deploy@v1 with: azure_static_web_apps_api_token:${{secrets.AZURE_STATIC_WEB_APPS_API_TOKEN}} repo_token:${{secrets.GITHUB_TOKEN}}# Used for GitHub integrations (i.e. PR comments) action:"upload"###### Repository/Build Configurations - These values can be configured to match you app requirements. ####### For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig app_location:"/"# App source code path api_location:""# Api source code path - optional output_location:"_site"# Built app content directory - optional###### End of Repository/Build Configurations ###### env: JEKYLL_ENV:production
Limpar os recursos
Se você não quiser continuar usando esse aplicativo, poderá excluir o recurso Aplicativo Web Estático do Azure com as seguintes etapas:
Publique um aplicativo JavaScript do Angular, do React, do Svelte ou do Vue com os Aplicativos Web Estáticos do Azure. Use o Visual Studio Code para criar e executar o aplicativo Web localmente.
Crie soluções de ponta a ponta no Microsoft Azure para criar Funções do Azure, implementar e gerenciar aplicativos Web, desenvolver soluções utilizando o Armazenamento do Microsoft Azure e muito mais.