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}

Google分析

模板允許您捕獲頁面視圖。要啟用它，只需在 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 許可下發布的。請閱讀許可證以獲取更多資訊。