jbake future imperfect template
1.0.0
Compatível com JBake 2.6.5
Future Imperfect é baseado no tema HTML5 UP. Julio Pescador portou para sites SSG. Aqui, ele foi adaptado para JBake.
Um exemplo ao vivo pode ser visto aqui.
Primeiro, certifique-se de instalar o JBake conforme as instruções aqui.
Depois de ter o JBake, supondo que você esteja criando um site chamado ' awesome-jbake ', na janela do terminal/comando execute os comandos abaixo -
>> mkdir awesome-jbake
>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake
>> cd awesome-jbake && ls -ltr
Você deverá ver esses arquivos repo lá. Verifique a documentação do JBake 2.5.1 para entender esta estrutura.
Para ver em ação, enquanto estiver na pasta awesome-jbake, execute jbake -b -s . Em poucos segundos seu site deverá estar ativo em http://localhost:8820/, você pode visitá-lo no navegador.
Tudo no modelo é orientado por parâmetros de configuração no arquivo jbake.properties. O conjunto de propriedades minimamente necessário já está incluído. Portanto, mantenha todas as propriedades no arquivo e modifique os valores conforme necessário.
O JBake suporta mais do que essas propriedades e você pode consultar a documentação do JBake.
Alguns recursos do tempalte são descritos abaixo.
O modelo suporta a adição de comentários do Disqus às postagens. Para habilitá-lo, basta adicionar seu nome abreviado do disqus em jbake.properties -
site.disqus.shortname={yourdisqus}
O modelo permite capturar visualizações de página. Para habilitá-lo, basta adicionar seu ID de rastreamento GA em jbake.properties -
site.google.trackingid={ga.trackingid}
Você pode ativar o tempo estimado de leitura em suas postagens, definindo site.includeReadTiem=true em jbake.properties. Este tempo de leitura é calculado usando esta biblioteca javascript de tempo de leitura.
O menu principal superior do site pode ser controlado em jbake.properties -
site.menus.main = home, archive, about, rss
# To add menus, for every menuitem in site.menus.main, add three properties in below pattern
# site.menus.{menuitem}.home.label=Home
# site.menus.{menuitem}.home.url=/
# site.menus.{menuitem}.home.icon=fa fa-home
site.menus.main.home.label =Home
site.menus.main.home.url =/
site.menus.main.home.icon =fa fa-home
Você DEVE definir propriedades de rótulo, URL e ícone para cada item de menu em site.menus.main .
Você pode controlar seus links sociais adicionando seus manipuladores sociais às propriedades sidebar.social.*.
Se você estiver hospedando seu site estático no Github, o Github permitirá definir a página de erro 404. A pasta de conteúdo possui um arquivo chamado 404.html que é do tipo 'página' (ou seja, será renderizado pelo modelo de página). Você pode modificar o conteúdo deste arquivo se necessário, mas o padrão incluído também parece bom :). Este arquivo deve estar na raiz da pasta de conteúdo para que seja renderizado no diretório raiz de suas páginas do github. O restante será cuidado pelo Github para mostrar este arquivo quando o usuário tentar um URL inexistente.
No cabeçalho dos metadados da postagem, você pode definir abaixo duas propriedades para ter uma imagem em destaque para a postagem -
featuredimage =img/{path to image}
featuredalt =alternate text for imageEste modelo por padrão gera feed JSON. A seguir está a configuração relacionada a isso -
site.menus.main.rss.label =Subscribe
# # change below url to feed.xml for tradional RSS Feed
site.menus.main.rss.url =feed.json
site.menus.main.rss.icon =fa fa-rss
# # Commnet below two properties to generate, tradional XML RSS feed.
feed.file =feed.json
template.feed.file =feed-json.ftl
É possível ter feed RSS XML tradicional. Faça as alterações em jbake.properties, conforme sugerido nos comentários acima. Prepare seu site novamente.
Sinta-se à vontade para gritar no Twitter @manikmagar e @javabake
Este tema é lançado sob a licença do MIT. Por favor, leia a licença para obter mais informações.
