hugo 8bits theme

Tema Hugo 8 bits

O tema Hugo 8 bits é baseado no CSS estilo NES desenvolvido por @bc_rikko.

Demonstração ao vivo

Informações da estrutura NES.css

Nome	NES.css
Descrição	Estrutura CSS estilo NES
Designer	BcRikko
Versão	2.3.0
Lançado	17 de dezembro de 2019
Licença	Informações de licenciamento

Instalação

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

Mais informações: guia de configuração hugo

Configuração

config.yaml

Multilíngue

Você pode mostrar ou ocultar o menu suspenso Idiomas em config.yaml :

 languagesMenuEnabled : true

Pão ralado

Você pode mostrar ou ocultar a página atual na localização atual de config.yaml :

 breadcrumb :
  showCurrent : true

Carregador de paginação

Você pode ativar ou desativar o carregador de paginação (botão Carregar mais) nas páginas da lista de config.yaml :

 pagination :
  loader : true

Desativá-lo mostrará o widget de paginação padrão.

Fundo

Você pode definir um plano de fundo do tema simplesmente soltando uma imagem na pasta static/images/ e digitando seu nome no parâmetro params.background.image . Além disso, você pode definir um efeito de paralaxe e sua velocidade para a seção de postagens.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

Contato

Você pode ativar o formulário de contato para permitir que os visitantes enviem mensagens para você usando um serviço de mensagens como o Formspree, apenas adicionando o URL de ação do formulário de contato em config.yaml :

 contact :
  formAction : https://formspree.io/f/yourformcode

Redes Sociais

Você pode adicionar os nomes de usuário das redes sociais atualmente suportadas em config.yaml :

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

Veja config.yaml para mais exemplos de parametrização de redes sociais.

Comentários

Desenvolvido por Disqus

 disqusShortname : " yourdiscussshortname "

Desative o sistema de comentários deixando params.disqusShortname vazio.

Google Analytics

 googleAnalytics : " UA-123-45 "

Desative o Google Analytics deixando params.googleAnalytics vazio.

Mais configurações!

Veja toda a configuração no arquivo config.yaml.

Site de exemplo

A pasta exampleSite é baseada no Exemplo Hugo Basic e oferece um site exemplo para este tema.

A pasta exampleSite/content/ contém o seguinte:

• Uma seção chamada /post/ com amostra de conteúdo de redução.
• Um about.md que se destina a fornecer a página /about/ para uma demonstração de tema.
• Um contact.md que se destina a fornecer a página /contact/ para um formulário de contato.

Quase lá...

Para ver seu site em ação, você pode executar o servidor local integrado do Hugo.

$ cd exampleSite
$ hugo server -t ../..

Agora digite http://localhost:1313/ na barra de endereço do seu navegador.

Implantação

• Hospedagem no GitHub
• Mais opções de hospedagem e implantação

Contribuindo

• Encontrou um bug?
• Tem uma ideia para um novo recurso?

Deixe-me saber usando o rastreador de problemas ou faça isso diretamente com uma solicitação pull.

Licença

Este tema e a estrutura que o tornou possível são lançados sob a licença MIT. Verifique a licença-quadro original para obter informações adicionais sobre licenciamento.

Obrigado

Obrigado a Steve Francia por criar Hugo e à incrível comunidade em torno do projeto. E também obrigado ao BcRikko por criar esta incrível estrutura nostálgica.