Crie e hospede seu primeiro website gratuito — um guia completo para iniciantes

1. Introdução: Oi, todo mundo. Bem-vindos ao meu primeiro curso de Scotia. Continuar. Sou um desenvolvedor web de pilha completa. Neste curso, eu ensinaria a você como construir e hospedar seu primeiro site pessoal sem nenhum custo. Você tem que ter qualquer experiência de codificação anterior, já que eu vou quebrar o passo como detalhes possíveis. E não se esqueça de me seguir em tretas de habilidade como eu vou ter conteúdo incrível saindo regularmente para ensinar tudo sobre codificação antes de mergulharmos no curso um pouco sobre mim em chinês em bilíngüe. Oh, eu não tenho um histórico tradicional em ciência da computação. Minha educação foi na verdade em jornalismo e comunicação. Eu realmente acredito que codificar é uma habilidade que pode ser construída exatamente como você constrói seus músculos e você aprende construindo projetos. Ao percorrer o vídeo do curso por vídeo, certifique-se de que está cheio de passos e, em seguida, partilhe os seus sites connosco na comunidade. E não hesite em me fazer quaisquer perguntas e eu farei o meu melhor para responder o mais rápido possível . Agora vamos 2. Uma visão do que vamos criar: 3. Este curso está certo para você?: Tudo bem, agora vá para o negócio real antes de mergulharmos no curso para ajudá-lo a construir e hospedar um primeiro site gratuitamente. Gostaria de ter certeza de que você se sente pronto e se sente como você no curso certo. Então eu listo algumas razões pelas quais eu acho que você deve fazer este curso que você tem e você tem um trabalho em mãos e é simples. Seu freelancer, seu blogueiro ou seu empreendedor. Você quer colocar toe 90 ou socialmente em currículo, ter serviços, você quer listá-lo no site. Se o seu blogueiro, você não será capaz de hospedar um bloco com um novo site e eu posso dizer-lhe que suas ferramentas e conhecimento de codificação simples é que eu vou ensiná-lo hoje que permitiria que você construa todas essas funções em sua web livre de ciclo. E você não precisa pagar o desenvolvedor ou plataformas de terceiros como semanas ou espaço quadrado para construir este site incrível que você está prestes a ter e porque você está construindo em uma plataforma muito segura que um monte de codificadores nenhum mundo está usando, Chama-se Kid Hub. Você não quer trabalhar você não precisa se preocupar com problemas de segurança, e não há base de dados que você precisa gerenciar. E você não precisa se preocupar com todos os reis PLA que vêm com WordPress eso. Em suma, você tem um site que satisfaz seus joelhos muito simples. E, hum, você não precisa tomar tempo extra, e você já está muito ocupado agendando para se preocupar com, você sabe, bancos de dados, problemas de segurança e manutenção. E você sabe de tudo isso e não precisa do dedo do pé. Retire mais dinheiro mensalmente para pagar um domínio ou plano de hospedagem ou um mais frio para manter seu site ou 30 para plataforma de terceiros. Então, se você sentir que você está verificando todos os marcadores, então este curso é certo para você neste curso é construído com uma pessoa sem experiências anteriores de acordo em mente. Então eu vou orientá-los através do ambiente, configurar que é necessário para este projeto para executar 4. Instalação: selecione a seção. Falamos sobre algumas razões pelas quais este curso é certo para você. Agora, nós resolvemos isso nesta seção, eu vou orientá-lo através das etapas e instalação para garantir que seu computador está pronto com um jogo para o projeto ser executado em seu laptop. Esse processo de configuração faz com que as pessoas não tenham experiência de código em mente. Então você não tem que se preocupar com, uh, você tem as ferramentas certas em seu computador? Vou guiar-te desde o básico. Então, há três coisas que você precisa. Você precisa de um editor de texto. Eu uso o fornecimento de impostos três. Mas isso não é necessário. Há o estúdio Adam e o Visual Code. Esses são de graça, e eles são ótimos, também. Então, basta escolher um editor de texto de sua escolha. Apenas certifique-se de que não é o editor de texto no sentido tradicional, como você sabe, Microsoft para. E esses não são para codificação. Você precisa disso no editor fiscal. É uma codificação rigorosa de pessoas que precisa ser desativada. Você precisa desktop Donald up, levantar-se e também se inscreveu com conta com Get up. Eu passo você através do básico aqui em também anexar links para o software para duvidar e, em seguida, também precisa de um terminal terminais onde você interage o computador, falar com o computador, obter computadores para fazer as coisas para você. Eu uso o item, mas isso não é necessário. Se você usa um livro Mac, aplicativo terminal vem com ele. Então, para este projeto, eu só vou, hum eu vou usar o terminal para fins de demonstração. Então, para encontrar terminal, você vai para você ir para o seu deck de aplicativos, e então você clica em outro. E aqui está o Terminal. Então este é você chegando no terminal. É aqui que você interage com um computador. Agora, o pedaço de software que eu uso este sublime texto sublime Texas ataques editor que um monte de problemas de código e, em seguida, você abre o arquivo. Você basicamente arrastou um sublime taxing para aplicação. Eu fiz isso. Então, depois de ter instalado, Donald fez em e também instalado que vamos para a próxima coisa, que é chamado obter ajuda. Presumo que as pessoas estavam fazendo esse curso. Não tem um perfil em desistir. É assim que você se inscreve. Hum, e não um sinal. Você trancando. Então eu tenho conta. Vou assinar aqui. Mas aqui é assim que parece quando você quer fazer login e você tem algumas atividades. É uma coisa boa de se ter. Então eu estava dizendo que você deveria saber disso. Levante-se desktop. Você vai para desktop, você vai baixar. Você não tem o Mac OS ou para Windows. Então, depois de você para baixo com isso, eu provavelmente iria levá-lo para o aplicativo. Então ele vive em seu aplicativo. Bach. Bem aqui. Basta seguir os passos. Certifique-se de travar em seu filho, ter desktop. E há algumas configurações de províncias que eu gostaria que você tivesse certeza que você fez isso. Então este é para ter certeza de que você tem o dedo do pé direito. Comprometer-se no top do seu filho. Apenas certifique-se de que o seu nome e quem nos enviou o e-mail certo e também para a configuração do evento, apenas certifique-se de escolher os editores de sua escolha. Eu costumava fornecer impostos, então eu virei. Mas neste caso, vou usar o tribunal para que as pessoas possam me seguir sem votação. Julgue demasiados passos a mais, está bem? E todas essas configurações ficam boas no Save it. Então agora temos essas três coisas instaladas em nosso computador. Acho que é o momento perfeito para encerrar esta seção e depois passar para a próxima seção. Vamos falar sobre isso. Levante-se página. 5. Confira e onde obter ajuda: Como você se sente? Você acabou de terminar toda a instalação necessária na seção anterior. Você tem alguma pergunta, então você deve ir. Debaixo do vídeo, há várias torneiras. Há um toque que o seu projeto e você clica em que há no lado direito. O PS disse. Arquivos anexados e eu teria arquivos com todos os links de instalação no pdf. Então, se você tiver alguma dúvida sobre todos os programas que eu mencionei antes, uh, certifique-se que você, Donald, que Andi eu tenho todas as coisas que eles estão tão acabados. Toda a instalação antes de continuar e também um pouco de limpeza sobre perguntas. Se tiver alguma dúvida, não sofra em silêncio. Perguntas postadas na comunidade. instrutor de Tab Iess verificaria isso. Você está vindo especulativamente e certifique-se que eu posso perguntar a eles o mais rápido possível. Mas também, é uma ótima maneira para você sabe, outros alunos no dedo do pé da classe olhar para as perguntas e ajudar uns aos outros e também aprender uns com os outros. Então é um ótimo lugar para fazer perguntas na comunidade 6. Configuração do GitHub: Então, em seguida, vamos falar sobre levantar Page. Este é um mecanismo de hospedagem que vamos usar para este projeto porque é gratuito. Eles também usam Chacal de que falaremos mais tarde. É ah T. Certifique-se de que é um site consciente de bloqueio lá. Um par de razões. Eu já te disse porque usamos isso barato é barato para apontar que você não precisa gastar um dólar. E também é muito leve para o tipo de teste que vamos fazer hoje para, você sabe, site pessoal. Vamos construir o que chamamos, obter ajuda site do usuário para que você possa ir para páginas que obtêm meio ponto com. Esta é uma página de introdução muito boa de um esqui. Há dois tipos. Há um que é chamado de lado dos usos, e há um site do projeto, uh, que a diferença está realmente vindo para baixo para a menina. Você pode ter vários sites de projetos porque você tem um nome de usuário. Então você tem um. Uh, você é assim e então você pode dizer barra e, em seguida, nomes de repositório, mas para usar um site que nós só temos um então voltar para a minha página de get up up já tem um. Você usa uma página em minhas contas de ajuda originais. E é por isso que vou sair da minha conta normal. E eu vou entrar em uma nova conta que eu registrei para esta classe porque eu quero ser capaz de registrar A Eu quero ser capaz de registrar um site de usuário sem interromper o site anterior que eu tenho. Ótimo. Então este é um Brent. Isto é o que parece quando você não tem repositório. Então, essencialmente, outro para o uso decidir ser único. Você precisa ter certeza de que seu novo nome de repositório é seu raciocínio. Se a primeira parte do repositório não corresponder exatamente ao que você está usando, ela não funcionará. E então vamos usar a parada para montá-lo e vamos começar um projeto. Então lembre-se do que escrevemos sobre Obter páginas de ajuda 30 anos para que o garoto tenha usado a página para funcionar, temos que ter certeza de que o nome do repositório corresponde exatamente ao seu nome de usuário fora, obter hub e, em seguida, com crianças, hein? É assim que funciona. É assim que ter identificado este repositório como o seu get up. Use uma página, então certifique-se de acertar. Caso contrário, não funcionaria. Se você fizer isso direito, você pode dizer criar repositório. E porque temos aquela parada depois, vamos montá-lo assim. Rápido, levante-se na área de trabalho. E isso diz a você, hum, esta irmã, você está fora do portão, hoppy, enquanto bem ali e vai clonar para o seu ambiente local sob o documento sobre a pasta Culkin trabalho. E aí está. Você diz melancolia. E agora você vai para o seu localizador. Você vai para baixo do seu documento. Se eu me levantar, aí está. Esse é o seu repositório alegando localmente que não há nada lá ainda longe . Para verificar se você tem isso corretamente, é ir para o seu terminal. Então essa é a maneira humana de fazer as coisas. Nós clicamos em ícones e encontramos pais. É assim que avaliamos o consumidor de tecnologia, sendo interagindo com o computador. Originalmente, as pessoas que usavam o computador se comunicam com o computador através do que chamamos o console terminal, e eu vou te ensinar apenas linhas de comando suficientes para passar. Então vamos para assim l s irá listar cada pasta, todos os documentos que está sob sua rota de casa. Pasta raiz do repositório. Esta coisinha aqui,não sei como se chama. Esta coisinha aqui, Este pequeno símbolo aqui significa que você está na raiz quando o clonamos. Dizia que foi clonado sob documento. Então nós dizemos CD foi movido para o documento e então nós dissemos, Ls vai nos dar todas as pastas que temos. Então eu vou para o hub e ver Lá está, isso é o nosso repositório de ajuda vivendo em nosso ambiente local. Eu vou ver o dentro do arquivo um grande truques para saber quando você tem cheio o nome como esta parede que você está digitando também. Alguns cuidados que você está digitando também. Algumas cartas para ter certeza de que você falou ao ponto de que não há outro para aprender que compartilhe o mesmo começo. E então você guia e eles também sentirão por você. Então você está no repositório. Vamos fazer um arquivo chamado toque hum, índice que ela e ótimo quando entrarmos na pasta e abrirmos com, um sublime Tex ótimo. Parece que acabei de atualizá-lo. Então não há nada no índice. Envergonhado. Como ainda? Isto é um pouco de magia, sópara te dar um gostinho do desenvolvimento aqui. Isto é um pouco de magia, só Ok. Você salvá-lo e, em seguida, você abre, tente abri-lo no navegador lá. Isso é como, o primeiro passo que cada desenvolvedor passa. Hum, agora você conseguiu. Você é um desenvolvedor agora. 7. Vá em vivo em uma linha: Então, fazemos alterações no repositório localmente. E quando você voltar para obter o suporte técnico, você vê a mudança aparecer nos bloqueios de mudança. Você deve se comprometer com seu ramo, seu ramo mestre. E aqui vou ficar em casa. Significa iniciar o repositório, posso dizer para testar. E eu disse, comprometa-se com o Mestre. E eu disse, E porque eu tenho o meu git, um token configurado. É aí que eu estava dizendo anteriormente sobre as preferências aqui. Certifique-se que você tem este passo configurado, hum, para que este passo siga em frente sem problemas. Então há três que eu chamo os três passos de Levante-se, você muda. E depois de fazer alterações, você se compromete. Foi isso que aconteceu. Bem aqui. Você escreve um resumo e algumas descrições sobre o quê? O que você mudou neste commit particular e, em seguida, você realmente confirma. Este é o segundo passo. Você ainda não terminou. Então, quando você vai para a sua página de levantar-se agora, uh, você estava fresco. Não acontece nada? Você cometeu localmente, mas não está na lotada. Você cometeu localmente, Então, para fazer isso, você precisa publicar. Ótima. Agora eu disse é publicado e você vai para o seu repositório e git atualização. Você verá que seu amigo apareceu há dois minutos. Isso significa que se levanta sabe que você fez o commit localmente há dois minutos. Então publicar só significa que agora está no ar. Então isso é ótimo. Você tem sua primeira página de levantar-se, cometer os que saíram no ar. Quero mostrar-te que é muito fixe. Lembre-se que falamos sobre o Conde mais cedo. Agora você digita isso e aperta Return. Essa é a sua página. Está online. Agora é. Não há, não há aborrecimento. Não há taxas. É online e é Ah, é sua página com a sua própria, você está fora e está completamente sob seu controle. Tenho um gostinho da magia das páginas do “Get Up”. Tenho certeza que você está tão animado. Mergulhe e personalize suas páginas ao seu gosto, e é isso que vamos fazer na próxima sessão com Jacko 8. Vamos ter e correr em segundos com os temas de Jekyll: Grayson última seção. Ficamos muito entusiasmados em lançar este site online com apenas uma vida, , na Shimo. E isso não é sobre os cursos. Queríamos construir um site que tivesse todas as funções que falamos anteriormente. Você sabe, links para suas redes sociais e também talvez um lugar para bloquear foram colocados para o Sr. Serviços. E como podemos fazer isso com um conhecimento muito limitado de codificação? É por isso que vamos, uh, uh, ferramenta de tese chamada Chacal. Então, basicamente, o que é ISS , uh, é um site estático. Uh, gerador que, uh, tudo que você precisa é colocar seu imposto de avião, e ele vai virar para sites e blocos. E há tantos modelos lá fora que vão caber. Você precisa disso. Vou entrar um pouco mais tarde. Então esse chacal todo, é um Jim rubi. Então isso significa que você precisa ter certeza de que seu computador tem será pré-instalado no caminho para verificar. Isso é muito simples e claro. Meu conselho é digitando Ruby Dobby, e se você obter um resultado como este, isso depois exato não tem que ser 2,5, pode ser 2,4 ou 2,3. Se você tem um problema com isso, você não tem uma versão rubi saindo Quando você está digitando isso, isso significa que você não tem Ruby Princeton. Eu vou colocar você tem um pdf. Você pode ir sob a guia do projeto e, em seguida, estar na parte inferior dos arquivos anexados. Vou querer outra Pia. Depois de ter feito isso, você pode voltar para o vídeo. E é hora de tentarmos a magia de Jekyll. Então, do jeito que você faz, é muito simples. Como este. Instruções de início rápido. Há apenas algumas linhas. É um rubi. Jim, você quer ter certeza de que está instalado. Ótimo. Você tem que, uh, James instalado. Esta é a palavra mágica. Uh, esta coisa aqui. Então esta parte Jekyll New é o comando e freelancer é apenas o nome do projeto. Fantástico. Agora você tem um arquivo aqui, freelancer. Sim. Eu me certifico que você veja o em três, e agora você tem um monte de arquivos que são gerados por apenas uma mentira fora do código aqui. Vou mostrar-lhe como é e tem servidores de exercício endereço aqui. Esta é a porta 4000. Voltamos aqui, digite local, post 4000, então aquele site zero, quando parece que se você cometer isso em sua contagem de ajuda quando você está em Jekyll sabia algo. Este é o tema padrão que o Jackal vai instalar em seu projeto, onde é chamado Minima. Há toneladas de outros temas que eu vou abordar para garantir que você seja capaz de fazer as coisas que você quer fazer no seu site. Isso é, você sabe, apenas uma amostra do que Chacal permite que você faça e apenas um olho. Então, comemore cheio de meus passos e certifique-se de obter este passo certo próximo passo vai passar para como personalizar como alterar esses conteúdos, como o, um links para seus links em vez dos links padrão capturando o próximo vídeo. Mas certifique-se de que você tem esta etapa configurada 9. Poder de temas: a última seção. Conseguimos gerar um site em segundos e apenas uma mentira com Jekyll. Só quero recapitular um pouco antes de seguirmos em frente. Certifique-se de que você sabe os passos certos, porque nos próximos dois vídeos, ele vai ficar realmente em profundidade em mudar o site de refeições pequenos detalhes. Então eu quero ter certeza que você acerta isso. Eso que você está seguindo com a gente sem problemas. Então eu falei sobre isso antes porque Chacal é um Ruby Jim, então rubi é uma língua. A maneira de verificar era verificar a digitação no seu cônsul Ruby espaço Dash B. E então há um resultado. Se houver um resultado, como um número como um 2.52 ponto quatro, ele não precisa ser exato. Mas é bom que você tenha um quarto instalado, então você está pronto para ir. E então, conversamos sobre essas palavras mágicas. Há mentiras realmente completas que você precisa para levantar o site de manhã. O 1º 1 é instalar o Chacal Jim em sua pasta, e depois de fazer isso, você gera um projeto com o Jackal. Quando você ganhou que minha idade basicamente gerou uma pasta que é nomeada com o nome do projeto você escolheu e, em seguida, certifique-se de mover para o CD membro pasta apesar de mover para a pasta e depois de mover para a foto você está no projeto The Jackal Projeto. Então você corre a linha na última noite Bondo Exatamente. Jekyll serviu. E então ele vai te dar tipo de como você é, mas não exatamente. E depois, depois de te mostrar, dá-me esta linha. Isto está servindo no anfitrião local 4000. Você não precisa procurar esta mina toda vez porque Jacko serviu por padrão usado Deport 4000. Então você vai para o seu navegador, você aponta para o host local 4000 e, em seguida, há apenas sites. Deixe-me voltar para o nosso cônsul. A maneira como o sotaque fora do serviço se lembra do serviço em execução. A maneira de fazê-lo parar é pressionando o controle e ver ao mesmo tempo, certifique-se de que é se você tem um livro Mac, não é comando. Veja seu controle, veja a saída depois dele. Na verdade, essa é a nova corrida do dedo do pé. Outros começam. Então, no arquivo da academia, é assim que Jackal. Isto é o que ele quer dizer com tema baseado em Jim. Quando você cria um novo site executando este comando, você está basicamente usando o tema padrão baseado em Jim chamado Mínimo. Digamos que o tema padrão realmente não se encaixa que você precisa. E como você vai sobre a procura de outros temas? Felizmente, há um ciclo da Web. Ruby Gems que hospedou todas as gemas publicadas na plataforma Ruby Gems. Você vai para Ruby Gems, Doc ou então você procura por temas chacais. Você pode ver como as pessoas baixam isso. Isso significa ajuda aqui em cima. facto de serem também significa um apoio mais forte aos temas. Uma cena tipográfica de arco. Vê o que parece? Vamos tentar usar este tema para o nosso site, e como fazemos isso? Vamos voltar ao filme James Dot Org's Então normalmente quando você entra nesses arquivos Jim, eles têm documentações, e geralmente quando o ginásio é bem gerenciado, isso significa que eles têm uma boa documentação. Eles têm um guia de instalação muito detalhado. Nós só precisamos seguir passo a passo então basicamente parece que precisamos adicionar Ally para especificar o ginásio, e então precisamos mudar o tema para o suíço de Jekyll e, em seguida, pacote, e é isso. Então essa é outra maneira de fazer isso. Mas com o propósito de entender Jekyll como usado em como cada arquivo se conecta uns com outros, nós vamos para este broto. Isso é mais manual. Então vamos voltar a isto. E eu gosto de copiar o arquivo Jim direto daqui porque ele tem versão exata aqui. Copie aqui e volte para os arquivos da academia. Eu vou substituir esta linha por uma nova linha, e então o próximo passo a fazer é ir para o vir escolher arquivo jovem. Então este arquivo é provavelmente o arquivo mais importante em toda a pasta do Jackal. É assim que você controla e transforma a mudança em um bloco inteiro. Isso é bom tema aqui e ainda definido para Numa. Lembra-se? Nós vimos no guia de instalação Eles disseram, mudar isso em varredura para trás. Certifique-se de que acertamos. Documento. E ela adicionou astuciosamente ao lado Jekyll. Já temos uma mentira temática, então só precisamos mudá-la. Pode perguntar ao Chacal, suíço. Nós salvamo-lo. Agora vamos empacotar. Ótimo. Então, se você olhar cuidadosamente aqui você se eu chacal Swiss, ele está instalado e vamos ver se ele fica afetado. Certifica-te de que tens esta quebra de linha. Volte para esta página. Nós fresco o suficiente Tem seu site não é também não é tão simples? Agora você tem o mesmo design, uh, em apenas um segundo, apenas mudando duas linhas. Então, nesta sessão, vamos falar exatamente sobre como você faz alterações no título do seu site. Todas essas coisas. Se você tiver alguma dúvida, certifique-se de compartilhá-las na comunidade. 10. O que aprendemos até o longe?: para recapitular, terá aprendido até agora. Conseguimos usar o tema padrão para sair e funcionar em apenas uma noite. E também sabemos que seção conseguiu usar uma jóia que procuramos no Ruby Gems Doc Cork e , em seguida, conseguiu instalá-lo em um novo site. Lembra que dissemos que você seria o trabalho do James Doc, e então procura por Chacal? Quero dizer, e depois são todos os temas. E nós, uh, lembramos que escolhemos a cena suíça bem aqui e uma cópia colada. Este porque tem um número de versão bem aqui. E então eu entro na página inicial deles e isso é o que parece. Estamos bem com isso. A documentação impressionante, mo como seguimos esta documentação. Mudamos um tema no nosso arquivo de ginástica aqui. E nós também em nossa configuração, mudar o tema para Jekyll Swiss, e então nós lago fazê-lo. Bem aqui para instalar todas essas novas dependências de arquivos do ginásio para que o site saiba qual Jim está usando o vapor. E então nós executamos este pacote de linha mágica exceto Deco Sair para colocá-lo online. Em seguida, apontamos navegador para a porta 4000. E então, embora seja engraçado 11. Personalize seu site: agora usando um tema, mas você quer ser capaz de mudar talvez a cor, talvez o título. E como você faz isso? Normalmente eu gosto de voltar para a documentação e ver se há especificação de que estava no barco, que você pode mudar facilmente, exatamente como um monte de espaço em branco. Você não gosta do escuro fora do padrão parecer. Vamos voltar para a picareta envolvida. Então é assim que você faz muitas mudanças para personalizar seu site? As mudanças que eu costumo fazer no início, o que estamos fazendo agora, configurar base e então você não deve tocar este vil muitas vezes. Então isso é seguro em Voltar a um conselho. Não vá. Jack Cooley, senhor. Vê isso? O que quer dizer é que está a correr. Sim, estamos frescos Agora você tem que aplicar a nova aparência, uh, em seu site. Então vamos voltar ao nosso diretório. Gosto de mudar de título. Digamos que mudei para responder ao Looker. Isto começa. Ótima. Agora eu mudei um título e agora quando eu clicar, essas coisas vão para o, hum acho que eu coloquei aqui pode apenas verificar bem aqui Ele vai para o perfil Youling também. Ótima. Então, como eu mudo sobre isso? Sobre a redução da MD? Então isso é só tentar. Eu levo isso. E lembre-se de como temos que parar de correr e correr novamente com as mudanças nele Arquivo. Quando você faz alterações em um arquivo de marcação em sua postagem, não é necessário fazer isso. Jekyll é inteligente o suficiente para gerar automaticamente esse tipo de conteúdo. Então você vê, isso é lá em cima. Então, há uma descrição do site. Esqueci-me de mudar isso. Guarde isso. Lembre-se que eu disse que quando você fizer alterações nesses arquivos, isso refletirá automaticamente. E quando você fizer mudanças neste arquivo, não vai, porque eu vou te mostrar. Veja , não mudou. Então você tem que se certificar de que você parar essa execução novamente, então você faz isso refletir as alterações em todo o site. E agora isto está aqui. Então, parece bom. E se você gosta de fazer mudanças, suponha que isso seja muito útil. Ele lhe diz como criar um arquivo. Certifique-se do nome para esta convenção. Então este ano, Dash Monster Dash data, nomeie seu nome de seu post. Bem-vindo a Chacal. O título e, em seguida, Eckstine é da extensão, e neste caso, está marcado. Então certifique-se de acertar. Caso contrário, você não refletirá sobre o quarteirão. Se você não sabe nada sobre Ruby, não se preocupe com isso. Mas se você é se você fizer, este é o lugar onde você pode inserir é como pode inserir trechos de rubi tão grande. Olhe em volta, faça algumas mudanças. Pode garantir que você faça uma captura de tela do que você tem em seu site Compartilhar como seu projeto. Vou te pegar no próximo vídeo. 12. Publique suas mudanças: Então, no último vídeo, falamos sobre como você faz alterações, personalizou um conteúdo em seu site, mas só queremos ter certeza de que você ainda se lembra de como empurrá-lo para você obter páginas. Então vamos voltar para ter desktop. Sem dúvida, tem um monte de mudanças. Vou impedir que isto corra, por isso vou apagar o Small para testes. Mm. Na primeira lição. E então eu estava limpo. Eu vou cometer isso. Você diz usar visto, se comprometer a dominar e, em seguida, publicar. A página não foi encontrada. Isso é porque temos nós aninhado tudo sob pasta Freelancer. Então, queremos mover todos esses arquivos para a raiz e, em seguida, excluir esta resposta do tweet e, em seguida, voltar. Teoh, sobe essa parada. E tem todas essas mudanças que você pode dizer, Mova-se para a fruta, cometer empurrão e depois voltar para cá. Certifique-se de ter mudado isso. Incrível. Você volta com isso e então você tem vida. Esta questão de cabeça ao vivo com um tema que você gosta e com conteúdo e links que é adequado para o seu projeto. Como eu disse, faça algumas mudanças. Verifique se ele está ativo e eu gostaria de ver capturas de tela ou links na guia da comunidade ou como um projeto. Vou me certificar de comentar sobre cada um de seus projetos, então certifique-se de compartilhar com a comunidade. Então, todos os alunos para o reino um do outro, eu vou vê-lo na próxima seção. 13. Modo de projeto: planejamento: Parabéns. Até este ponto, se você seguir todos os passos e os vídeos, você é capaz de gerar o lado Chacal em apenas uma linha usando sua coisa padrão. Ou você também sabe onde encontrar temas baseados Jim on-line, que você tem feito por me seguir, usando o Jim suíço nos vídeos anteriores. Então lembre-se, no início da aula que falamos sobre você ir, você queria ter um site, e é por isso que eu acho que este curso vale a pena fazer é que você vai construir um projeto no seu e neste ponto, Acho que te encorajo fortemente. Comece a fazer seu próprio projeto seguindo meus vídeos ou comece a planejar que tipo de função você gostaria de ter em seu site e procure temas on-line que se encaixem. Você precisa que o planejamento do site de construção é realmente metade do trabalho. Então, para o seu projeto um final da aula, eu gostaria que você escolhesse um tema no ginásio baseado no qual estamos familiarizados com o qual estamos familiarizados. E também há outro tipo que é repositório legal hospedado e muito mais como temas de código aberto que eu repost para ser hospedado a anfitriã Jen em Ruby Gems. E nos próximos dois vídeos, vou usar um desses para te ensinar como fazer. Se você encontrar um dos temas que seu repositório hospedou, vou ensinar-lhe como usar esses temas em seu site. Uma vez que você escolheu o tema e instalá-los em seu projeto, eu quero que você personalize o conteúdo de acordo com suas necessidades. E então, o mais importante, quero que você use o conhecimento que aprendeu até agora para lançá-lo para que outras pessoas possam ver um site. E o mais importante, estamos na turma. Esta é uma comunidade sobre a experiência de aprendizagem. Estou muito animada para ver um projeto. E eu prometo, se você compartilhar seu projeto, eu carrego uma página inicial de captura de tela e também um link. Bem, simplesmente não pense muito. Você obtém páginas de ajuda como um projeto. Gostaria de comentar fornecer feedbacks sobre cada projeto que eu recebi. Então, você está pronto para isso? Se você estiver pronto, , por favor use os próximos vídeos para ajudá-lo a solidificar o que você aprendeu até agora . E uma vez que vou aprofundar mais, você pode ser útil para limpar algumas das perguntas que você pode ter quando você está desenvolvendo seus próprios sites. E se você não se sentir pronto, você pode usar os próximos vídeos. Um guia za para ajudá-lo a se familiarizar com o processo e, eventualmente, você será capaz de construir o seu próprio em qualquer situação. Estou animado para construir um lado de serviço ao seu lado enquanto você está construindo o seu próprio. Desta vez eu vou ir mais em profundidade e espero que vamos responder algumas das perguntas na minha metade quando você está construindo seu próprio site. Vejo você no próximo vídeo. 14. Modo de projeto: como escolher um tema: Então vamos apenas fazer uma pesquisa simples no Google sobre temas chacais e ver o que surgir. Então, o primeiro resultado que surge é este ciclo Web Jekyll temas, cão ou é um site incrível que hospedou um monte de temas de código aberto, e você deve ser capaz de clicar em cada um deles. Leia sobre os recursos em também ir para sua home page, e este tem demo que você pode clicar em jogar em torno de antes de decidir que isso é certo para mim. Então, nos vídeos anteriores, nós construímos um site que é mais como um bloco. Então, para os próximos vídeos, eu gostaria de construir uma página de empréstimo que é para listar serviços. Acho que isso pode ser útil para alguns de vocês. Então, há uma guia do Donald nos arquivos do Donald SE. Abra-o e arraste-o para a sua área de trabalho, e você deve. Se você não tem certeza de que este é o site certo. Você só quer brincar. Eu recomendo que você abra um novo conselho aqui cidade para este eleitor e brinque por aí. Faça algumas alterações antes de copiar, cole todos estes e exclua estes arrastar Estes aqui. Mas neste caso, eu realmente decidi que este é o tema certo para o meu projeto. Eu estou indo para copiar dias e diariamente Tudo isso se levantar diretor página é vir está diretamente ligado com sua conta filho para cima. Portanto, quaisquer alterações para fazer pastas do Indo serão rastreadas em obter ajuda que parar como você vê aqui. Então, a primeira luz eles são chacal seis linha que é financiado carne que nós iniciamos Jim arquivo para manter o controle das gemas que você instalou este diretório doméstico. Agora você vê, há um novo arquivo de trabalho. Uhm eu vou abri-lo no fornecimento de texto para que você possa ver melhor neste anúncio que uma mentira no Jackal Jim no arquivo e também um monte de outros arquivos que é necessário para o site do Chacal para ser executado. E então você diz que instala você diz desfazer o chacal exato, senhor. Linhas de assobio familiares. Ok, vamos para o anfitrião local 4000 e ver se o olhar mágico é fantástico na próxima lição, nós vamos mudar. Nós vamos personalizar este site alterando o título vinculado às mídias sociais e também listar algumas superfícies. Então eu vejo na próxima lição 15. Modo de projeto: estrutura de arquivos e funções de: o último vídeo. Procuramos um tema Chacal online, e corremos que este ginásio de linhas completas instalou Pando Jackal. E também iniciamos Jim 5 correndo. Empacotando. Então aqui estamos nós. Nós somos exatamente isso para personalizar este site. Faça a nossa casa. Eu gostaria de voltar para o Chacal. Documentação sob estrutura de diretórios para apenas dar-lhe uma idéia. O que seriam esses arquivos? Guerra. Usamos a empresa em cinco anos para mudar. Ah, dados sábios do site. E nós também estamos familiarizados com a pasta Post. Vários também é gerado pelo motor Chacal, onde este é o lugar onde você não deve tocar, Então inclui mostra pa que pode ser faz a correspondência com o seu layout em agora é basicamente um modelo para a cena para embrulhar. O conteúdo é pós chapeletes. Então voltamos e olhamos em volta desta foto. Você pode ver que há uma seção sobre que eu acredito que está correspondendo a esta parte. E há contato, uh, uh, que é que eu acho que é por aqui. Este papel e há Rodapé e outros na casa basicamente organizou essas parciais em uma ordem para que sua página Hesse tem um bom fluxo de conteúdo. Olhando para este arquivo, você não pode realmente ver. Você não pode realmente ver o Twitter acontecendo coisa. Então, como é que isto se tornou isto? Então você vê o tamanho do título social e social e como? Não sabe. Lembre-se, falamos sobre falamos sobre fogo mais cedo. O arquivo da condenação. Isso é basicamente, como um banco de dados em todo o estado onde você faz sua configuração inicial, e então esses dados serão refletidos em diferentes partes do seu site. 16. Modo de projeto: como personalizar seu site (parte I) (: então a parte social estava aqui. Vamos tentar fazer algumas mudanças aqui apenas para testar. Eu gostaria de adicionar outro ataque de mídia social porque você pode ter vários. Título. Veja, eu gostaria de deixar esta linha de créditos. Não negou falou no ombro de gigantes pessoas que estão contribuindo, como, neste caso, este tema vai para que você não leva tempo para lançar site. Então vou guardar isso em um. Volte para o host local para milhares. Fantástico. Então o título do amor foi mudado. Isso é meio feio, então há uma maneira de mudar a morte. Então, enquanto essas duas colunas e até 12 você bem didi a partir daqui e nestes dois aqui seguro e ver se mudou grande parte de sua em uma noite. E uma das razões pelas quais a participação inclinada não tem a Nikon é porque eles usam fundos. Incrível, embora desvio aqui incrível permitem que você lute ícones realmente fácil, e nosso tema tem uma frente para incrível pré-instalado. A razão pela qual eu não posso aparecer é através desta linha e vamos procurar ícones e você pode procurar baseball e tenho certeza que não compartilha habilidades. Estou na vist. Então é por isso que eu não apareço. Você gosta desta mudança para uma mídia social, Então eu acalmo será Ele vai aparecer aqui, começa a vir figura e arquivo. Precisamos sair e correr de novo. Ótimo. Agora é Instagram e também tem um ícone. Encorajo-te a fazer uma pesquisa ao telefone. Incrível. Quando você adiciona links, o próximo passo é alterar essas partes. Ótimo. Eu gosto de ficar com eles, mas você pode apagar todos eles. Digam deuses e frutos do mar. Está refletido aqui. Refrescante hospedeiro local 4000 Lhasa e sua verificar as pernas que funciona. 17. Modo de projeto: como personalizar seu site (parte II) (de parte) (a: Agora vamos atacar esta cabeça. Peça ao desenvolvedor para fazer isso. Isso será refletido aqui na aba. E então qual é a próxima coisa? É a Heather. Ok, parece bom. Guarde isso. Volte aqui agora. Eu mudei-nos. Agora, esta mudança da Sra. Serviços, é o conteúdo da página. Estes são basicamente aninhados juntos como postagens. Então vamos olhar para estes anfitriões seu correspondente a falta de três serviços. O 1º 1 que diz isso. Dê uma olhada como esses arquivos markdown em links. É diferente de como adicionamos links em HTML cai. É um ataque com o extra e depois coloca-os aqui. E então este é o texto que aparece no lugar deste vison. No entanto, no markdown, Uh, onde você precisa fazer é colocar no título que você quer mostrar no lugar deste link neste colchete e, em seguida, colocar o link em outro par de colchetes. Então eu não vou mudar o conteúdo aqui. As descrições aqui, você pode passar algum tempo aqui. Vou consertar o título rapidamente. Vê isso? Vês? Ótima. Agora esses novos conteúdos aparecem. Vamos tentar mudar a imagem é apenas um olhar. OK, para mim, isso não se encaixa. Então vamos procurar por cursos online do Royal Free Images e ver o que conseguimos. Esta foi boa. Então eu vou usar isso. Alguém usou isto. Há uma imagem de chamada fotográfica. Eu tinha um P e G. Então, o quê? Queremos mudança? Esse é o 2º 1 em vez de Doc PNG que dizem curso como esse e depois ir para encontrar as imagens que você acabou de baixar. Rastree-o em seu arquivo sob a pasta de imagens Poor's e coloque-o na superfície. Então, este pacote J vai garantir que vamos refletir isso. Ok, eu sinto muito. Diz isso e vê se funciona. Ótima. Agora está tudo funcionando. Vamos testar se estas ligações estão a funcionar, está bem? 18. Modo de projeto: elaboração e agendamento e agendamento de posts: Digamos que goste do Teoh. Adicione um novo serviço e você realmente não deseja publicar ainda. Então você cria um novo arquivo e isso é copiar colar a partir deste serviço e uma tag especial pode usar. Isto é publicado? Você diz falso e salva. Lembre-se, você tem que seguir esta convenção de nomenclatura de outra forma não funcionaria. Ok, agora está aqui. Refresque isto. Você não vai aparecer para que eles não apareçam quando você diz para publicar bolas. Outra coisa para Agendar Publicação é alterar a data no nome dos arquivos para uma data futura , e ele não aparecerá até depois dessa data. Então essa é outra forma de agendar postagens. 19. Modo de projeto: publique e enrole: Vamos tentar empurrá-lo para obter ajuda conta, ir para o nosso estar sequestrado. Talvez seja revigorado para se levantar. Vou ver se reflete a mudança. Também. Além disso, eu acho que você tem um site muito profissional procurando que tem conteúdo. Eles podem gerenciar muito facilmente neste momento. Sabemos como usar, obter ajuda e obter páginas de ajuda, e sabemos como fazer alterações, confirmar e publicar alterações. E nós percorremos as etapas para instalar temas e fazer alterações. Acho que você está em boa forma. Você sabe onde procurar ajuda. Quando você se sentir confuso sobre Jacko, basta ir para o documento do Chacal. Você também sabe como encontrar temas. Você pode apenas Google temas chacais. Há um tema chacal, trabalho sombrio, e também o gênero rubi. Ou eu tenho certeza de que você está bem um tema, difícil, particularmente necessidade e mais importante, você tem gastar tempo valioso neste curso. Se você é um freelancer ou alguém que está procurando ir a um site pessoal, espero que este curso tenha sido útil para lançar seu primeiro site gratuitamente 20. Conclusão e agradecimento: Parabéns. Obrigado pelo seu trabalho duro. Você acabou de construir seu primeiro site pessoal. Agora você tem as habilidades e conhecimentos para mantê-lo em seu Você não tem que pagar por qualquer plano de hospedagem. Você não precisa pagar um desenvolvedor ou uma plataforma de terceiros para manter seu site. Parabéns. E certifique-se de compartilhar o site conosco na comunidade. Como sabem, este é o meu primeiro prato. Eu adoraria feedback. Também estou curioso sobre quais habilidades você gosta de aprender no futuro. O que vai você quer alcançar? Se você gosta do curso, por favor deixe um comentário. Outras pessoas como você vão encontrar o curso mais facilmente. E espero vê-lo no meu próximo curso de