Montando uma página no GitHub Pages

Oi, boa tarde. Vc é muito inteligente eu sei disso, mas realmente não funcionou comigo… Acho que vc está com mais informações só que não consigo te entender. Eu sei que está funcionando até divulguei nas minhas redes. Só não te creditei pq não sei se vc ia querer. Disse que foi “um rapaz” que fez e não eu.

1 curtida

Eu não vou pegar o que vc esta fazendo, clonar e usar. Para mim isso seria como roubar e pior, não aprenderia nada. Por isso, retornei com a postagem. Mas digo de novo, vc fez um excelente trabalho.

1 curtida

Você recebeu algum e-mail recente do GitHub?

Estou perguntando porque tentei publicar o clone que fiz do seu repositório atual e logo em seguida recebi um e-mail(imagem abaixo) reportando uma falha no código que impede sua publicação no GitHub Pages.

Traduzindo

Oxi, essa é novidade. Recebi e-mail não. Eu fiz agorinha a sugestão do @MotaC e deixei " " ao inves de “http://zkkareninateste.github. io/” e dei os comandos do Git normalmente para subir as alterações. Não teve e-mail para mim…

Posso apagar e tentar refazer tudo de novo?..
Não tá funcionando de qualquer jeito mesmo.

1 curtida

Acesse seu repositório atual, depois vá em Settings e clique em Pages(é o mesmo caminho que você faz pra publicar um site no GitHub Pages).

E veja se têm um aviso parecido com esse em amarelo:

1 curtida

Olha, não tem nada aqui.

1 curtida

Vou refazer todo processo de novo. Vou apagar este repositório de teste. Um momento por favor.

Criando um novo ZKKareninateste.github.io

1 curtida

Refiz e continua sem funcionar :sob: :sob: :sob:
O que fiz de alteração para o original:
Linha 5 title: Karenina Arch
Linha 7 description: Site para divulgação de meu portfólio
Linha 10 baseurl: “”
Salvei o documento e enviei de volta para o GitHub.

1 curtida

Siga esse passo a passo que vou descrever agora:


  1. No seu novo repositório, vá na linha 10 no arquivo _config.yml e coloque /ZKKareninateste.github.io entre às aspas.

Pra que fique assim:
image

É muito importante que você coloque a / antes do ZKKareninateste.github.io, pois ela indica o diretório em que está o seu repositório nos servidores do GitHub.

Percebi que nós não estávamos incluindo essa barra, então acredito que foi aqui que tudo começou a dar errado.


  1. Depois de fazer essa alteração, faça os comandos do Git para enviá-la ao Git Hub.

  1. Acesse esse repositório, depois vá em Settings e clique em Pages.

image

  1. Se o Source estiver como none, clique nele, selecione master, clique em Save e aguarde.

Se já estiver como master, pule para o próximo passo.


  1. Aguarde uns 10 minutos para dar tempo do GitHub aplicar suas alterações na sua página no GitHub Pages.

  1. Clique no link que o GitHub te mostrar nessa guia e veja se o site está funcionando como deveria.

image

3 curtidas

Oi.

Agora parece que funciona… Mais do que isso, ele está colocando todos meus projetos do GitHub, na página inicial. Eu nem esperava por isso…

Muito obrigada, mas ainda tenho algumas perguntas…

1- Porque hoje foi diferente do que o de sábado? O que você fez “para você” não parecia ter sido tão complicado. Por favor, o que houve aqui?
2- Não entendi também como vc chegou a este método. Ele é bem diferente de sua solução anterior…
3- Este novo https funciona https://zkkarenina.github.io/ZKKareninateste.github.io/ mas porque o ZKKareninateste.github.io não funciona? Não deveria ser ele?

Bom, enfim mais uma vez muito muito obrigada por sua disposição em me ajudar, porém fiquei com o gosto amargo na boca pois tenho a página mas realmente não compreendi nada rsrsrs.

1 curtida

Ahhh outra coisa muito importante!
Posso te citar em minhas divulgações? Como disse, não entendi nada desse trabalho e embora ele seja meu, não é justo dizer que fui eu que o desenvolvi, foi você! Posso citá-lo como um dos desenvolvedores da minha página?

1 curtida

Olha, eu tenho algumas teorias de porque minha primeira solução deu errado pra você, mas vou precisar de um tempo pra construir uma linha de raciocínio e fazer alguns testes e pesquisas.

Assim que tiver alguma resposta concreta eu posto ela aqui.

1 curtida

Por mim não tem problema. :handshake:

1 curtida

Certo! Muito obrigada por tudo!

Se um dia vc descobrir melhor o que aconteceu e quiser compartilhar será muito bom!

Está postagem será fechada, então se não nos conversamos por aqui mais poderemos nos falar em redes sociais.

Eu sou @Karenina_arch e vc me encontra nas principais redes assim. Já estou te seguindo lá no GitHub inclusive!

Vou fazer mais um teste de implementação a partir de seus ensinamentos e depois vou divulgar o site, no Insta e Twitter, aí vou colocar seu nickname, @lucas2k02 como principal colaborador para o projeto, além claro, do próprio criador da template. Acho que isso é o mínimo.

Mais uma vez muito, muito obrigada por tudo! Abraços :heart:!

1 curtida

@Ana_Paula Você poderia responder a uma pergunta:

Minha primeira solução, você testou no primeiro repositório que você postou aqui no fórum ou no repositório que você criou depois?

1 curtida

Oi!
Eu fiz no 1º. Não havia dado certo então refiz o processo em novo repositório.

1 curtida

Vou tentar responder a essas perguntas:


No sábado, eu realmente só substitui o neumorphism pelo nome do repositório, como disse a você nessa resposta:

Não fiz nenhuma outra alteração no código.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Essa solução funcinou pra mim! Mas por um motivo não funcionou pra você…
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Depois analisar tudo com mais calma e passar algumas horas pesquisando na internet, eu acredito que entendi esse motivo.

E esse motivo era:

Os nomes dos repositórios:

Quando clonei o seu repositório, coloquei um nome aleatório pois pensava que esse detalhe seria irrelevante…

Mas, nesse caso específico, foi essa diferença nos nomes dos repositórios que fez com que a solução que encontrei funciona-se perfeitamente pra mim, mas não pra você.

Observe essa tabela que fiz com alguns dados do seu primeiro repositório e do meu clone dele:
image

Como pode ver, os nomes dos repositórios são bem diferentes.

Enquanto o meu possui um nome aleatório, o nome do seu é a combinação do seu nome de usuário no GitHub zkkarenina + a extensão do domínio do GitHub Pages .github.io.

E por algum motivo, que eu realmente não sei te explicar, se o nome do repositório tiver essa exata combinação, as aspas da linha 10 daquele arquivo _config.yml devem ser deixadas vazias para que o template funcione corretamente.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Essa combinação também trouxe outras características adicionais pro seu repositório, mas vou falar delas ao longo do texto.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

E o desenvolvedor do template menciona isso naquela issue que postei aqui.

Aliás, não só nessa issue, como no próprio código do arquivo _config.yml, uma linha antes, há um comentário marcado com uma # que diz a mesma instrução, porém isso nos passou despercebido, talvez por estar em inglês… Veja na imagem abaixo:

image

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Então a solução pro seu problema, naquele momento, seria: Apagar o /neumorphism e deixar as aspas vazias.
Já a solução pro clone que fiz do seu repositório(e que postei aqui depois) foi: Apagar o neumorphism, mantendo a barra, e colocar o nome do meu repositório.

E essa solução só funcionou pra mim, porque o meu repositório clonado, ao contrário do seu, não seguia aquela combinação de nome de usuário no GitHub + a extensão do domínio do GitHub Pages.

Casos diferentes, soluções diferentes.

Bom, então agora sabemos porque primeira solução não funcionou pra você nesse primeiro repositório.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Continuando a história…

Você disse que não testou minha primeira solução na hora em que a viu porque teve certeza de que o problema estava resolvido, porém horas depois, você a testou e descobriu que não funcionava no seu primeiro repositório(e agora sabemos que não teria como funcionar…).

Então, pelo que entendi, foi depois disso que você criou um novo repositório com o nome de zkkareninateste.github.io.

Atualizando a tabela que eu fiz com os dados desse novo repositório:
image

E, nesse segundo repositório, aquela minha primeira solução também não funcionou, certo?

Mas ela deveria ter funcionado nesse repositório(e depois realmente funcionou…)! Vou explicar o porque:

Lembra qual é a combinação necessária para que solução fosse deixar as aspas na linha 10 daquele arquivo vazias? Acertou se disse: Nome de usuário no GitHub + a extensão do domínio do GitHub Pages

Agora, analise o nome do seu segundo repositório na tabela acima.

Você verá que ele atende o segundo requisito da combinação, de ter o .github.io no final do seu nome, mas não atende o primeiro requisito de ter o seu nome de usuário no inicio, já que o seu nome de usuário no GitHub é ZKKarenina e não ZKKareninateste.

E, se ele não segue essa combinação, a solução pra ele é a mesma que encontrei pro meu repositório clonado!

Apagar o neumorphism e colocar o nome que você deu ao seu repositório, que no caso era zkkareninateste.github.io.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Ok. Você fez isso no novo repositório e mesmo assim o site ainda não funcionou, além disso, nem sequer carregou(dando erro 404). Porque?
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

A partir de agora vou especular os eventos que eu acredito que tenham ocorrido e causado esse erro:

Evento 1: Você estava tentando acessar o link errado!
(Acredito que esse evento também responde a sua terceira pergunta.)

Geralmente, o link de um site no GitHub Pages têm essa estrutura:
https:// nomedeusuário .github.io / nomedorepositório /

Porém, o link que você estava tentando acessar era um pouco diferente:

Você estava tentando acessar um um link com essa estrutura:
https:// nomedorepositório /

E eu acredito que você tenha cometido esse engano porque o link do seu primeiro repositório funcionava(e ainda funciona) dessa forma.

Agora compare os links dos três repositórios nessa tabela:
image

Como pode ver, o link do site no seu repositório inicial é bem mais curto do que os demais, e não têm o nome do repositório antes da última /.

Isso só é possível porque esse repositório têm aquela combinação de Nome de usuário no GitHub + a extensão do domínio do GitHub Pages(eu sei, isso já tá ficando repetitivo).

E essa é mais uma das “características adicionais” que essa combinação proporcionou pro seu repositório.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Mas isso é uma exceção, e qualquer outro site que você venha a criar, feito a partir de um repositório “normal”, sempre terá essa estrutura aqui:
https:// nomedeusuário .github.io / nomedorepositório /

Como exemplos você pode olhar na tabela, os links do meu repositório clonado e do repositório que você criou depois, que seguem fielmente essa estrutura.
image

Por causa dos motivos que relatei acima, o link https://zkkareninateste.github.io não funciona e o link https://zkkarenina.github.io/ZKKareninateste.github.io/ funciona sem problemas.

O link https://zkkareninateste.github.io só funcionaria, se o seu nome de usuário fosse zkkareninateste.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Evento 2: O site desse novo repositório não estava publicado no GitHub Pages!

Bom, esse segundo evento é apenas uma teoria e, por favor, me diga se ela estiver errada.

Lembra que eu disse que recebi um e-mail do GitHub falando de uma falha no código que impossibilitava a publicação dele no GitHub Pages e também um aviso dentro do próprio GitHub?

Você disse que não recebeu nenhum e-mail nem aviso no GitHub… Bom, depois de analisar aquela captura de tela que você postou aqui eu acho que entendi a causa disso:

Tá vendo como abaixo do Source estava escrito none ?

Bom, isso era estranho, porque qualquer repositório que estivesse publicado no GitHub Pages, geralmente estaria marcando master ou main.(A menos que você tivesse personalizado os nomes dos branches, mas esse não era o caso.)

Um none ali, indica que não há nenhum branch selecionado, e por conquência, nenhum código disponível para ser publicado no GitGub Pages.

Então, nesse cenário, por mais que você altera-se o código, nada seria publicado no site e ele continuaria com erro 404 até que você clica-se no none, seleciona-se master, clica-se em Save e aguada-se algum tempo, até que a publicação do site fosse feita no GitHub Pages.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
E isso nos leva a sua segunda pergunta:

Bom, depois de passar algum tempo analisando seu novo repositório e perceber que estávamos esquecendo de adicionar aquela /, eu teorizei as coisas que estou relatando nessa resposta(digo teorizei, porque realmente era apenas isso, uma teoria), e quis tentar outra solução.

Então aquele passo a passo que postei aqui era apenas um chute que acabou dando certo.

Peço desculpas por não ter dado mais detalhes junto com aquele passo a passo, mas era uma confusão de ideias muito grande e eu precisaria de tempo para elaborar uma resposta com um linha de raciocínio que fizesse algum sentido.


Bom, é isso.

Qualquer outra dúvida, poste aqui e vamos tentar resolver!

Afinal, você mais do que qualquer outra pessoa, precisa entender como seus os projetos funcionam.

6 curtidas

@lucas2k02 eu não sei o que te dizer direito rsrsrs.

@eddiecsilva e @moderadores , por favor, deem uma olhada nas respostas do @lucas2k02 . Ele não me ajudou apenas. Ele desenvolveu toda uma linha de raciocínio de uma maneira legível e compartilhou comigo e com toda comunidade!

Ele investiu horas de estudo para me ajudar!!

@lucas2k02 , eu estou muito feliz e agradecida por tudo isso. Eu sempre peço ajuda aqui e sempre fui bem acolhida, mas suas respostas estão em outro patamar…

Eu só consigo te dizer “obrigada”, mas acho que isso não é suficiente, em algumas postagens aprendi tanto… Eu estava tão frustrada e triste com este site…

Vc ainda deve ser muito jovem, parto desse princípio por vc usar a foto do Midoriya, mas acho que vc irá muito longe independente de quais são seus planos.

A partir de hoje vc ganhou uma amiga e admiradora :heart:! Seja sempre essa pessoa!

Pessoal, por favor contratem esse rapaz para equipe do Diolinux! Vai agregar muito, tenho certeza!!!

4 curtidas