Compatible con JBake 2.6.5
Future Imperfect se basa en el tema de HTML5 UP. Julio Pescador lo portó para los sitios web de SSG. Aquí, se adaptó para JBake.
Se puede ver un ejemplo en vivo aquí.
Primero, asegúrese de instalar JBake según las instrucciones aquí.
Una vez que tenga JBake, suponiendo que esté creando un sitio llamado ' Awesome-jbake ', en la ventana de terminal/comando ejecute los siguientes comandos:
>> mkdir awesome-jbake
>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake
>> cd awesome-jbake && ls -ltr
Deberías ver estos archivos de repositorio allí. Consulte la documentación de JBake 2.5.1 para comprender esta estructura.
Para verlo en acción, mientras se encuentra en la carpeta awesome-jbake, ejecute jbake -b -s
. En unos segundos su sitio debería estar activo en http://localhost:8820/, puede visitarlo en el navegador.
Todo lo que hay en la plantilla está controlado por los parámetros de configuración del archivo jbake.properties. El conjunto de propiedades mínimo requerido ya está incluido, así que mantenga todas las propiedades en el archivo y modifique los valores según sea necesario.
JBake admite más que estas propiedades y puede consultar la documentación de JBake.
Algunas características de la plantilla se describen a continuación.
La plantilla admite la adición de comentarios de Disqus a las publicaciones. Para habilitarlo, simplemente agregue su nombre corto de disqus en jbake.properties -
site.disqus.shortname={yourdisqus}
La plantilla le permite capturar vistas de página. Para habilitarlo, simplemente agregue su ID de seguimiento de GA en jbake.properties -
site.google.trackingid={ga.trackingid}
Puede habilitar el tiempo de lectura estimado en sus publicaciones configurando site.includeReadTiem=true
en jbake.properties. Este tiempo de lectura se calcula utilizando esta biblioteca de JavaScript de tiempo de lectura.
El menú principal superior del sitio se puede controlar desde 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
DEBE definir las propiedades de etiqueta, URL e icono para cada elemento del menú en site.menus.main
.
Puede controlar sus enlaces sociales agregando sus controladores sociales para las propiedades sidebar.social.*.
Si aloja su sitio estático en Github, Github le permite configurar la página de error 404. La carpeta de contenido tiene un archivo llamado 404.html que es de tipo "página" (es decir, se representará mediante plantilla de página). Puede modificar el contenido de este archivo si es necesario, pero el incluido por defecto también se ve bien :). Este archivo debe estar en la raíz de la carpeta de contenido para que se represente en el directorio raíz de sus páginas de github. Github se encargará del resto de mostrar este archivo cuando el usuario intente acceder a una URL que no existe.
En el encabezado de metadatos de la publicación, puede definir a continuación dos propiedades para tener una imagen destacada para la publicación:
featuredimage =img/{path to image}
featuredalt =alternate text for image
Esta plantilla genera de forma predeterminada un feed JSON. A continuación se muestra la configuración relacionada con esto:
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
Es posible tener un feed RSS XML tradicional. Realice los cambios en jbake.properties, como se sugiere en los comentarios anteriores. Hornee su sitio nuevamente.
No dudes en enviarnos un mensaje en Twitter @manikmagar y @javabake
Este tema se publica bajo la licencia MIT. Lea la licencia para obtener más información.