Montando uma página no GitHub Pages

Olá cats, tudo bem!

Pessoal, estou tentando fazer uma página no GitHub Pages, para isso escolhi um template pronto Neumorphism com licença MIT e fiz ajustes para personalização. No entanto, a página não sobe de maneira correta :sob:

A página (que não está indo): https://zkkarenina.github.io/
A documentação dela que ajustei no GitHub: GitHub - ZKKarenina/ZKKarenina.github.io: Neumorphism designed Jekyll theme for personal websites, portfolios and resumes.

Por favor, podem me dizer onde está errado e como posso corrigir?

Desde já, obrigada :heart:!

3 curtidas

Não sei se entendi.

Mas assim…

O link do github que você enviou é um fork de outro repositório, do tema Long Haul repo. Que você editou e ficou como está o https://zkkarenina.github.io/ atualmente. Certo?

Tente fazer o download do arquivo do Neumorphism e subir eles em um novo Github Pages.

2 curtidas

Boa tarde.

Encontrei uma issue do projeto que você utilizou como base que relata um problema semelhante ao seu. (Link abaixo)

Ela já foi respondida e fechada pelo desenvolvedor, então acredito que pode te ajudar a chegar a uma solução.

3 curtidas

Oi Tudo bem?
Muito obrigada por vir me ajudar! Eu desisti do template Neumorphism, eu realmente não consegui trabalhar nele, estou ajustando agora o Long Haul e esqueci de avisar aqui desculpa.
É estranho pq o primeiro template Neumorphism, não estou conseguindo trabalhar, mas com o Long Haul está indo. Estou fazendo os mesmos processos… Realmente não sei o que deu errado.

1 curtida

Oi, tudo bem? Obrigada por se dispor em me ajudar. Não sei inglês, acho que não conseguiria… De qualquer forma acabei trocando de template e agora está indo. Mais uma vez, muito obrigada pela ajuda.

1 curtida

Eu lembrei que havia clonado seu repositório hoje mais cedo(a fim de tentar achar algum erro no código que estivesse bloqueando o css), então resolvi testar nesse clone, a solução que encontrei na issue que mencionei acima e parece ter funcionado.

Clique neste link e veja o resultado: https://olucasjose.github.io/testespage/


Aparentemente era só fazer uma simples edição na linha 9 do arquivo _config.yml, substituindo neumorphism pelo nome que você deu ao seu repositório.

Veja as imagens abaixo:

Código original:
neumorfismo

Código alterado(usei testespage porque esse foi o nome que dei ao repositório quando clonei):
Captura de tela de 2021-12-05 18-46-59


Link do repositório clonado: GitHub - olucasjose/testespage


De nada. Fico feliz que tenha encontrado uma solução alternativa.

3 curtidas

@lucas2k02 como você é incrível!!!
Eu nunca conseguiria fazer isso, vc é muito intelingente :star_struck: :star_struck: :star_struck:!!
O mundo é gigante e cheio de pessoas incríveis como você, eu tenho me esforçado, mas a estrada parece infinita rsrsrs.
Bom, muito obrigada e parabéns! Vou colocar sua mensagem como solução, afinal outra pessoa um pouco limitadinha como eu também pode precisar.

3 curtidas

Olá pessoal, tudo bem?

Estou com problema para montar uma página web. Não sei onde estou errando no código.

Fiz uma postagem anterior sobre o tema mas não estava certo. Eu fechei o post na certeza que o que o problema estaria corrigido e não testei na hora. Eu acho que confiei demais e me precipitei rsrs. Deveria ter tentado antes de fechar o post. Peço desculpas.

Por favor, alguém pode checar meu código?

Infelizmente não funciona @lucas2k02 . Eu havia me confundido vendo seu projeto, pensei que fosse funcionar mas falta informação pq a página ainda não carrega. Na verdade está pior do que antes… Não queria avisar por aqui pq acho injusto com quem tentou me ajudar, mas acho que minha postagem foi desviada para cá. A sua solução também saiu mas não fui eu quem tirou…

1 curtida

Ana, poste por favor alguns detalhes se possível.

Você consegue renderizar o site corretamente de modo local (no seu PC)? Você fez o upgrade do repositório (https://github.com/seu-usuário/nome-do-repo/settings/pages) para renderizar o site?

Veja o que diz a linha 10 do arquivo _config.yml:

set this to “”, if you renamed the repository to .github.io

Que é exatamente o seu caso, seu repo foi renomeado para “Zkkareninateste.github.io”, desta forma edite a linha para isso "".

Vá postando os detalhes.

2 curtidas

Entendi! Vou tentar @MotaC e já vou te postando, só não garanto que vá conseguir terminar o processo de imediato pq em breve terei que sair deste PC. Um momento por favor…

Não sei se isso ajuda, mas aqui está os ajustes que fiz em _config.yml:

### VALUES YOU SHOULD CHANGE ###

# GENERAL SITE SETTINGS
# title: This will be displayed as the website's name in your browser tab.
title: Karenina Arch
# description: This will be meta HTML tag content. This can be ignored.
description: Personal website powered by Jekyll
# baseurl: The subpath of your site
# > set this to "", if you renamed the repository to <user>.github.io
**baseurl: "/Zkkareninateste.github.io"**
**url: https://ZKKareninateste.github.io/**

# LANDING PAGE
# username: This will displayed on the landing page as your name.
username: Karenina Arch
# typing_text: This will be typed before 'scroll down for more'.
# > set this to your job title, e.g. Fullstack Developer
typing_text: Jekyll Theme
# email: Your E-Mail address for the email button.
email: [email protected]
# For every social button you want to display, set your username or userid
# If you do not use one of the following websites, then leave it empty
# > twitter_username:
github_username: ZKKarenina
codepen_username:
dev_username: karenina_arch
linkedin_username:
twitter_username: karenina_arch

# ABOUT ME SECTION
# show_aboutme_card:
# > setting this to true, will display the About Me section
# > setting this to false, will omit the About Me section
show_aboutme_card: true
# about_me_title: The will be displayed as the title in the About Me section
about_me_title: Sobre mim
# about_me_description: <p>Olá a todes!</p>
<p>Eu sou a Ana Paula, e sejam todes bem vindes ao Karenina Arch!</p>
<p>Gosto de ser chamada por Karenina Arch, por amar a obra literária Anna Kariênina e ser apaixonada pelo sistema operacional Arch Linux.</p>
<p>Tenho por objetivo fazer deste espaço um repositório e plataforma de divulgação de meus estudos em programação, matemática e design. Gosto muito de aprender, e por usar muitos programas GNU e admirar a filosofia open source, pretendo compartilhar o que for aprendendo.</p>
<p>Todo conteúdo aqui publicado, estará protegido sob Licença de Documentação Livre GNU (FDL) https://www.gnu.org/licenses/fdl-1.3.html, pois acredito fortemente no estudo e trabalho em equipe para desenvolvimento pessoal e profissional, portanto, nada mais coerente do que o compartilhamento de minha aprendizagem.</p> <a class="highlight-link" href="https://github.com/longpdo/neumorphism" target="_blank" rel="noreferrer"> Github </a>. You can also find me on <a class="highlight-link" href="https://jamstackthemes.dev/theme/jekyll-neumorphism/" target="_blank" rel="noreferrer">JAMstack Themes</a> and on <a class="highlight-link" href="https://jekyll-themes.com/neumorphism/" target="_blank" rel="noreferrer">Jekyll Themes</a>.

# SKILLS SECTION
# show_skills_card:
# > setting this to true, will display the Skills section
# > setting this to false, will omit the Skills section
show_skills_card: true
# about_me_title: The will be displayed as the title in the Skills section
skills_title: Habilidades

# TIMELINE SECTION
# show_timeline_card:
# > setting this to true, will display the Timeline section
# > setting this to false, will omit the Timeline section
show_timeline_card: true
# timeline_title: The will be displayed as the title in the Timeline section
timeline_title: Education & Experience
# cv_download_link: The link where you host your cv.
# > e.g. you share your cv on your dropbox, then add the dropbox link here
cv_download_link: https://example.com/

# PROJECTS SECTION
# show_projects_card:
# > setting this to true, will display the Projects section
# > setting this to false, will omit the Projects section
show_projects_card: true
# show_projects:
# > setting this to true, will display your listed projects in _data/projects.yml
# > setting this to false, will omit your listed projects
show_projects: true
# projects_title: The will be displayed as the title of your projects
projects_title: Projects
# show_os_projects:
# > setting this to true, will display your public projects on github
# > setting this to false, will omit your public projects on github
show_os_projects: true
# os_projects_title: The will be displayed as the title of your open source projects
os_projects_title: Projetos

# CONTACT SECTION
# show_contact_card:
# > setting this to true, will display the Contact section
# > setting this to false, will omit the Contact section
show_contact_card: true
# contact_title: The will be displayed as the title in the Contact section
contact_title: Contact
# contact_description: This will be displayed under the title.
contact_description: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. If you like this theme and want to use it for yourself, checkout the source code and the documentation at <a class="highlight-link" href="https://github.com/longpdo/neumorphism" target="_blank" rel="noreferrer"> Github </a>.

# GITHUB-METADATA
# Set this to your forked repository
# > e.g. <user>/<user>.github.io
repository: ZKKarenina/ZKKareninateste
projects:
  # sortby:
  # > set this to pushed, if you want to sort your github repositories by time.
  # > set this to stars, if you want to sort your github repositories by stars.
  sort_by: pushed
  exclude:
    # archived:
    # > setting this to true, will exclude archived repositories
    # > setting this to false, will also display archived repositories
    archived: true
    # forks:
    # > setting this to true, will exclude forked repositories
    # > setting this to false, will also display forked repositories
    forks: true
    # projects: A list of the repository names you want to exclude from the listing.
    projects:
    # - repo1-to-be-excluded
    # - repo2-to-be-excluded

# GOOGLE-ANALYTICS
# Set the id, if you want to track your website with Google Analytics
# > set this to "", if you do not want to track with Google Analytics
google-analytics:
  id: "UA-158757509-2"

### END OF VALUES YOU SHOULD CHANGE ###

plugins:
  - "jekyll-github-metadata"

exclude:
  [
    "_assets",
    "Gemfile",
    "Gemfile.lock",
    "gulpfile.js",
    "node_modules",
    "package.json",
  ]

Este também é o meu repositório atual:

E aqui “está” o site com erro 404…
http://zkkareninateste .github.io/
Tive que separar o link pq senão não ia conseguir enviar aqui.

Caramba, que legal :star_struck:!!! Como vcs fazem essas coisas?

1 curtida

Eu realmente não entendo onde está errado… Para piorar ficou pior do que da outra vez…
Poderia copiar o código do outro membro do fórum, mas isso não é aprender é colar… Gostaria de aprender sabe?..

É basicamente colocando crases antes e depois:

```
Seu texto
```

Nesse outro tópico mostra de uma forma completa:

1 curtida

Caramba foi muito legal, parecia mágica haha!

1 curtida

Deixei só em " " como o sr sugeriu e ainda não funcionou…

Primeiramente boa tarde!

Desculpe por não ter respondido antes.


Não sei o que pode ter dado errado, pois como mostrei aqui, o projeto que clonei foi publicado(e ainda está) sem problemas:


Vou clonar seu repositório atual para procurar alguma coisa que possa estar ocasionando esse erro.

Assim que encontrar algo, volto aqui para relatar.

1 curtida