เข้ากันได้กับเจเบค 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
คุณควรเห็นไฟล์ repo นี้อยู่ในนั้น ตรวจสอบเอกสาร JBake 2.5.1 เพื่อทำความเข้าใจโครงสร้างนี้
หากต้องการดูการทำงานขณะอยู่ในโฟลเดอร์ Awesome-jbake ให้รัน jbake -b -s
ภายในไม่กี่วินาที เว็บไซต์ของคุณควรจะใช้งานได้บน http://localhost:8820/ คุณสามารถเข้าชมได้ในเบราว์เซอร์
ทุกอย่างในเทมเพลตขับเคลื่อนด้วยพารามิเตอร์การกำหนดค่าในไฟล์ jbake.properties ชุดคุณสมบัติที่จำเป็นขั้นต่ำถูกรวมไว้แล้ว ดังนั้น เก็บคุณสมบัติทั้งหมดในไฟล์และแก้ไขค่าตามความจำเป็น
JBake รองรับมากกว่าคุณสมบัติเหล่านี้ และคุณสามารถอ้างอิงเอกสาร JBake ได้
คุณลักษณะ Tempalte บางอย่างมีการอธิบายไว้ด้านล่างนี้
เทมเพลตรองรับการเพิ่มความคิดเห็น Disqus ในโพสต์ หากต้องการเปิดใช้งาน เพียงเพิ่มชื่อย่อ disqus ของคุณใน jbake.properties -
site.disqus.shortname={yourdisqus}
เทมเพลตช่วยให้คุณสามารถบันทึกการดูเพจได้ หากต้องการเปิดใช้งาน เพียงเพิ่ม GA Tracking id ของคุณใน jbake.properties -
site.google.trackingid={ga.trackingid}
คุณสามารถเปิดใช้งานเวลาการอ่านโดยประมาณบนโพสต์ของคุณได้โดยตั้งค่า site.includeReadTiem=true
ใน jbake.properties เวลาในการอ่านนี้คำนวณโดยใช้ไลบรารี 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
คุณต้องกำหนดคุณสมบัติป้ายกำกับ url และไอคอนสำหรับแต่ละรายการเมนูใน site.menus.main
คุณสามารถควบคุมลิงก์โซเชียลของคุณได้โดยการเพิ่มตัวจัดการโซเชียลของคุณสำหรับคุณสมบัติ sidebar.social.*
หากคุณโฮสต์เว็บไซต์แบบคงที่บน Github Github จะอนุญาตให้ตั้งค่าหน้าข้อผิดพลาด 404 โฟลเดอร์เนื้อหามีไฟล์ชื่อ 404.html ซึ่งเป็นประเภท 'เพจ' (กล่าวคือ จะแสดงผลโดยเทมเพลตเพจ) คุณสามารถแก้ไขเนื้อหาไฟล์นี้ได้หากจำเป็น แต่เนื้อหาที่รวมไว้เป็นค่าเริ่มต้นก็ดูดีเช่นกัน :) ไฟล์นี้ จะต้องอยู่ ที่รากของโฟลเดอร์เนื้อหาเพื่อที่จะได้แสดงผลไปยังไดเรกทอรีรากของหน้า GitHub ของคุณ Github จะดูแลส่วนที่เหลือเพื่อแสดงไฟล์นี้เมื่อผู้ใช้พยายามค้นหา URL ที่ไม่มีอยู่จริง
ในส่วนหัวของข้อมูลเมตาของโพสต์ คุณสามารถกำหนดคุณสมบัติสองรายการด้านล่างเพื่อให้มีรูปภาพเด่นสำหรับโพสต์ -
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 โปรดอ่านใบอนุญาตสำหรับข้อมูลเพิ่มเติม