jbake future imperfect template
1.0.0
Kompatibel dengan JBake 2.6.5
Future Imperfect didasarkan pada tema HTML5 UP. Julio Pescador mem-portingnya untuk situs web SSG. Di sini, diadaptasi untuk JBake.
Contoh langsung dapat dilihat di sini.
Pertama, pastikan Anda menginstal JBake sesuai petunjuk di sini.
Setelah Anda memiliki JBake, dengan asumsi Anda membuat situs bernama ' awesome-jbake ', di terminal/jendela perintah jalankan perintah di bawah ini -
>> mkdir awesome-jbake
>> git clone https://github.com/manikmagar/jbake-future-imperfect-template.git awesome-jbake
>> cd awesome-jbake && ls -ltr
Anda akan melihat file repo ini di sana. Periksa Dokumentasi JBake 2.5.1 untuk memahami struktur ini.
Untuk melihat aksinya, saat berada di folder awesome-jbake, jalankan jbake -b -s . Dalam beberapa detik situs Anda akan aktif di http://localhost:8820/, Anda dapat mengunjunginya di browser.
Segala sesuatu di template didorong oleh parameter konfigurasi di file jbake.properties. Kumpulan properti minimal yang diperlukan sudah disertakan, Jadi simpan semua properti dalam file dan ubah nilainya sesuai kebutuhan.
JBake mendukung lebih dari properti ini dan Anda dapat merujuk Dokumentasi JBake.
Beberapa fitur tempalte dijelaskan di bawah ini.
Templat mendukung penambahan komentar Disqus ke Postingan. Untuk mengaktifkannya, cukup tambahkan nama pendek disqus Anda di jbake.properties -
site.disqus.shortname={yourdisqus}
Templat memungkinkan Anda menangkap Tampilan Halaman. Untuk mengaktifkannya, cukup tambahkan id Pelacakan GA Anda di jbake.properties -
site.google.trackingid={ga.trackingid}
Anda dapat mengaktifkan Perkiraan Waktu Membaca pada postingan Anda, dengan mengatur site.includeReadTiem=true di jbake.properties. Waktu membaca ini dihitung menggunakan perpustakaan javascript waktu membaca ini.
Menu utama teratas situs dapat dikontrol dari 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
Anda HARUS menentukan properti label, url, dan ikon untuk setiap item menu di site.menus.main .
Anda dapat mengontrol tautan sosial Anda dengan menambahkan penangan sosial Anda untuk properti sidebar.social.*.
Jika Anda menghosting situs statis Anda di Github, maka Github mengizinkan untuk menyetel halaman kesalahan 404. Folder konten memiliki file bernama 404.html yang bertipe 'halaman' (yaitu akan dirender berdasarkan templat halaman). Anda dapat memodifikasi konten file ini jika diperlukan tetapi konten default yang disertakan juga terlihat bagus :). File ini harus berada di root folder konten agar dapat dirender ke direktori root halaman github Anda. Selebihnya akan ditangani oleh Github untuk menampilkan file ini ketika pengguna mencoba url yang tidak ada.
Di header metadata postingan, Anda dapat menentukan dua properti di bawah ini agar memiliki gambar unggulan untuk postingan -
featuredimage =img/{path to image}
featuredalt =alternate text for imageTemplate ini secara default menghasilkan feed JSON. Berikut adalah konfigurasi yang terkait dengan ini -
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
Dimungkinkan untuk memiliki umpan RSS XML tradisional. Lakukan perubahan di jbake.properties, seperti yang disarankan dalam komentar di atas. Panggang kembali situs Anda.
Jangan ragu untuk berteriak di twitter @manikmagar dan @javabake
Tema ini dirilis di bawah lisensi MIT. Silakan baca lisensi untuk informasi lebih lanjut.
