Repetir conteúdo em site HTML.

[ranosi]

Salve galera! Quando vocês precisam montar sites apenas em html, simples como fazem pra manter algumas informações que se repetem em todas as páginas? Tipo o topo por exemplo que é igual em todo o site.
Já vi uma vez a solução em php que poderia separar as partes e usar o include.
Não sei se ficou muito claro a questão.

[marcoaure]

html puro só ctrl+c mesmo... ou usa js ou php pra fzr esses includes

Atenciosamente, Marco Aurélio. Perfil http://marcoaure.net *
Analista-Desenvolvedor de sistemas e especialista: *Php_, _Mysql*, *
Html5*, CSS3, JQuery, *Front e Back-End.

Em 17 de outubro de 2016 18:48, ranosi [email protected] escreveu:

Salve galera! Quando vocês precisam montar sites apenas em html, simples
como fazem pra manter algumas informações que se repetem em todas as
páginas? Tipo o topo por exemplo que é igual em todo o site.
Já vi uma vez a solução em php que poderia separar as partes e usar o
include.
Não sei se ficou muito claro a questão.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#329, or mute the thread
https://github.com/notifications/unsubscribe-auth/AGooTq70k1oaw8SSn9s2_J1tfmp7DLMtks5q098zgaJpZM4KZFl2
.

[thiamsantos]

@ranosi você pode usar uma template engine para fazer esses includes juntamente com alguma tarefa de build. Algumas engines boas são:

• Nunjucks
• Pug
• EJS

[guilhermejcgois]

Você pode usar HTML Templates, mas sem suporte para IE. Se for o caso acho que esse artigo na MDN pode te ajudar.

[ghost]

@ranosi outras template engines:

Front-end (JavaScript):

• Handlebars (usa o Mustache)
• Mustache (versão standalone)

Back-end (PHP):

• Blade (padrão do Laravel, versão standalone)
• Scurvy (apenas dois arquivos)
• Smarty
• Twig (padrão do Symfony e do Silex)

[ranosi]

Show de bola, vou dar uma olhada neles. O Twig é o único que eu tinha visto dessa lista. Valeu galera.

[giioohbernini]

@ranosi

Tem o Jade também!!

Mas pode ser que saia do "simples" caso você não use node.js, mas eu ando usando bastante!

Tem um artigo muito bom sobre ele aqui

[herberthenrique]

@giioohbernini O Jade foi renomeado para Pug.
Jade era uma marca registrada e eles tiveram que renomear
https://github.com/pugjs/pug#rename-from-jade

[notnotgabriel]

Fiz um site inteiro com Pug, na época ainda se chamava Jade.
Foi bastante produtivo usá-lo para um site que era somente html + css "basicão".

[Lucasktrindade]

Esses templates fazem compilação em tempo de produção, ou eles pré compilam o conteúdo que você quer e gera um HTML?

[thiamsantos]

@Lucasktrindade tanto faz. Você pode gerar o HTML estático ou integrar com o backend facilmente usando o expressjs ou qualquer outro servidor nodejs.

[Lucasktrindade]

Saquei, no meu caso seria para gerar estático.

[gabrieldarezzo]

Em php

Eu uso bastante esse cara:
http://raelcunha.com/template/

[marinhoOliv]

Fala @ranosi, o @willianjusten tem uma curso bem legal sobre sites estáticos.
http://willianjusten.teachable.com/courses/criando-sites-estaticos-com-jekyl

[ranosi]

@marinhoOliv bem legal heim. Vou dar uma olhada nesse curso aí cara, valeu a dica.

[vitor-mendrone-deel]

Uma alternativa ao Jekyll é o Hugo, que é feito em Go e por isso tem menos problemas pra rodar no Windows (Reza a lenda que Jekyll não cai muito bem no Windows por ser Ruby, porém nunca tive problemas)

[davidsonfellipe]

@ranosi Tenho usado o assemble (http://assemble.io/) que é um static site generator feito em Node.js, e tem um bom suporte para várias template engines.

[felipefialho]

Só reforçando que o Jade mudou de nome e se tornou o Pug, mas é a mesma ferramenta.

Sou fã do Pug/Jade alias, especialmente se usar Stylus, a forma de escrita fica totalmente concisa.

Caso seja mais tradicional quanto as sintaxes originais, pode usar o Nunjucks ou o EJS que o @thiamsantos citou.