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.