jekyll netlify boilerplate

Padrão Jekyll Netlify

Nota: Confira meu Boilerplate Eleventy Netlify. Ele faz praticamente o mesmo que este projeto, mas usa o gerador de sites estáticos Eleventy. É rápido, flexível e não requer Ruby.

Um modelo Jekyll realmente simples para criar um site rápido e estático no Netlify com um fluxo de trabalho de implantação contínua.

Este projeto é apresentado no blog e vitrine oficial de modelos do Netlify: Os 10 principais geradores de sites estáticos para assistir em 2018

• Estilo minimalista, pronto para fazer o seu próprio
• Exemplos de postagens de blog, páginas e formulário de contato
• Layout de grade CSS responsivo com substitutos para navegadores mais antigos
• Fluxo de trabalho de implantação contínua via Netlify e Github
• Netlify CMS para gerenciamento de conteúdo
• Identidade Netlify para autenticar usuários
• Formulários Netlify para processar seus formulários HTML estáticos com reCAPTCHA
• Arquivos opcionais Netlify _redirects e _headers prontos para uso
• Gasoduto Jekyll SASS
• HTML e CSS minimizados

Com base no modelo inicial Jekyll + Netlify CMS da Netlify, vá até lá para obter mais detalhes sobre implantação e configurações de construção ou para obter ajuda com a configuração do Netlify.

Para obter ajuda com modelos, desenvolvimento local e outras coisas relacionadas ao Jekyll, confira o excelente Jekyll Docs.

Ver demonstração

Desempenho

Você pode testar o TTFB (Time To First Byte) do site de demonstração em testmysite.io

Começando

Basta clicar no botão de implantação para obter sua própria cópia do repositório implantada no Netlify:

Isso configurará tudo o que é necessário para executar o CMS:

• Um novo repositório na sua conta GitHub com o código
• Implantação contínua completa na rede CDN global da Netlify
• Controle usuários e acessos com Netlify Identity
• Gerencie conteúdo com Netlify CMS

Configurar autenticação

Depois de implantar este projeto, o Netlify Identity irá adicioná-lo como usuário CMS e enviar-lhe um convite por e-mail. Não é necessário aceitar este convite se você deseja usar um provedor OAuth (por exemplo, Github) para gerenciar a autenticação do seu CMS. Recomenda-se usar este método de autenticação, pois elimina a necessidade de e-mail e senha para fazer login no CMS e geralmente é mais seguro. Você precisará adicionar um provedor OAuth nas configurações do aplicativo Netlify em "Configurações" > "Identidade" > "Provedores externos".

Em seguida, navegue até /admin em seu site, escolha seu provedor OAuth na caixa de login e você deverá estar conectado ao seu CMS.

Agora está tudo pronto e você pode começar a editar o conteúdo!

Observação: se você mudar o repositório que foi criado para privado, precisará regenerar seu token, pois o token gerado usando o botão implantar no Netlify só pode acessar repositórios públicos. Para regenerar seu token, vá para “Configurações” no painel do site Netlify, vá para a seção “Identidade” e vá até “Serviços”, onde você verá um botão “Editar configurações”. Clique nele e você verá um link de texto para "Gerar token de acesso no GitHub".

Desenvolvimento Local

Clone este repositório e execute:

bundle install
bundle exec jekyll server --watch

Caso você não queira instalar o Ruby-Bundler você pode usar o docker:

docker-compose up

Jekyll observará alterações na pasta do seu projeto.

Agora navegue até localhost:4000 para visualizar o site e localhost:4000/admin para fazer login no CMS.

Relatórios de bugs, solicitações de recursos, etc.

Este é um projeto em andamento e agradeço contribuições. Sinta-se à vontade para enviar um PR.

Se precisar de ajuda com a configuração do Netlify CMS, você pode entrar em contato com a equipe do Netlify no Netlify CMS Gitter.