Como criar um site Netlify gratuito com o gerador de site estático Hugo (hospedagem gratuita, upload fácil) | Sean Emerson | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Como criar um site Netlify gratuito com o gerador de site estático Hugo (hospedagem gratuita, upload fácil)

teacher avatar Sean Emerson, Web Developer and Static Site Specialist

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      0:28

    • 2.

      Como começar com o projeto

      1:43

    • 3.

      Como configurar novo projeto do GitHub

      3:52

    • 4.

      Adicionar conteúdo Hugo

      6:17

    • 5.

      Criar novo site Netlify

      2:00

    • 6.

      Como criar configuração Netlify

      6:41

    • 7.

      Como adicionar configuração NPM

      3:42

    • 8.

      Construções de sucursal

      4:32

    • 9.

      Request Builds (implantar pré-visualizações)

      7:17

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

47

Estudantes

1

Projeto

Sobre este curso

Netlify oferece hospedagem gratuita e também constrói convenientemente seu site Hugo para você.

Tudo o que você precisa fazer é enviar seu código para o GitHub e o Netlify assume o controle. Você pode até criar ramos ou solicitações de puxar para recursos ou erros em que você está trabalhando.

Este curso leva você embora o processo de criação do Netlify e como configurar para o Hugo.

O Netlify é gratuito, para além de uma conta Netlify, você precisa de uma conta gratuita com GitHub.

Conheça seu professor

Teacher Profile Image

Sean Emerson

Web Developer and Static Site Specialist

Professor
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Oi, estou mostrando no desenvolvimento do site e professor. Bem-vindo ao meu curso sobre como criar um site gratuito da Netlify com Hugo. Esse curso é chamado de pessoas que gostariam de acelerar o processo de desenvolvimento do site simplificando a publicação do site e obtêm fluxo de trabalho. Depois de empurrar seu trabalho para obter, ele será automaticamente carregado para o Netlify e construído. Você pode até criar compilações do Netlify para filiais e solicitações de pool. Vejo você no curso. 2. Introdução ao projeto: Começando com o projeto. Para o projeto, você precisará das versões mais recentes do software a seguir instaladas. Você precisará começar e ter certeza de instalar isso com brew no Mac ou Linux ou Windows. Use TROPOMI. Você precisará Digital Studio Code instalar a versão mais recente disso provavelmente correções. Você precisará do Node.js e, em seguida, incluirá o NPM, obtenha CLI para deslocamento para o Git e o GitHub desktop. Então você tem um método gráfico de ver o que está acontecendo com seu repositório Git. Você precisará se inscrever para contas com o GitHub e o phi. E isso é tudo gratuito. Se você precisar de mim, ajude a instalar esse software. Se você for à minha introdução ao curso de bootstrap Hagar N, a primeira lição, texturas é o processo de instalação de todo esse software. E você tem dois pedidos em particular. Dessa forma, o software se conectará entre si. Por exemplo, você precisa instalar o Node.js primeiro, e isso também instala chocolaty. Então você pode instalar Hagar. E você precisa se certificar de que você tem se estiver compartilhando código instalado antes de instalar o Git, CLI e o GitHub Desktop. Dessa forma, você pode escolher o Visual Studio Code como seu código. Durante todo o curso, estarei enviando cada lição para o repositório do GitHub. Há um link para isso na seção de recursos. Tenha em mente que o branch master é exatamente o que eu tenho usado para vincular ao Netlify de visão para fazer o faturamento. O branch master em si não é muito útil para você, mas há um ramo por lição. E se você tiver algum problema com qualquer uma das lições, você pode ir e ver a lição específica através do ramo e ver o código dessa lição. 3. Configurar novo projeto do GitHub: A primeira coisa que vamos fazer é configurar um projeto do GitHub. Uma maneira de fazer isso fácil se você entrar no GitHub desktop e adicionar novo repositório, ele ascii o nome da pasta do repositório e do caminho. E ele criará uma pasta, repositório de pastas. E também inicializará o repositório ao mesmo tempo. Prefiro não fazer esse método porque não gosto de confiar no GitHub desktop para criar a foto, porque muitas vezes vou acabar com a foto dentro de uma pasta. Eu prefiro esse método de criar uma foto. E, em seguida, dentro dessa pasta, abrirei a pasta vazia no Visual Studio Code. E, a partir daqui, se formos para o botão Controle de código-fonte, você poderá inicializar o repositório. Ou, se desejar, no terminal, você pode executar git nele. Você notará que temos uma pasta, o ponto dos anos 90 obtém, e é aí que todo o seu histórico do Git. E você obterá folhas de configuração. Se você quiser baixar um repositório Git da Internet e quiser enviá-lo para sua própria conta, você teria que excluir a pasta. Agora que inicializamos o projeto, precisamos adicionar um ponto git ignore fall, apertar o botão Novo arquivo e nomeá-lo dot git. Ignore este outono. Vamos especificar todas as pastas e arquivos que não serão carregados para obter. primeiro é a barra dos módulos sublinhados do nó de barra após ele. E isso é todos os arquivos e fotos são gerados quando você instala dependências do NPM. E se você tiver feito algum dos meus outros cursos, você saberá tudo sobre isso. Um éxon será público cortado. É quando você executa o comando e o SWOT é criado para upload via FTP. Você estará gerando quedas na pasta pública. E não queremos comprometê-los porque eles mudam com frequência. E então, desnecessariamente, você pode gerá-los com a comunidade. Não precisa realmente comprometê-los para obter. O próximo é recursos de barra. Recursos de página, que foram criados para uso no projeto, geralmente não são necessários. Vamos ver isso na lição posterior. Nós os incluiremos para aumentar os tempos do Netlify Bill. Mas isso aumenta o tamanho do repositório do GitHub. Geralmente não os incluiria quando a página, o site, está em um estágio de rascunho. Mas, mais tarde, quando a página for concluída, é ótimo incluir as resistências seguras porque isso diminuirá o tempo de compilação. O próximo é sublinhado de ponto. Construa ponto loc. Isso é muita queda que é gerada quando vocês correndo. Não precisamos incluir isso. Em seguida, veremos o tempo de esgotamento primeiro commit. Desde poucas maneiras podemos fazer isso. Uma maneira é, se você clicar na guia Controle de código-fonte, poderá colocar suas mensagens. Por exemplo, crie git, ignore. Caso contrário. De outra forma , é que chegamos ao GitHub Desktop, um pouco mais gráfico. Você pode colocar uma mensagem aqui, ou você pode ir com o padrão e o controle enter para confirmar. Foi aqui que eu realmente bloqueei para usar o GitHub Desktop. Quando você publica, você pode escolher se deseja mantê-lo privado ou não. Usando o Netlify, você pode realmente definir como privado e essas 22 entidades GitHub. Você também pode escolher a organização. Se você voltar ao Visual Studio Code, você pode realmente escolher uma organização e publicá-la para que você possa fazê-lo manualmente através da linha de comando. Vamos trabalhar. É altamente recomendável se você tiver uma organização configurada com sua conta do GitHub, use o GitHub desktop que escolheu sua organização. Você pode publicar seu repositório. Isso nos traz o próximo passo. Estamos prontos para criar algum conteúdo. 4. Adicionar conteúdo Hugo: Vamos adicionar algum conteúdo ao nosso projeto. E você poderia copiar e colar em outro projeto de cara enorme. E se você já fez alguns dos meus outros cursos, você provavelmente tem um ótimo projeto pronto para começar. Basta ter em mente, não copie e cole na pasta dot git. Porque se houver pasta de kit escuro nesse projeto, porque você substituirá Configurações do repositório Git no histórico deste projeto. Vou criar um novo conteúdo quando você usar o comando T ego, novo site, barra de pontos. Isso é para o diretório atual em que já estamos. Por padrão, ele realmente cria uma pasta para você, mas já temos nossa configuração de pasta que obtemos agora nos dirá que já existe conteúdo na pasta. E você tem que usar a força. Dash, traço, falso. Obviamente, seria cuidadoso que você não. Eu trouxe conteúdo existente ao usar força. Como sugeriu. Você pode baixar um tema ou criar o seu próprio com o comando Hugo new theme. Vamos usar isso para criar temporariamente alguns arquivos de layout porque atualmente não temos nada no layout. Alguém vai copiar e colar novo tema, temporário. Olhando sua pasta de temas e você verá que temos uma configuração de pasta temporária. Vou colocar e pegar tudo e arrastá-lo para o suporte de layouts. Não vou usar um tema. Se você quiser. Ele também tem uma configuração de pasta CSS e JS em um estudo. Você realmente não precisa deles para este tutorial. Só estou mantendo tudo o mais simples possível. Há tutorial. É mais sobre trabalhar com a Netlify. Antes de prosseguirmos e comprometemos todo esse conteúdo que acabamos de criar. Você precisa se lembrar, se a pasta estiver vazia, você a perderá com as crianças. Então você tem que fazer é criar um arquivo chamado gatekeeper de pontos. Não importa o que a queda está fria, mas usamos a convenção dot git me mantém saiba exatamente para que serve. Em seguida, podemos copiar e colar isso em cada foto vazia que você deseja manter. Em seguida, entraremos em layouts e basearemos o HTML de ponto. Eu pessoalmente não uso essa div com o ID do conteúdo quando estou trabalhando com bootstrap para isso, apenas para manter as coisas realmente simples. E isso é algo que muitos dos meus alunos têm usado como cursando meus cursos. Em seguida, entraremos em nosso index.html. Coloque alguns suportes encaracolados, defina as minhas, vírgulas invertidas nisso. E, em seguida, adicionaremos conteúdo de pontos. O que faremos é criar um contêiner. O contêiner mostrará conteúdo em muito total também. Faremos um título de ponto. Em seguida, copiaremos isso para um único e listaremos. E então entraremos na base da configuração parcial. Portanto, faremos um padrão total de título de ponto. Vamos colocar nosso Bootstrap CSS. Vou ter um link para esta página. Você já fez isso. Se você fez meus outros cursos, por exemplo, estamos começando com vocês. Em seguida, o JavaScript fará um novo script de código parcial, Fuhrer peice, o JavaScript lá dentro. Deixe-me voltar à base. Coloque-o no roteiro para mim, faço algumas tags semânticas aqui, mas você terá que assistir aos outros cursos para saber mais sobre todos esses outros recursos porque estou tentando manter esse curso como curto quanto possível. Em seguida, criaremos uma página de índice. Então, usamos novo sublinhado, índice, pensamento, MD. Em seguida, vá para o conteúdo. Vamos chamá-lo de casa. Vamos fazer algum alarme Ipsum. Talvez você não tenha a configuração de código do Visual Studio na qual você precisa colocar algum conteúdo. Uma coisa que você tem que se certificar de consertar. Ou seja, o rascunho é verdade. Precisamos rascunhar para falso. Portanto, a página será exibida. Você pode mudar enquanto estiver nisso. E isso depende de você em arquétipos sob o ponto padrão m d. Este é um modelo usado para criar novas páginas. E eu defini o rascunho como falso. Quando estou criando uma nova página, normalmente uso branches e pull requests. E isso é algo que vou te mostrar mais tarde neste curso. E funciona muito bem com a Netlify. Vou definir o rascunho como falso. Custar-me pelo que acabamos de fazer é totalmente opcional. Você pode simplesmente copiar e colar em um projeto enorme. Mas certifique-se de não copiar e colar na foto quando estiver fazendo isso. Caso contrário, você nunca, o que acabamos de fazer quando criamos um novo projeto, abrimos um novo terminal e executamos Vocês alguma vez? Em seguida, clicaremos em Control para ver no navegador. É por isso que não está pronto para passar para a próxima lição. 5. Criar novo site Netlify: Agora vamos analisar a criação de um novo site Netlify. Para ter uma configuração de conta Netlify, o nível gratuito é perfeitamente bom para o que estamos fazendo. Em seguida, você pode conectar um bom projeto. Vou escolher o GitHub. Se você fez login no GitHub, isso se conectará automaticamente quando eles forem desativados e você precisar definir os comandos que você só compra estrutura, em branco. comando Build será Hugo e o diretório publicado será público. Meu GitHub usa como padrão o branch, que é o ramo principal real para implantação. Você pode ter dito dois principais. Então, basta verificar novamente, você tem o brilhante certo sentar lá. Ele vai puxá-lo para você. Atualmente, está implantando o site. Nós configuramos. Você não pode entrar em pinturas de domínio e você pode mudar esse domínio aqui , por exemplo, estou bem, legal. Skillshare, Netlify. Você obtém o aplicativo Netlify dot, um URL e o google geralmente ele não os rastreia. Então você tem que se preocupar muito com isso. Acho que faço implantações e você verá que nosso site foi publicado. Você pode realmente clicar nele e ele dará uma visão geral do que aconteceu. E vamos dar uma olhada em ativar a depuração sentada para Hugo. Então você pode ver muito mais sobre o que está acontecendo. Você pode clicar no link e ele o enviará para esta versão exata do site. Mas eu prefiro apenas voltar à visão geral. E isso lhe dará o endereço público para o site publicado o que acabamos de criar na lição anterior. Se você subiu ao palco quando estiver pronto para passar para a próxima lição. 6. Criar configuração Netlify: Esta demonstração vai dar uma olhada em como configurar compilações do Netlify para diferentes cenários e ambientes. Vou colocar o link para esta página na seção de resultados. Ele notifica a página de configuração baseada em arquivos. Você tem um arquivo chamado Netlify, não alto na raiz do projeto. E então aqui em baixo temos algum código de exemplo. Não precisamos de tudo, quem quer que seja. Então, vamos fazer a queda e então vamos colocar a parte importante parecer. Crie um novo arquivo na raiz do projeto e vamos chamá-lo de Netlify dot double. A primeira coisa que estamos preocupados é a primeira parte, construir e todas as configurações ficam embaixo do cabeçalho da construção. Todas as nossas configurações globais na compilação, a menos que vamos substituí-las. Então, vamos copiar e construir. Não nos preocupamos com a base porque estamos usando a raiz do projeto como base. Vamos colocar em Publicar e colocaremos nosso comando de compilação. Publicado será público. O comando build, comando de compilação básico ECO. Vou ter um link para a página de documentos do comando Hugo. Podemos adicionar dash, dash debug para saída de depuração possamos ver o que realmente está acontecendo. E vamos fazer dash, ampliar o traço, minificar o HTML e XML em plugins neste tutorial porque eu lidava com praticamente tudo. Então, agora vamos dar uma olhada em substituir as coisas internas para diferentes contextos. Esses contextos de raios temos produção, que são os principais contextos. Temos implantação, pré-visualização e diremos que implantação de filiais, captura, produção. Obtenha uma pré-visualização. Vamos visualizar o ambiente de pontos porque prefiro configurá-lo dessa forma. Em seguida, o método em linha mostrado aqui. E então vamos configurar um para produção também. Temos filial implantar e almoçar o ambiente de estratagemas, em tempo real ausente. Construa um ambiente, adicionando algo ao disposto para o NPM. Vou analisar a criação alguns comandos de compilação diferentes para implantação, visualização e implantação de ramificação. Tenha em mente se estamos fazendo um ponto de ramificação ou uma solicitação de pool, que é uma implantação de uma visualização. Você precisará sentar Hugo para usar o URL personalizado criado. Quando isso acontece, temos uma opção aqui do traço B e que define o URL base. Vou configurar isso para todas as compilações Netlify. Dessa forma, se você alterar o URL Netlify não precisa se preocupar em entrar no Hugo e atualizar o URL base. E você poderia usar o dash PE, mas vou usar dash, dash baseURL para torná-los mais óbvios quando você voltar no futuro, veja seu arquivo de configuração usando a linha de comando. Você quer usar base em dinheiro porque menos do que o topo. Mas eu vou usar o traço, base de traço ano de idade para torná-lo mais óbvio. Vou usar cifrão e as capitais implantadas no URL de sublinhado sql prime. Isso vai puxar o URL base do Netlify para nós. Coisa toda. Exclua o conteúdo, deixe o ponto de ramificação e comentaremos isso para iniciar a terapia tricotada. mesma coisa com a pré-visualização e para produção porque ela irá configurá-la para que todos os três antigos funcionem automaticamente, porque adicionamos o URL base do Netlify voltará para ambiente em uma lição futura sobre o NPM. Vamos salvar isso. Então vamos nos comprometer vai afundar. Então, se chegarmos à página de implantações, atualize e você verá que agora estamos construindo. E foi construído com sucesso. Digamos que ele, porque executamos a opção de depuração, temos toda a saída extra de. Isso é realmente útil quando você está tentando descobrir o que está acontecendo de errado, porque é realmente complicado na Netlify resolver problemas como eles não fizeram. De volta à página de implantação, você notará o tempo necessário para construir e cerca de 14 segundos e 16 segundos, é realmente importante ficar de olho nisso porque ele começa a subir 2,52 minutos, três minutos. Você vai queimar suas mesadas. Se você voltar à sua página inicial, verá que você tem 300 minutos de compilação por mês no nível gratuito. Isso é muito importante que você tenha certeza procurou otimizar para que você não esteja usando o excesso de Belbin, caso contrário você se esgotou e, em seguida, é muito caro atualizar, especialmente se for apenas um site simples. 7. Adicionar configuração NPM: Vamos analisar a configuração do projeto Netlify para o npm. Vou ter um link para esta página. É a página do ambiente Node.js. Coisas que vamos definir. Existe uma opção da versão Node. Vou colocá-lo de qualquer forma, mas não vamos usá-lo por enquanto, mas você pode escrevê-lo se tiver um problema, você pode atualizar as versões noturnas. Você pode forçar a Netlify a usar a nova versão. Mas estamos realmente preocupados com ambiente do nó agora, por padrão, o Netlify assenta o ambiente do nó para o desenvolvimento. Agora, o que isso significa é que se você tem dependências de desenvolvimento e produção, todas elas serão instaladas. E há um aviso aqui de que, se definirmos o ambiente do nó para produção, quaisquer dependências de desenvolvimento em seu package.json não serão instaladas. Isso significa que podemos acelerar as compilações no Netlify não instalando dependências que você usa apenas localmente. Por exemplo, no Visual Studio Code para desenvolver seu site. Vamos em frente e definiremos que, em Bill dot, o ambiente será colado em meu nome e vamos defini-lo para produção. Em seguida, iremos aparecer nas opções de versão Node e NPM lá. Se você precisar forçar a Netlify a atualizar. Vamos comentar isso porque não estamos usando-os. Vamos em frente e configuraremos o NPM. Faremos é chegar a um novo terminal. idiota. Malha de período. Basta manter todos os padrões por enquanto. Então faremos algum isolamento. Basta dizer, por exemplo, você quer usar CSS de postagem com Hugo. Você precisaria executar o npm install muitas postagens, css, posts, css, CLI e, em seguida, dizer , por exemplo, autoprefixer também. Então você olhará para o package.json. Livre-se desse terminal. Você verá que eles instalaram independências e entram em instalação para nós no Netlify, mesmo que estejamos definindo nossa produção em nosso ambiente para produção. Vamos prosseguir e vamos instalar algumas dependências de desenvolvimento. Por exemplo, o link ES para linting seus arquivos JavaScript ES6 executará o NPM install dash, dash, salve a div. Então eles vão verificar nosso package.json. Agora temos nossas dependências de desenvolvimento. Es lint não será ascendente é Netlify já que estamos usando o ambiente de produção do nó. Então, vai economizar um pouco de tempo. Nós construímos. Algumas pessoas não se incomodam porque só são instaladas na primeira instância, elas não receberam dinheiro. Mas eu prefiro apenas mantê-los separados. Microsoft ou mais fácil. 8. E-mail: Branch: Não vai dar uma olhada nos campos de ramificação e como podemos criar uma nova ramificação que obtemos. E então podemos construir esse ramo no Netlify para você possa visualizar a ideia em que está trabalhando. Ou você pode estar, por exemplo, corrigindo um bug na guia pensamentos e escolha seu site. Em seguida, vá para as configurações do site e crie e implante. Em seguida, entre em galhos. E atualmente temos nosso mestre como nossas filiais de produção, uma ramificação que se constrói e que é para o URL principal na filial implantada, pois poucas opções você pode escolher todas. E ele construirá cada ramo que você criar. Caso contrário, você pode criar ramificações individuais. Eu pessoalmente prefiro construir ramificações individuais porque não quero cada ramificação , então eu crio para construir. Você só precisa colocar o nome da ramificação, mas por enquanto, vamos apenas definir tudo para facilitar este tutorial. Vamos salvar isso. E então iremos até o ramo, o mestre inferior, e criaremos uma nova ramificação. E vou criar uma implantação legal de seis ramificações. Você pode encontrá-lo facilmente. E então o que faremos é fazer algumas mudanças. Então vamos entrar em layouts, parciais e sair. E então copiaremos o Bootstrap cinco padrão, navbar. E então vamos colar isso. Antes de cometê-lo. Nós executaremos a tecla Control clique. Você pode dizer que ele está funcionando atualmente conforme o esperado. É importante que você visualize as alterações antes de colocá-las no Netlify. Caso contrário, ele desperdiça seu tempo e você ficará sem licenças de construção. O que fazemos agora é colocar nosso commting add navbar. Na verdade, estou publicando Guide To The implanta página para o pequeno em que você está trabalhando. E você notará que ele está se desenvolvendo fora do ramo de implantação da filial. Não deve demorar muito tempo. Isso está correndo agora. Nós saímos do bug que os pensamentos deles estão ao vivo. Então, vou voltar para a página de implantações. Temos um botão lá que irá para o código do GitHub. Esse é o compromisso real, a filial. Se você quiser ver a implantação da ramificação, você terá que clicar nessa compilação específica. E então abra a implantação de ramificação. Isso é significativamente diferente do site real. Você notará que temos dois slots diferentes acontecendo lá. Tem que ter cuidado quando você está lidando com clientes. Eu acho isso particularmente confuso, embora seja muito poderoso porque você pode criar um rascunho dobrável para um novo ID no qual eu quero que você trabalhe e você pode compartilhá-los com uma implantação de ramificação. Agora, há um botão lá para publicar. Recomendo isso porque você acabará publicando uma filial diferente. O que você pode fazer é, por exemplo, no GitHub desktop ou no Visual Studio Code. Podemos então ir para trás para o mestre. E, em seguida, podemos escolher ramificação, mesclar ramificação e podemos mesclar na implantação de ramificação. O único problema é que vou sincronizar isso. Então o problema é que, se isso gera uma era, pode ser um pouco difícil pegá-la. Você verá agora que está surgindo nessas mudanças e que está se fundindo no mestre, você provavelmente deve visualizar isso no código do Visual Studio com vocês. Então, o comando primeiro antes de sincronizá-lo com o bom, que é publicado. Então, se formos ao site principal, você verá agora que eu puxei nossa barra de navegação do branch, implante branch. Agora, geralmente o que você faria é entrar e excluir a ramificação depois de mencionar, mas vou deixar essa ramificação lá para que você possa ver no repositório no GitHub caso você tenha qualquer problema com esta lição ou ALS em particular, e você pode ver todos os ramos diferentes Sempre que já estão cheios. A próxima lição em que olhamos para isso em detalhes um pouco maiores. 9. Request Builds (implantar pré-visualizações): Então, agora vamos analisar compilações de solicitações ruins. Vá em frente e mostre como fazer a pull request. Indo para Netlify, acesse seu site e, em seguida, procurei configurações e crie funcionários. A primeira coisa que faremos é desligar prédio da filial, exceto o ramo de produção, porque isso gerará construção desnecessária. Em seguida, a próxima opção é implantar visualizações, e isso é tudo sobre solicitações de pool. Agora, por padrão, ele está configurado para criar solicitações ruins em relação à solicitações ruins em relação sua filial ou ramificação de produção, implantar ramificações. E vou te mostrar exatamente o que isso significa em um momento. Temos a ferramenta habilitada para desenho Netlify que não vamos usar porque eles estão trabalhando ou eu estou nisso. Vou te mostrar o que é de qualquer maneira. Vamos deixá-lo configurado com as configurações padrão e, em seguida, retornaremos os indivíduos ao seu código. Vou fazer uma nova filial. Vou chamar essas solicitações de pool de filiais. Você poderá dizer isso no repositório Git. Faremos é entrar na página inicial, mudaremos parte do significado completo ao redor. Só para fazer as coisas obviamente, vamos colocar uma div com alguma margem, algum preenchimento e algum fundo. Então vamos verificar isso. Em seguida, alteraremos a cor do texto. Agora vamos nos comprometer, publicaremos a ramificação. Em seguida, iremos para o repositório. Apenas uma pequena nota, você pode realmente obter um plugin. Você pode criar GitHub, pull requests de dentro do Visual Studio Code. E vou te mostrar no site porque ele não requer nenhuma instalação. Então, no GitHub, desça e escolha o ramo. Diz que a ponte é um compromisso à frente de Moscou. Então, vamos criar um pool de pedidos contra Moscou. Então, uma maneira de fazer isso é apenas contribuir com o menu suspenso. Podemos pull requests, caso contrário, você pode criá-las por meio de solicitações ruins. Então estamos comparando o ramo de quatro crostas. E quando você não chamaria isso de pedidos ruins, acabei de fazer isso. Você pode identificar a lição. Estamos comparando com Mostafa. Ele pegou a mensagem de commit para nós dia. Você pode colocar mais informações lá. Diz capaz de surgir, o que é ótimo. Vamos creditar. Github está verificando a capacidade de gerenciar e, em seguida, estamos executando algumas verificações do Netlify. O Netlify está passando à medida que constrói a visualização da implantação. Ele está executando as verificações para nós e obteremos alguns resultados disso em um momento. Então, vamos verificar o R1, não tivemos nenhum problema. Na verdade, posso clicar no botão de detalhes e ele realmente mostrará a visualização da reprodução. Então, assim como estávamos olhando para o Hugo disse, bem, esta é uma versão do sal que é realmente mesclado com o branch master. Por exemplo, você pode ter alguém que fez algumas alterações no branch master e você tem trabalhado em algo em sua própria ramificação. Por exemplo, esse plano de fundo com textos diferentes. E então isso está mostrando o que realmente parece ser mesclado. Acho que implantar anteriormente, ótimo, porque é um lembrete de que o trabalho está lá esperando para emergir e você pode continuar trabalhando nesse ramo e ele continuará atualizando a visualização da implantação. Digamos, por exemplo, você disse ao cliente que está feliz em dar a ele duas revisões para um rascunho. Bem, então você pode abrir suas solicitações de pool. Você pode fazer todo o seu trabalho nessa revisão. E quando eles estiverem felizes com isso e tiverem assinado, você pode se comprometer com o site deles. E se você prometeu a média agora que vai, você fará duas revisões para a queda. Então você se abrirá. E eu adorava jogar pré-visualização. Ele será pull request se quiserem pequenas alterações. E então você pode trabalhar nisso. E então você pode confirmar essas alterações. E o que você está vendo em sua visualização de implantação, você notará ao longo da borda inferior, um relatório de barra de ferramentas que para p e que não aparece no site final onde você confirmou a solicitação do pool. Mas você tem várias opções. Ele, e eles parecem bem simples. Mas se você olhar para a captura de tela, por exemplo, espere até que ela carregue. Você pode realmente usar essa captura de tela em um comentário. Você precisa se certificar de que está logado no GitHub. E essa é uma ótima maneira de se comunicar com a realização. Ele simplifica o processo. Eles também colocaram a gravação de tela lá. Deixe-me digitalizar o botão para que você possa digitalizá-lo com um dispositivo móvel e, em seguida, você pode visualizar o site. No meu modo, você não precisava ter o problema de preencher o URL longo. Mas também temos o botão à esquerda e você pode acessar todos esses recursos em detalhes. Então, por exemplo, agora, vamos até comentar sobre a pull request no GitHub. Você pode até criar novos problemas, verificar quem está na equipe, enviá-los por e-mail e assim por diante. Está tudo lá dentro. Essa é a Netlify Dora. Vou levantar essa liga, que na verdade estava ativada por padrão. Mas você pode desativar isso se não quiser que os membros da equipe acessem isso. Acabei de abrir a visualização de implantação em um navegador que não é amado a Internet aplicada como uma luz aparente, o que acontece quando você tem um cliente visualizando a visualização da implantação. E você só precisa estar onde você ainda terá essa barra na parte inferior. E isso pode confundir um cliente. Se você estiver usando isso para mostrar aos clientes eles progridem em um recurso de rascunho. Eu consideraria o fato de que você pode desligar gaveta de longe porque eu fico confuso com essa barra na parte inferior da tela. Assim, você pode pressionar merge pull requests e, em seguida, você pode confundir a mensagem e também colocar um comentário sobre este botão conveniente para excluir essa ramificação depois de gerenciar as solicitações do pool, que está gerenciando uma ramificação para o magistral, o ramo principal, você praticamente qualquer coisa que resta a fazer é isolar o ramo. Não vou para a filial como na última lição, não gostei dos dados da marca porque quero os ramos que eles dizem, você pode dizê-los. Acho que é por isso que melhor do que os franceses implantam. É muito mais controlável. Bem, eles precisam passar pelo GitHub, pelo processo. E, como eu disse, você não pode obter o plug-in para o Visual Studio Code, embora eu prefira isso no GitHub como muito mais gráfico.