ระบบบล็อกแนวนอนมัลติฟังก์ชั่นสไตล์ geek ยุคใหม่ - อิงจาก Nextjs
// ระบบบล็อกแนวนอนอเนกประสงค์ยุคถัดไปที่เกินบรรยาย - ขับเคลื่อนโดย Nextjs
ดูตัวอย่าง: บล็อกของ RavelloH
ด้วยเฟรมเวิร์กธีมที่ออกแบบใหม่ ตอนนี้ธีมนี้อยู่ในจุดสูงสุดในแง่ของประสิทธิภาพ โดยได้รับคะแนนสมบูรณ์แบบ 400/400 ในการทดสอบ Google PageSpeed Insights ผลการทดสอบ
จากประสบการณ์จริง RTheme ใช้ Web Worker เพื่อจัดการงานที่มีการโหลดสูงแบบอะซิงโครนัส โหลด/ดำเนินการเรนเดอร์แบบอะซิงโครนัส และหลีกเลี่ยงการบล็อกเพจ นอกจากนี้ การโหลดล่วงหน้าที่ใช้งานอยู่ยังช่วยลดความล่าช้าในการโหลดเพจอีกด้วย ในการอัปเกรดเวอร์ชัน v3 อย่างครอบคลุม ธีมได้ถูกแปลงเป็นแอปพลิเคชันหน้าเดียว และเมื่อรวมกับการเปลี่ยนเนื้อหาที่ราบรื่น ความคล่องได้รับการปรับปรุงอย่างมาก
RTheme ใช้ Github Actions เพื่อปรับใช้ในระบบคลาวด์โดยอัตโนมัติ โดยสามารถอัปเดตดัชนี อัปเดตการสมัครสมาชิกอัตโนมัติ อัปเดตแผนผังเว็บไซต์ คำแนะนำการข้ามบทความ และฟังก์ชันอื่น ๆ โดยอัตโนมัติโดยไม่ต้องมีการแทรกแซงในท้องถิ่น
นอกจากนี้ RTheme ยังได้ปรับโครงสร้างของตัวเองให้เหมาะสม ทำให้การเขียนบทความเป็นเรื่องง่ายมาก คุณเพียงแค่ต้องเข้าใจไวยากรณ์ HTML เท่านั้น คุณยังสามารถเลือกที่จะแก้ไขโดยใช้ Markdown ได้อีกด้วย หลังจากนั้น ส่วนประกอบต่างๆ จะถูกเพิ่มโดยอัตโนมัติและไม่มีการโต้ตอบเมื่อทำการเรนเดอร์
ธีมนี้ใช้การออกแบบที่ตอบสนอง และองค์ประกอบพื้นฐานใช้เค้าโครงแบบยืดหยุ่น/ตาราง ซึ่งทำงานได้ดีบนหน้าจอทุกขนาด
ธีมนี้มีฟังก์ชันที่หลากหลาย การตั้งค่าในตัว/การแบ่งปัน/การเล่นเพลงออนไลน์/การทดสอบความเร็วหลายไซต์/การค้นหาทั้งไซต์อัตโนมัติ/การจัดเรียงบทความแบบกำหนดเอง/การจัดทำดัชนีแท็กบทความและหมวดหมู่อัตโนมัติ/แผนผังไซต์/การสร้างอัตโนมัติ RSS/Atom /การแนะนำบทความอัตโนมัติ/การดาวน์โหลดขั้นสูงในตัว มีชุดฟังก์ชันต่างๆ เช่น เซิร์ฟเวอร์/การโหลดล่วงหน้าที่ใช้งานอยู่/อินเทอร์เฟซการเข้าสู่ระบบของผู้ใช้/API ภาพหน้าจอลิงก์ภายนอก ฯลฯ สร้างเฟรมเวิร์กธีมขั้นสูงสุดสำหรับ geeks
ยกเว้น loading.js
ซึ่งใช้เพื่อควบคุมการโหลดครั้งแรก สคริปต์อื่นๆ ในธีมจะรวมแต่ละฟังก์ชันไว้ในฟังก์ชันเพื่อให้แน่ใจว่าสามารถนำกลับมาใช้ใหม่ได้ และหลีกเลี่ยงการพึ่งพาการโหลดที่ไม่อยู่ในลำดับ
สิ่งนี้ทำให้การพัฒนารองเป็นเรื่องง่ายมาก และคุณสามารถใช้ฟังก์ชันซ้ำในเฟรมเวิร์กธีมได้โดยตรง
ธีมนี้จะสร้าง sitemap
ในสองรูปแบบโดยอัตโนมัติตามเนื้อหาของหน้าเพื่อเพิ่มประสิทธิภาพการรวบรวมข้อมูลของเครื่องมือค้นหา
ธีมนี้ได้รับการบูรณาการอย่างลึกซึ้งกับ RPageSearch ที่บูรณาการอย่างยั่งยืน เพื่อให้มีความสามารถในการค้นหาขั้นสูงทั่วทั้งไซต์สำหรับไซต์คงที่ ดู RavelloH/RPageSearch สำหรับรายละเอียด ประสิทธิภาพสูง/การค้นหาแบบเรียลไทม์/การสนับสนุนไวยากรณ์ปกติ/อะซิงโครนัส/ผู้ปฏิบัติงานบนเว็บ/การสร้างต่อเนื่องอัตโนมัติ/รูปแบบข้อมูลที่ขยายได้ ให้ฟังก์ชันการค้นหาที่หลากหลาย
ธีมจะสร้างข้อมูลการสมัครสมาชิกโดยอัตโนมัติในสามรูปแบบ: RSS
, Atom
และ JSON Feed
ตามเนื้อหาของหน้า
ธีมนี้ได้รับการสนับสนุนในตอนแรกโดย Chrome 58 (19 เมษายน 2017), Firefox 52 (7 มีนาคม 2017), Opera 45 (10 พฤษภาคม 2017) และ Safari ซึ่งให้การรับประกันความเข้ากันได้
หมายเหตุ: IE ไม่ทำงานและไม่รองรับ
ธีมนี้ใช้เทคโนโลยี PJAX สำหรับการโหลดหน้าเว็บและเพิ่มภาพเคลื่อนไหวการเปลี่ยนระหว่างสวิตช์การโหลดหน้าเว็บ
นอกจากนี้ ธีมยังจะอัปเดตแถบความคืบหน้าที่มุมซ้ายล่างขณะโหลดหน้าเพื่อแสดงสถานการณ์ต่างๆ เช่น การโหลด/หมดเวลาโหลด/โหลดเสร็จ/โหลดล้มเหลว
ธีมนี้มีเครื่องเล่นเพลงเนทีฟในตัวที่รองรับฟังก์ชันต่างๆ เช่น เล่น/สลับ/กระโดด/วนซ้ำ และสามารถค้นหาทางออนไลน์เพื่อใช้แหล่งข้อมูลออนไลน์ได้
นอกจากนี้ยังรองรับการเพิ่มเครื่องเล่นเพลงภายในบทความเพื่อเรียกโปรแกรมเล่นธีมสำหรับการเล่น
ธีมนี้มีฟังก์ชันการสลับองค์ประกอบที่ราบรื่นในตัว switchElementContext()
เพื่อให้แน่ใจว่าการสลับองค์ประกอบจะราบรื่นและเป็นธรรมชาติ
ขนาดตัวธีมน้อยกว่า 600KB และไม่มีเฟรมเวิร์กใดๆ จึงมั่นใจได้ถึงประสิทธิภาพการโหลดด้วยความเร็วสูง
ธีมนี้ใช้โค้ด highlight.js
เพื่อไฮไลต์ และใช้ Web Worker เพื่อโหลดพร้อมกันเพื่อป้องกันการบล็อกเพจ
ธีมสามารถจัดทำดัชนีบทความโดยอัตโนมัติด้วยแท็ก/หมวดหมู่ที่เกี่ยวข้องตามข้อมูลบทความโดยไม่มีการแทรกแซง
แพ็คเกจไฟล์ภาษาของธีมเป็นไฟล์แยกต่างหาก คุณสามารถเปลี่ยนเทมเพลตได้ตามความต้องการของคุณเอง และคุณยังสามารถใช้การปรับให้เป็นสากลได้อีกด้วย
สามารถกำหนดค่าธีมได้หลายวิธีเพื่อมอบประสบการณ์ที่เป็นส่วนตัว
รายการการตั้งค่าจะถูกจัดเก็บโดยใช้คุกกี้และสามารถสร้างได้อย่างรวดเร็วโดยใช้รายการเพื่อให้ง่ายต่อการใช้งาน
ธีมนี้สามารถสร้างสารบัญโดยอัตโนมัติตามชื่อเรื่องภายในบทความและไฮไลต์รายการอ่านเพื่อปรับปรุงประสบการณ์การอ่าน
บทความก่อนหน้า/ถัดไปจะแนะนำโดยอัตโนมัติในตอนท้ายของบทความ ไม่จำเป็นต้องตั้งค่าด้วยตนเอง ดูภาพด้านบนเพื่อดูเอฟเฟกต์
ธีมนี้มีตัวดาวน์โหลดในตัวเพื่อปรับปรุงความรู้สึกโดยรวม คุณสามารถใช้มันในบทความของคุณ
อ่านเพิ่มเติม#box下载box
คุณสามารถใช้การปรับใช้ vercle โดยตรง หรือคุณสามารถใช้ vps และวิธีการปรับใช้อื่นๆ
ดูhttps://ravelloh.top/posts/rthemev4-deployment-complete-guide
ยินดีต้อนรับการปรับปรุง/แก้ไข/เพิ่มฟังก์ชันการทำงานของธีม คุณสามารถดูการเปลี่ยนแปลงภายในเครื่องได้โดยใช้ nodejs
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm dev
เอ็มไอที