cd moonwalk
bin/bootstrap
publish_token
ของคุณในไฟล์ _config.yml
หากคุณกำลังติดตั้ง Moonwalk บน Windows โปรดทราบว่าคุณอาจต้องใช้ Ruby 3.0.x แทน Ruby 3.1.x - คุณสามารถดูคำแนะนำการติดตั้งเฉพาะของ Windows ได้ที่นี่
bin/start
- development server will start at http://127.0.0.1:4000
Moonwalk สามารถปรับใช้ได้อย่างง่ายดายกับผู้ให้บริการคลาวด์ (AWS ฯลฯ ) และบริการโฮสต์เว็บไซต์แบบคงที่เช่น NetLify & Vercel นอกจากนี้คุณยังสามารถใช้ปุ่มนี้เพื่อทำการคลิกหนึ่งคลิก
หากคุณต้องการใช้ Moonwalk เป็นอัญมณีหรือใช้หน้า gitHub โปรดดูหน้านี้
คุณสามารถแก้ไขไฟล์ _config.yml
เพื่อปรับแต่งบล็อกของคุณ คุณสามารถเปลี่ยนสิ่งต่าง ๆ เช่นชื่อของบล็อกผู้แต่งการปรากฏตัวของธีม (แสงมืดหรืออัตโนมัติ) วิธีการจัดรูปแบบวันที่ ฯลฯ ฟิลด์ที่ปรับแต่งได้ควรตรงไปตรงมาเพื่อทำความเข้าใจ ถึงกระนั้น _config.yml
มีความคิดเห็นบางอย่างเพื่อช่วยให้คุณเข้าใจว่าแต่ละฟิลด์ทำอะไร
สำหรับการปรับแต่งเพิ่มเติม (เช่นเค้าโครง CSS) ดูเอกสารของ Jekyll อย่างเป็นทางการเกี่ยวกับการปรับแต่งธีมอัญมณี
ในการเพิ่ม/แก้ไข/ลบรายการในหน้าแรกคุณสามารถคัดลอกไฟล์ home.yml
ภายในโฟลเดอร์ _data
ผ่านไฟล์นั้นคุณสามารถกำหนดโครงสร้างของเมนูและเพิ่มข้อมูลสำหรับ Navbar, footer, พอร์ตโฟลิโอหรือเพียงแค่ลบทั้งหมดและใช้เลย์เอาต์บล็อกอย่างง่าย ดูการกำหนดค่าเริ่มต้นเพื่อรับทราบวิธีการทำงานและอ่านต่อเพื่ออธิบายการอธิบายที่ครอบคลุมมากขึ้น
ไฟล์ home.yml
ยอมรับฟิลด์ต่อไปนี้:
entries
กำหนดรายการที่ไม่ได้เรียงลำดับใหม่ที่จะมีรายการเมนู-
ที่จุดเริ่มต้นของบรรทัดtitle
ซึ่งกำหนดข้อความให้แสดงผลสำหรับรายการเมนูนั้นurl
ซึ่งอาจเป็น URL หรือ false
หากเป็น false
รายการจะแสดงเป็นข้อความธรรมดา มิฉะนั้นรายการจะแสดงเป็นลิงค์ที่ชี้ไปที่ URL ที่ระบุ โปรดทราบว่า URL สามารถเป็นญาติหรือสัมบูรณ์post_list
ซึ่งอาจเป็น true
หรือ false
หากเป็นจริงรายการจะมีโพสต์ทั้งหมดในเว็บไซต์เป็น subentries สิ่งนี้ใช้ในการแสดงรายการโพสต์ของคุณentries
ใช่คุณสามารถมีรายการภายในรายการ ด้วยวิธีนี้คุณสามารถสร้าง Sublist ที่ซ้อนกันได้!project_entries
ในไฟล์ _data/home.yml
-
ที่จุดเริ่มต้นของบรรทัดtitle
กำหนดส่วนหัวของการ์ดdesc
เป็นร่างของการ์ดurl
เป็นลิงค์สัมพัทธ์หรือสัมบูรณ์ซึ่งการ์ดใบนี้สามารถชี้ไปที่highlight
ในกรณีที่คุณต้องการเน้นบางสิ่งบางอย่างให้ข้อความสั้น ๆnavbar_entries
และ footer_entries
ในไฟล์ data/home.yml
-
ที่จุดเริ่มต้นของบรรทัดtitle
กำหนดส่วนหัวของการ์ดurl
เป็นลิงค์สัมพัทธ์หรือสัมบูรณ์ซึ่งการ์ดใบนี้สามารถชี้ไปที่index.md
ของคุณเพื่อใช้รูปแบบบ้านหรือบล็อก html {
--bg : # fff ;
--bg-secondary : # f3f4f6 ;
--headings : # 1e293b ;
--text : # 374151 ;
--text-secondary : # 6b7280 ;
--links : # 6366f1 ;
--highlight : # ffecb2 ; // light yellow
--code-text : # 9d174d ;
}
@mixin dark-appearance {
html , body {
--headings : # 74c0fc ;
--links : # 91a7ff ;
--highlight : # 41c7c7 ;
--bg : # 1f242a ;
--bg-secondary : # 323945 ;
--text : # adb5bd ;
--text-secondary : # 9ca3af ;
--code-text : # 91a7ff ;
};
}
publish_token
ของคุณในไฟล์ _config.yml
- ด้วยสิ่งนี้แต่ละหน้าจะได้รับ URL สั้น ๆ เช่นปุ่มและการสร้างภาพแชร์อัตโนมัติสำหรับโซเชียลมีเดีย รายงานข้อผิดพลาดและคำขอดึงยินดีต้อนรับบน GitHub ที่ https://github.com/abhinavs/moonwalk
ในการตั้งค่าสภาพแวดล้อมของคุณเพื่อพัฒนาธีมนี้ให้เรียกใช้ bundle install
ธีมของคุณคือการตั้งค่าเช่นเดียวกับไซต์ Jekyll ปกติ! ในการทดสอบธีมของคุณเรียกใช้ bundle exec jekyll serve
และเปิดเบราว์เซอร์ของคุณที่ http://localhost:4000
สิ่งนี้เริ่มต้นเซิร์ฟเวอร์ Jekyll โดยใช้ธีมของคุณ เพิ่มหน้าเอกสารข้อมูล ฯลฯ เช่นปกติเพื่อทดสอบเนื้อหาของธีม ในขณะที่คุณทำการปรับเปลี่ยนธีมและเนื้อหาของคุณเว็บไซต์ของคุณจะงอกใหม่และคุณควรเห็นการเปลี่ยนแปลงในเบราว์เซอร์หลังจากรีเฟรชเหมือนปกติ
When your theme is released, only the files in _layouts
, _includes
, _sass
and assets
tracked with Git will be bundled. หากต้องการเพิ่มไดเรกทอรีที่กำหนดเองให้กับธีมของคุณโปรดแก้ไข regexp ใน moonwalk.gemspec
ตามนั้น
ฐานดั้งเดิมของธีมนี้ไม่มีสไตล์โปรด! ชุดรูปแบบที่สร้างโดย Riccardo Graziosi - ขอบคุณมากสำหรับการสร้างธีมที่ยอดเยี่ยมโดยแทบไม่มี CSS
ชุดรูปแบบมีให้เป็นโอเพ่นซอร์สภายใต้ข้อกำหนดของใบอนุญาต MIT
ถ้าคุณชอบ Moonwalk ลองดูโครงการอื่น ๆ ของฉัน
⚡คุณสามารถอ่านเพิ่มเติมเกี่ยวกับฉันในบล็อกของฉันหรือติดตามฉันบน Twitter - @Abhinav
⚡ถ้าคุณชอบงานของฉันคุณสามารถซื้อกาแฟให้ฉันได้