rescenic.github.io

ธีม Purelog สำหรับ Jekyll

เทมเพลตที่ตอบสนองและออกแบบมาอย่างดีเพื่อช่วยให้คุณเริ่มต้นบล็อกหรือเว็บไซต์ถัดไป
สำรวจเอกสาร »

ดูการสาธิต · รายงานข้อผิดพลาด · คุณสมบัติคำขอ

เกี่ยวกับโครงการ

Purelog เป็นธีมแถบด้านข้างที่ตอบสนองสำหรับโปรแกรมสร้าง JAMstack Jekyll ยอดนิยมที่ใช้เฟรมเวิร์ก Pure.css ขั้นต่ำเท่านั้น (ซึ่งเป็นที่มาของชื่อ!) ในขณะที่ยังคงปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดที่เป็นไปได้สำหรับการเข้าถึงและการเพิ่มประสิทธิภาพกลไกค้นหา

ฉันสร้างสิ่งนี้หลังจากเสร็จสิ้น Watery (ซึ่งสร้างจากธีมนี้) เพื่อเพิ่มฟังก์ชันการทำงานและการออกแบบมากขึ้นในขณะที่ยังคงมีน้ำหนักเบาที่สุดเท่าที่จะเป็นไปได้

โปรเจ็กต์นี้มุ่งเป้าไปที่ผู้ที่มองหาธีมที่น่าสนใจสำหรับ Jekyll ที่มีคุณสมบัติที่ไม่พบทั่วไปในที่อื่น โดยเฉพาะอย่างยิ่งการมีส่วนแยกต่างหากสำหรับ: การเขียนบล็อก การจดบันทึก และรายการบันทึกประจำวัน

คุณสมบัติ

นี่คือคุณสมบัติที่น่าสนใจบางประการของธีม Jekyll นี้:

• _BLANK_config.yml ว่างเปล่าที่ปรับแต่งได้อย่างเต็มที่เพื่อให้การเริ่มต้นใช้งานเป็นเรื่องง่าย
• ฟังก์ชั่นการค้นหาบนเว็บไซต์ที่รวดเร็วโดยใช้ Simply Jekyll Search
• คอลเลกชันที่กำหนดเองสำหรับสื่อประเภทต่างๆ (การจดบันทึก การเขียนบันทึกประจำวัน ฯลฯ)
• หน้าเก็บถาวรที่สร้างขึ้นอัตโนมัติที่แสดงรายการทั้งหมดจากคอลเลกชัน ทั้งหมด
• สร้างแท็กและหน้าหมวดหมู่อัตโนมัติ
• มีคอลเลกชัน _pages เพื่อการจัดระเบียบที่ง่ายขึ้น
• ประวัติผู้เขียนอยู่ท้ายแต่ละโพสต์ (อยู่ใน _inclues/author.html )
• รองรับ Full Rouge สำหรับการเน้นไวยากรณ์ (ปัจจุบันใช้ base16.solarized.light )
• ฟีด RSS ที่สร้างขึ้นอัตโนมัติ แผนผังเว็บไซต์ คุณสมบัติการเข้าถึง และการเพิ่มประสิทธิภาพกลไกค้นหา

การติดตั้ง

ข้อกำหนดเบื้องต้น

Jekyll ต้องการสิ่งต่อไปนี้:

• Ruby เวอร์ชัน 2.5.0 หรือสูงกว่า
• RubyGems
• GCC และยี่ห้อ

ดูข้อกำหนดสำหรับคำแนะนำและรายละเอียด

คำแนะนำ

1. ติดตั้งข้อกำหนดเบื้องต้นทั้งหมด
2. ติดตั้งอัญมณี jekyll และ Bundler

 gem install jekyll bundler

3. โคลนที่เก็บนี้

 git clone https://github.com/rescenic/rescenic.github.io.git

4. เปลี่ยนเป็นไดเร็กทอรีใหม่ของคุณ

 cd rescenic.github.io

5. ติดตั้ง gems จาก Gemfile

 bundle install

6. สร้างไซต์และทำให้พร้อมใช้งานบนเซิร์ฟเวอร์ภายในเครื่อง

 bundle exec jekyll serve --livereload

7. เรียกดู http://localhost:4000

หากคุณพบข้อผิดพลาดใดๆ ในระหว่างกระบวนการนี้ ให้ตรวจสอบว่าคุณได้ติดตั้งข้อกำหนดเบื้องต้นทั้งหมดในข้อกำหนดแล้ว

หากคุณยังคงประสบปัญหา โปรดดูการแก้ไขปัญหา

เริ่มต้นใช้งาน

เมื่อคุณมี Jekyll พร้อมใช้งานแล้ว มีเพียงไม่กี่ขั้นตอนที่จำเป็นในการทำให้ธีมนี้เป็นของคุณเอง:

1. กรอกไฟล์คอนฟิกูเรชัน _BLANK_config.yml และแทนที่ _config.yml ปัจจุบัน
2. ลบโฟลเดอร์ example_posts ใน _posts , _notes , _journals และเริ่มเขียนของคุณเอง!
3. แก้ไขหรือลบหน้าใน _pages ตามที่คุณต้องการ
4. (ไม่บังคับ) แก้ไขหรือลบ README.md นี้ด้วยข้อมูลเกี่ยวกับโครงการหรือบล็อกของคุณเอง
5. (ไม่บังคับ) แก้ไขไฟล์ CSS ในโฟลเดอร์ assets เพื่อปรับแต่งเว็บไซต์

แผนการทำงาน

มีคุณสมบัติหลายประการที่ฉันยังคงวางแผนจะสร้างและบูรณาการ ได้แก่:

• สร้างธีมอัญมณี
• เพิ่มปุ่มที่ง่ายและอัตโนมัติให้กับ "Deploy to Netlify", Heroku ฯลฯ
• เพิ่มการตรวจสอบการรวม Travis อย่างต่อเนื่อง
• เพิ่มเอกสารประกอบเพิ่มเติมสำหรับการสร้างคอลเลกชันที่กำหนดเองและเพจที่สร้างขึ้นอัตโนมัติ
• เพิ่มโพสต์และบทความตัวอย่างเพิ่มเติม

ดูปัญหาที่เปิดอยู่สำหรับรายการคุณลักษณะที่นำเสนอ (และปัญหาที่ทราบ)

มีส่วนร่วม

การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่น่าทึ่งสำหรับการเรียนรู้ สร้างแรงบันดาลใจ และสร้างสรรค์ การมีส่วนร่วมใด ๆ ที่คุณทำจะ ได้รับการชื่นชมอย่างมาก

1. ส้อมโครงการ
2. สร้าง Feature Branch ของคุณ ( git checkout -b feature/AmazingFeature )
3. ยอมรับการเปลี่ยนแปลงของคุณ ( git commit -m 'Add some AmazingFeature' )
4. พุชไปที่สาขา ( git push origin feature/AmazingFeature )
5. เปิดคำขอดึง

ใบอนุญาต

เผยแพร่ภายใต้ใบอนุญาต MIT คุณสามารถใช้โปรเจ็กต์นี้ได้ตามที่เห็นสมควรโดยไม่จำเป็นต้องระบุแหล่งที่มา

ดู LICENSE สำหรับข้อมูลเพิ่มเติม

ทรัพยากร

ในขณะที่สร้างธีมนี้ ฉันพบแหล่งข้อมูลที่เป็นประโยชน์และหายากมากมาย หากคุณต้องการเจาะลึกเข้าไปใน Jekyll ให้ลองดู:

• กระโดดเข้าสู่เจคิลล์: https://dev.to/brennan/jumping-into-jekyll-4o9h
• สูตรโกงของ Jekyll: https://devhints.io/jekyll
• หลักสูตรเกี่ยวกับ Jekyll: https://learn-the-web.algonquindesign.ca/topics/jekyll/
• Jekyll สำหรับนักออกแบบ: http://simpleprimate.com/jekyll-for-designers/index.html
• ลิขสิทธิ์แบบไดนามิกบน Jekyll: https://michaelsoolee.com/jekyll-copyright/
• การสร้าง breadcrumbs ใน Jekyll: https://jekyllcodex.org/without-plugin/breadcrumbs/
• แสดงรายการทั้งหมดจากคอลเลกชันทั้งหมด: https://stackoverflow.com/questions/31171041/listing-all-collections-in-jekyll

แหล่งข้อมูลอื่นๆ

• สำหรับตัวอย่างมาร์กดาวน์: https://jaspervdj.be/lorem-markdownum/
• กรณีศึกษาเกี่ยวกับประสิทธิภาพของ webfont: https://www.keycdn.com/blog/web-font-Performance
• .gitignore ที่กว้างขวาง: https://miuelmota.com/bytes/extensive-gitignore/

เครดิต

Pure.css ถูกสร้างขึ้นโดยกลุ่ม Pure CSS

Simple Jekyll Search สร้างขึ้นโดย Christian Fei

บันทึกและแนวคิดต่างๆ ถูกนำมาจาก Simply Jekyll โดย Raghuveer S..