jbake future imperfect template

JBake 未来不完美模板

兼容JBake 2.6.5

Future Imperfect是基于HTML5 UP的主题。 Julio Pescador 将其移植到 SSG 网站。在这里，它适用于 JBake。

可以在这里看到实例。

入门

首先，确保按照此处的说明安装 JBake。

一旦您拥有 JBake，假设您正在创建一个名为“ awesome-jbake ”的站点，请在终端/命令窗口中运行以下命令 -

 >> mkdir awesome-jbake

>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake

>> cd awesome-jbake && ls -ltr

您应该在那里看到这个存储库文件。检查 JBake 2.5.1 文档以了解此结构。

要查看实际效果，请在 Awesome-jbake 文件夹中运行jbake -b -s 。几秒钟后，您的网站就会在 http://localhost:8820/ 上上线，您可以在浏览器中访问它。

配置 jbake.properties

模板中的所有内容均由 jbake.properties 文件中的配置参数驱动。已包含最低要求的属性集，因此将所有属性保留在文件中并根据需要修改值。

JBake 确实支持更多属性，您可以参考 JBake 文档。

下面描述了一些模板功能。

评论

模板确实支持向帖子添加 Disqus 评论。要启用它，只需在 jbake.properties 中添加您的 disqus 短名称 -

site.disqus.shortname={yourdisqus}

谷歌分析

模板允许您捕获页面视图。要启用它，只需在 jbake.properties 中添加您的 GA 跟踪 ID -

site.google.trackingid={ga.trackingid}

预计阅读时间

您可以通过在 jbake.properties 中设置site.includeReadTiem=true来启用帖子的预计阅读时间。此阅读时间是使用此阅读时间 javascript 库计算的。

网站主菜单

站点的顶部主菜单可以通过 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

您必须为site.menus.main中的每个菜单项定义 label、url 和 icon 属性。

社交链接

您可以通过为 sidebar.social.* 属性添加社交处理程序来控制您的社交链接。

添加未找到 GitHub 的 404 页面

如果您在 Github 上托管静态站点，则 Github 允许设置 404 错误页面。内容文件夹有一个名为 404.html 的文件，其类型为“页面”（即它将由页面模板呈现）。如果需要，您可以修改此文件内容，但默认包含的内容看起来也不错:)。该文件必须位于 content 文件夹的根目录中，以便将其渲染到 github 页面的根目录中。当用户尝试访问不存在的 url 时，Github 将负责显示此文件。

发布精选图片

在帖子元数据标题中，您可以定义以下两个属性来为帖子提供特色图像 -

 featuredimage =img/{path to image}
featuredalt =alternate text for image

饲料

JSON 提要

该模板默认生成 JSON feed。以下是与此相关的配置 -

 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

RSS XML 提要

可以使用传统的 XML RSS 提要。按照上面评论中的建议，对 jbake.properties 进行更改。再次烘烤您的网站。

关于我

欢迎在 Twitter @manikmagar 和 @javabake 上留言

执照

该主题是在 MIT 许可下发布的。请阅读许可证以获取更多信息。