Conteúdo

Tema Mr. Green Jekyll

   1 Out, 2022     11 min leitura     - Comentários

GitHub issues GitHub forks GitHub stars GitHub license Me apoie no GitHub Sponsors Me apoie no Patreon Gorjeta via Ko-fi


screen_mock

Clique aqui para uma demonstração

Introdução

Mr. Green é um tema para vários idiomas criado com Jekyll e totalmente compatível com GitHub Pages.

Eu estava criando meu wbesite e pensei em fazê-lo como um modelo que eu poderia compartilhar com a comunidade do código aberto. Esse é o motivo que me levou a criar este tema. Eu trabalhei muito nesse projeto e eu ficaria muito feliz caso você decida me ajudar. Obrigado.

Recursos disponíveis

  • Website para vários idiomas.
    • Inglês (padrão), Japonês, Português do Brasil
  • Recomendação de idioma
  • Auto navegação com possibilidade de habilitar e desabilitar os ícones.
  • Layout para Principal, Sobre, Arquivos, Lista-de-Posts, Links, Projetos e mais
  • Possibilidade de trocar as cores (claro e escuro)
  • Possibilidade de adicionar Auto Contraste
  • Auto referência a imagens (não há a necesisdade de adicionar o caminho completo para imagens. Use somente : antes do nome do arquivo.)
  • Visualizador de imagens fácil e visualizador de imagens
  • Rodapé com diferentes licenças para uso
  • Tabela móvel de conteúdo para posts
  • Opção de compartilhar posts.
  • Os posts podem ser listados por categoria ou marcadores.
  • Comentários em posts
  • Seleção de diferentes paginações e modos de carregar conteúdo
  • Mapa do site
  • Search Engine Optimization (SEO)
  • Analytics (Google Analytics)
  • Consentimento para usar cookies
  • Formulário de contato (Formulários do Google)
  • Buscador no site
  • Compressão de código (HTML JS SCSS)
  • Suporte a dispositivos móveis
  • Compatível com dispositivos móveis (testado com Android e IOS)
  • Estrutura de pastas bem organizado para desenvolvedores (testado no Chrome, Safari e Firefox)

Instalação

Github pages

  1. Faça um fork do repositório.
  2. Edite _config.yml e o link do url e suba suas alterações.

    url: "https://seu_nome_de_usuario.github.io"
    
  3. Renomeie o repositório para seu_nome_de_usuario.github.io
  4. Veja o estatus da implementação em Actions no repositório.
  5. Quando este ficar verde, seu site estará online e rodando em https://seu_nome_de_usuario.github.io

Rodando localmente

  1. Instale o Jekyll para seu sistema operacional
  2. Clone ou faça o download do repositório, no prompt de comando vá para a pasta e rode o comando bundle install
  3. Build using bundle exec jekyll serve --watch --host 0.0.0.0 --safe command
    • com o atributo --host 0.0.0.0 você consegue acessar um servidor web que está na sua rede.
    • com o argumento --safe você pode ter certeza que nenhum plugin de terceiros será adicionado. (para desenvolvimento voltado ao Github)
  4. Sua página estará rodando no endereço 0.0.0.0:4000/.

Documentação

Veja na playlist de tutoriais do tema Mr. Green no YouTube

Créditos

Eu quero agradecer esses projetos que proporcionaram a oportunidade de construir meu wbe site.

  • Jekyll é um gerador de site estático. É capaz de usar textos escritos na sua linguagem favorita usando markup e usar layouts para criar web sites estáticos. Você consegue altear todo o site, URLs, as informações mostradas na página e mais. É um incrível projeto que é mantido por voluntários.

  • GitHub Pages hospedado diretamente no seu repositório do GitHub. Suba suas alterações e seu site será gerado automaticamente.

Alguns sites úteis que eu encontrei enquanto trabalhava nesse projeto. Página de links

Você pode fazer uma doação

Criar projetos começando do zero tomam muito tempo. Agradeço muito se você considerar fazer uma doação para que eu possa continuar trabalhando em projetos como esse e criar novos conteúdos para todos.

  • Você pode me ajudar em Patrocinadores do GitHub (mensalmente ou uma única vez)
  • Você pode ser um dos meus patreons em Patreon (mensalmente)
  • Você pode me dar uma gorjeta via Ko-fi (uma única vez)

Contribuição

Pull Requests são muito bem vindos. Por favor, veja as instruções em Problemas e no modelo para criar Pull Requests.

Contribuidores

Obrigado por suas contribuições!

Licença

Como está escrito na licença MIT, você pode usar esse tema em qualquer lugar contanto que você incluaa os arquivos de licença e de direitos autorais.

Copyright (c) 2022 Mr. Green's Workshop https://www.MrGreensWorkshop.com

Pòr favor, adicione um link para minha página ou mantenha o link “Pwrd by Mr. Green” para que eu possa receber créditos pelo meu trabalho.

Obrigado!

Outras licenças

O tema Mr. Green Jekyll usa as bibliotecas descritas abaixo. Sem estas bibliotecas não seria possível criar este projeto.

Libraryfile
jQuery v3.6.0, Copyright OpenJS Foundation e outras contribuições. jQuery é distribuido sob a licença e termos MIT.jquery-3.6.0.min.js
Bootstrap v3.3.7, Copyright (c) 2011-2016 Twitter, Inc. Bootstrap é distribuido sob a licença e termos MIT.bootstrap.min.js, bootstrap.min.css
Bootstrap Table of Contents v0.4.1, Copyright (c) 2015 Aidan Feldman Aidan Feldman. Tabela Bootstrap sob a licença e termos MIT.bootstrap-toc.min.js, bootstrap-toc.min.css
Font Awesome v4.7.0, Copyright (c) 2017 Dave Gandy. The Font Awesome font é distribuida sob os termos SIL OFL 1.1. Font Awesome CSS, LESS, e Sass files são distribuidos sob os termos Licença MIT.font-awesome.min.css, FontAwesome
Lozad.js v1.16.0, Copyright (c) 2017 Apoorv Saxena. Lozad.js é distribuido sob os termos e licença MIT.lozad.min.js
Magnific Popup v1.1.0, Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com. Magnific Popup é distribuido sob os termos de licença MIT.jquery.magnific-popup.min.js, magnific-popup.css
Simple-Jekyll-Search v1.9.2, Copyright (c) 2015 Christian Fei. Simple-Jekyll-Search é distribuido sob os termos de licença MIT.simple-jekyll-search-1.9.2.min.js
Compress HTML in Jekyll v3.1.0, Copyright (c) 2014 Anatol Broder. Compress HTML in Jekyll é distribuido sob os termos de licença MIT.compress.liquid

Tema Mr. Green Jekyll