Houve recentemente uma grande mudança para sites estáticos no campo do desenvolvimento web. Sites estáticos são mais fáceis de manter (sem bancos de dados, sem scripts do lado do servidor!) E são mais seguros, geralmente, considerando que a única coisa que é servida aos dispositivos dos usuários são os arquivos HTML, CSS e Javascript. Para que alguns tipos de sites, como blogs e sites de documentação, tornem-se estáticos, apenas escrever código diretamente em arquivos HTML torna-se extenuante. Também se torna difícil manter sites com grande conteúdo, especialmente quando alguns recursos pequenos (como design) precisam ser alterados.
É aqui que entram os geradores de sites estáticos. Os Geradores de Site estático basicamente convertem (ou compilam) vários arquivos de recursos diferentes em um site. Isso significa que o conteúdo pode ser mantido separado do código de layout, e os recursos do site, como imagens, podem ser mantidos completamente separados. Há muitos geradores estáticos de sites, centenas mesmo. Aqui está uma lista dos 10 melhores geradores de sites estáticos, juntamente com seus comentários.
Geradores de site estático
1. Jekyll
Em uma palavra: os geradores King of Static Site . O Jekyll é o gerador estático mais utilizado, com a maior documentação, maior comunidade e melhor suporte. Até mesmo o GitHub oferece suporte embutido para o Jekyll em seu serviço GitHub Pages. Jekyll se orgulha de ser consciente do blog. Fazer um blog estático no Jekyll é muito fácil. Requer apenas conhecimento do desenvolvimento básico da web. Ele realmente brilha, por causa de seus recursos fáceis de configuração para iniciantes, ao mesmo tempo que possui recursos realmente poderosos para aqueles com o conhecimento de usá-los.
O Jekyll permite criar e usar diferentes plugins, tags e até mesmo criar seus próprios conversores para qualquer linguagem de marcação que você queira usar com o Jekyll. A linguagem de marcação padrão para Jekyll, como a maioria dos outros, é o Markdown. Jekyll tem plugins para compilar Menos, Stylus, gerar nuvens de tags, páginas de usuários para blogs e muito mais.
O Jekyll é baseado no Liquid Template Engine da Shopify. Ele é executado inteiramente em Ruby, então é facilmente instalável junto com dependências usando rvm ou usando bundler. Jekyll também tem opções fáceis de migração, se você estiver procurando migrar do WordPress, Blogger ou qualquer outro site de blog. Ele bate em todos os outros geradores de sites estáticos, de longe, em termos de tamanho de usuário. Ele está em desenvolvimento ativo (a última alteração no reporte do GitHub que ocorreu há um dia, no momento em que este artigo foi escrito).
Para instalar o Jekyll, basta digitar este comando em Ruby: gem install jekyll
2. Pelicano
Pelican é um gerador de site estático construído em Python. Ele apresenta postagem de conteúdo em vários idiomas, destaque de código (sintaxe), bem como geração fácil de RSS e Atom Feeds. Pelican tem uma ótima seleção de Plugins, todos hospedados em um repositório central do GitHub. Suporta 3 formatos de documentos por padrão: Markdown, reStructuredText e Ascii Doc.
Pelican é bastante singular, uma vez que é construído em Python. Ele suporta o poderoso Jinja Template Engine, que é baseado em Python, para permitir a criação fácil de belos temas e modelos para o Pelican. Em termos de suporte à migração, a Pelican oferece suporte para WordPress e Tumblr. Em vez dos arquivos YAML usuais para configuração, o Pelican usa um arquivo .py chamado pelicanconf.py para configuração e configurações.
A maneira mais fácil de instalar o pelicano é usando pip: pip install pelican
3. intermediário
O Middleman é um gerador de site estático, movido a Ruby, que segue uma abordagem simples para construir sites estáticos. Ele possui recursos poderosos para a manutenção de blogs estáticos, como geração fácil de tags, comandos rápidos para listar artigos categorizados e paginação. O Middleman não oferece suporte a migração, portanto, se você quiser tornar um blog existente estático, o Middleman pode não ser a melhor ideia por enquanto.
O Middleman oferece suporte para a maioria das ferramentas modernas de desenvolvimento web como HAML, Coffeescript, Sass e o resto. Seu mecanismo de modelagem padrão é eRb, mas permite alternar para um mecanismo de modelo personalizado de sua escolha. Todos os motores de modelos habilitados para Tilt (a lista completa pode ser encontrada aqui) funcionam no Middleman. Ele suporta nativamente 2 formatos de configuração - YAML, JSON. O frontmatter para o seu conteúdo também deve ser YAML ou JSON, dependendo do formato de configuração que você está usando.
Instale o Middleman usando Ruby com: gem install middleman
4. Metalsmith
A Metalsmith se orgulha de ser um gerador de site estático plugável . Isso significa que toda a lógica do Metalsmith é manipulada por plugins. Qualquer recurso que você precisa, basta adicionar os plugins necessários. O grande número de plugins oferecidos pela Metalsmith supera quase todos os concorrentes (talvez barrando o Jekyll e o Docpad). Isso significa que o Metalsmith pode ser usado mais do que apenas um gerador de site estático.
Em suas próprias palavras “Como tudo é um plugin, a biblioteca principal é apenas uma abstração para manipular um diretório de arquivos”. O que isso finalmente acrescenta é que você usa a Metalsmith tão facilmente quanto um scaffolder de projeto, um gerador de e-book, uma ferramenta de construção, documentação técnica e muito mais (alguns dos exemplos apresentados no site da Metalsmith).
O Metalsmith é baseado no Node.js e pode ser instalado usando o gerenciador de pacotes do nó com: $ npm install metalsmith
Homepage 5. Harpa
Harp tem pré-processamento inerente para Jade, Markdown, LESS, Sass, Coffeescript, EjS e Stylus sem qualquer configuração extra. Ele também permite usar o paradigma layouts / partial com Jade e EjS, que precisa de plugins especiais em outros geradores de site estático.
Harp é construído em Node.Js e pode trabalhar de mãos dadas com a Harp Platform, que permite criar páginas da web a partir da sua pasta Dropbox. Harp também pode compilar páginas para uso nas páginas do GitHub, PhoneGap e Heroku também.
Para instalar o Harp, use o npm e execute: sudo npm install -g harp
Pagina inicial
6. Octopress
Tecnicamente, o Octopress é um fork Jekyll modificado, mas devido à sua enorme popularidade, foi incluído nesta lista. Octopress é basicamente Jekyll para hackers (e desenvolvedores de trilhos). A customização do Octopress torna-se fácil, especialmente se você estiver criando um blog, já que o Octopress, por padrão, inclui muitos dos plugins necessários para executar um blog no Jekyll.
Na parte de personalização, o código do Octopress torna mais fácil para os usuários modificarem o código e escrever seu próprio código. Dito isto, muitos dos plugins para o Octopress são compatíveis com o Jekyll (e vice-versa).
Para instalar o Octopress,
- Clone o repositório GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Instalar dependências
gem install bundlerrbenv rehash# Se você usar rbenv, rehash para poder executar o comando bundlebundle install - Instalar o tema padrão do Octopress
rake install
7. Docpad
O Docpad é um gerador de site estático dinâmico . Ele estende os recursos dos geradores de site estáticos normais, com recursos como consulta de banco de dados por meio de um mecanismo de consulta, importação de páginas de bancos de dados externos e nova renderização da página da Web em cada solicitação.
O Docpad tem suporte nativo para pré-processadores, como o Coffeescript, Stylus e LESS, e usa plugins para suportar mecanismos de template, pré-processadores e linguagens de marcação, para que você possa escolher qualquer combinação que desejar usando o plugin necessário. O Docpad também suporta a importação de páginas de fontes externas como Tumblr, GitHub e Dropbox através de plugins.
O Docpad é uma plataforma rica em recursos, com muitos plugins e ótima documentação. Ele é construído e usa o Node.js para interações do servidor.
Basta instalar o Docpad usando npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Pagina inicial
8. Hexo
O Hexo é uma estrutura de blog leve e estática que se orgulha de sua incrível velocidade de geração de sites. O Hexo é ótimo para blogueiros com grandes quantidades de conteúdo que desejam um gerador de site estático simples. Ele oferece opções fáceis de migração de outras plataformas de blogs, como WordPress, Joomla, Jekyll, Octopress e RSS. Uma das grandes coisas sobre o Hexo é que você pode usar a maioria dos plugins que são feitos para o Octopress (e, por extensão, plugins feitos para o Jekyll com pequenas modificações)
O Hexo suporta o Markdown, o YAML para o front matter e a configuração. Mantendo sua natureza rápida, o Hexo permite que você implante em sites como o GitHub, Heroku e Rsync com apenas um comando.
Hexo pode ser instalado usando o Node.js: npm install hexo-cli -g
9. Hugo
Hugo é um gerador de site estático de uso geral com bons recursos gerais como modelos e suporte parcial, paginação e 'taxonomias', que é basicamente um sistema exclusivo de categorização de conteúdo seguido por Hugo. Isso significa que você pode classificar as postagens facilmente com base não apenas em tags, mas também em qualquer outra forma que desejar, como categorias ou séries diretamente do frontmatter. Hugo suporta três tipos de arquivos de dados - YAML, JSON e TOML, e permite que você decida qual deles é mais confortável para você.
Em vez de plugins, Hugo usa 'shortcodes', que permitem usar conteúdo rico dentro do seu Markdown. Para saber como isso funciona, leia este artigo. Hugo é escrito na linguagem de programação Go e oferece arquivos de instalação separados para diferentes plataformas em sua página do GitHub. Para saber exatamente como você pode instalar o Hugo para você usar, leia as instruções de instalação do Hugo.
Se você usa o Homebrew, então Hugo e todas as dependências podem ser instaladas com: brew install hugo
10. Brunch
Brunch se inclina para aplicativos web HTML5 em vez de blogs e sites, mas ainda é um gerador de site estático rápido de usar e muito simples de usar. Ele não apenas compila todo o seu código e scripts, mas também pode diminuir (diminuir) seu código e comprimir imagens automaticamente. O Brunch tem uma série de plugins que você pode usar para personalizá-lo de acordo com suas necessidades. A lista completa de plugins para o Brunch pode ser encontrada aqui.
Brunch oferece 'esqueletos' que são basicamente boilerplates para iniciar seu site (ou aplicativo web). Ele oferece uma das velocidades de compilação mais rápidas, simplesmente porque o Brunch armazena em cache todas as partes inalteradas do seu projeto e compila apenas os arquivos que são revisados. O brunch é construído em Node.js e pode ser instalado usando npm: npm install -g brunch
Tem alguma sugestão sobre este artigo? Deixe nos comentários!
