jbake future imperfect template
1.0.0
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 はこれらのプロパティ以外のプロパティもサポートしており、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の各メニュー項目のラベル、URL、アイコンのプロパティを定義する必要があります。
Sidebar.social.* プロパティのソーシャル ハンドラーを追加することで、ソーシャル リンクを制御できます。
Github で静的サイトをホストしている場合、Github では 404 エラー ページを設定できます。コンテンツ フォルダーには、「ページ」タイプの 404.html というファイルがあります (つまり、ページ テンプレートによってレンダリングされます)。必要に応じてこのファイルの内容を変更できますが、デフォルトで含まれているファイルも見栄えがします:)。このファイルは、github ページのルート ディレクトリにレンダリングされるように、コンテンツ フォルダーのルートにある必要があります。残りは、ユーザーが存在しない URL を試行したときにこのファイルを表示するように Github によって処理されます。
投稿のメタデータ ヘッダーで、以下の 2 つのプロパティを定義して、投稿の注目の画像を含めることができます。
featuredimage =img/{path to image}
featuredalt =alternate text for imageこのテンプレートはデフォルトで JSON フィードを生成します。これに関連する構成は次のとおりです。
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
従来の XML RSS フィードを使用することも可能です。上記のコメントで提案されているように、jbake.properties に変更を加えます。サイトをもう一度ベイクします。
Twitter @manikmagar および @javabake でお気軽にお声がけください。
このテーマは MIT ライセンスに基づいてリリースされています。詳細についてはライセンスをお読みください。
