ฮิวโก้ ลิฟอฟฟ์
คำเตือน: ฉันไม่มีเวลาทำงานในธีมนี้อีกต่อไปด้วยเหตุผลหลายประการ ไม่น่าจะเป็นไปได้ที่ฉันจะสามารถแก้ไขปัญหาของคุณได้และไม่มีการวางแผนคุณลักษณะเพิ่มเติม แม้ว่าธีมจะยังคงเผยแพร่ต่อสาธารณะก็ตาม คุณสามารถแยกมันได้ตามใจชอบ หากคุณต้องการเปลี่ยนแปลงครั้งใหญ่ ฉันจะพิจารณารวมคำขอดึงแก้ไขข้อบกพร่องแบบง่าย ๆ ขออภัยในความไม่สะดวกที่อาจเกิดขึ้น โปรดดูบันทึกประจำรุ่น v3.4.3 สำหรับรายละเอียดเพิ่มเติม
เกี่ยวกับ
Hugo Liftoff เป็นธีมบล็อก/ผลงานแบบมินิมอลที่เน้นไปที่การสร้างเนื้อหาและแนวทางปฏิบัติที่ดีที่สุดสำหรับ SEO เป็นตัวเลือกที่เหมาะสำหรับผู้ใช้ด้านเทคนิคที่เริ่มต้นสร้างแบรนด์ส่วนตัว
เอกสารประกอบ
เอกสารฉบับเต็มโฮสต์อยู่ใน Github Wiki ของ repo นี้
โปรดเปิดปัญหาหากคุณพบข้อผิดพลาดในเอกสารหรือมีข้อเสนอแนะในการปรับปรุง
เว็บไซต์สาธิต
การสาธิตการทำงานของธีมนี้พร้อมให้สาธารณชนได้รับการประเมิน
เนื้อหา exampleSite ที่รวมอยู่ในธีม ซึ่งคุณสามารถคัดลอกลงในโปรเจ็กต์ของคุณเองได้ฟรี จะสะท้อนเนื้อหาที่ใช้ในการสาธิต แนวคิดเบื้องหลังคือการช่วยให้คุณเริ่มต้นได้อย่างรวดเร็วและจำลองคุณสมบัติใดๆ ที่คุณเห็นในการสาธิตที่คุณคิดว่าอาจมีประโยชน์ในโปรเจ็กต์ของคุณเอง
คุณสมบัติเด่น
- ส่วนย่อยของเนื้อหาที่มีความสามารถในการกรองโพสต์ล่าสุดบนหน้าแรกตามส่วนย่อย
- อนุกรมวิธานการโพสต์ซีรีส์ด้วยโพสต์เดี่ยวที่แสดงรายการโพสต์ทั้งหมดในซีรีส์ปัจจุบัน
- ลิงก์ถัดไป/ก่อนหน้าที่ส่วนท้ายของโพสต์เดี่ยวสำหรับโพสต์ส่วนย่อยหรือโพสต์ซีรีส์ (หากเปิดใช้งาน)
- สลับโหมดสว่าง/มืดโดยใช้คุณสมบัติที่กำหนดเองของ CSS
- เมนู JS แบบพับได้ที่ตอบสนองต่อมือถือ พร้อมรองรับเมนูย่อยอัตโนมัติตามการกำหนดค่าเมนู
- จดหมายข่าวที่ปรับแต่งได้ด้วยการรองรับ Netlify Forms และการควบคุมการมองเห็นแบบมีเงื่อนไข
- และอีกมากมาย...
ภาพรวมของคุณสมบัติ
ด้านล่างนี้เป็นคุณสมบัติปัจจุบันของธีมนี้ คุณลักษณะที่มีป้ายกำกับว่า เป็นทางเลือก หรือ frontmatter สามารถเปิด/ปิดใช้งานได้ในการกำหนดค่าหรือ frontmatter ตามลำดับ
เน็ตลิฟาย
- ส่วนหัว / การเปลี่ยนเส้นทางที่กำหนดเองด้วย Netlify (ไม่บังคับ)
- แบบฟอร์ม Netlify รองรับการเลือกรับจดหมายข่าวและหน้าติดต่อ (ไม่บังคับ)
- ตัวอย่างไฟล์
netlify.toml เพื่อการปรับใช้ที่คล่องตัว
บุคคลที่ 3
- Google Analytics เวอร์ชัน 4
- Google Tag Manager เป็นทางเลือกแทน GA (ไม่บังคับ)
- แสดงความคิดเห็น (ไม่บังคับ)
- ปิดใช้งานความคิดเห็นแบบต่อหน้า (ไม่บังคับ) (ส่วนหน้า)
จดหมายข่าว
- การเลือกรับจดหมายข่าวพร้อมการรองรับ Netlify Forms (ไม่บังคับ) (ส่วนหน้า)
- การแสดงการเลือกรับจดหมายข่าวทั่วโลก (ไม่บังคับ)
- ส่วนหัวจดหมายข่าว คำอธิบาย และข้อความ CTA ที่ปรับแต่งได้ (ไม่บังคับ)
- แทนที่จดหมายข่าวทั่วโลกแบบต่อหน้า (ไม่บังคับ) (ส่วนหน้า)
- เปิดหรือปิดใช้งานจดหมายข่าวในแต่ละหน้า (ส่วนหน้า)
ทางสังคม
- Native Twitter, Mastodon, Github, Stack Overflow, LinkedIn และอีเมลลิงก์โซเชียลด้วย SVG (ตัวเลือก)
- เปิดหรือปิดใช้งานลิงก์โซเชียลในส่วนท้าย ฮีโร่ของหน้าแรก และหน้าเกี่ยวกับ (ไม่บังคับ)
- เปิดหรือปิดใช้งานลิงก์โซเชียลแต่ละรายการ (ไม่บังคับ)
- Facebook, LinkedIn, Twitter, Reddit และส่งอีเมลไอคอนแชร์โซเชียลพร้อม SVG สำหรับโพสต์ (ตัวเลือก)
- เปิดหรือปิดใช้งานไอคอนแชร์โซเชียลแต่ละรายการ (ไม่บังคับ)
SEO/อาร์เอสเอส
- เทมเพลต Open Graph, Twitter Cards และ Schema.org ที่ปรับปรุงใหม่
- ฟีด RSS ที่ไม่รวมหน้าใดๆ ที่อยู่นอกส่วนโพสต์
- ชื่อที่ปรับแต่งได้และแท็กชื่อ SEO หรือใช้ชื่อสำหรับทั้งสองอย่าง (ส่วนหน้า)
- สรุปที่ปรับแต่งได้และคำอธิบายเมตาหรือใช้คำอธิบายสำหรับทั้งสองอย่าง (ส่วนหน้า)
- เมตาแท็กผู้เขียนที่กำหนดเอง (ไม่บังคับ) (ส่วนหน้า)
- แท็กชื่อที่กำหนดเองและคำอธิบายเมตาสำหรับทุกหน้า (ไม่บังคับ) (ส่วนหน้า)
-
robots.txt และ sitemap.xml - ปิดใช้งานการรวบรวมข้อมูลของเครื่องมือค้นหา (ไม่บังคับ)
ซีรี่ส์ / ส่วนย่อย
- ส่วนย่อยของเนื้อหาที่มีความสามารถในการกรองโพสต์ล่าสุดบนหน้าแรกตามส่วนย่อย (ไม่บังคับ)
- อนุกรมวิธานการโพสต์ซีรีส์ด้วยโพสต์เดี่ยวที่แสดงรายการโพสต์ทั้งหมดในซีรีส์ปัจจุบัน (ไม่บังคับ)
- ลิงก์ถัดไป/ก่อนหน้าที่ส่วนท้ายของโพสต์เดี่ยวสำหรับโพสต์ส่วนย่อยหรือโพสต์ซีรีส์ (หากเปิดใช้งาน)
- การสนับสนุนส่วนย่อยสำหรับโพสต์ที่มีลิงก์ถาวรที่กำหนดเองสำหรับ URL SEO ที่สะอาด (ตัวเลือก)
- เมนู JS แบบพับได้ที่ตอบสนองต่อมือถือ พร้อมรองรับเมนูย่อยอัตโนมัติตามการกำหนดค่าเมนู
หน้าแรก
- ปรับแต่งชื่อฮีโร่และคำบรรยายในหน้าแรก (ส่วนหน้า)
- ปรับแต่งส่วนหัวของโพสต์และโครงการในหน้าแรก (ส่วนหน้า)
โพสต์และโครงการ
- สารบัญเหนียวที่สามารถสลับได้สำหรับโพสต์ (ส่วนหน้า)
- โพสต์ที่เกี่ยวข้อง (ส่วนหน้า)
- ไอคอนแชร์โซเชียลสำหรับโพสต์ (ส่วนหน้า)
- เวลาในการอ่านและจำนวนคำสำหรับโพสต์
- วันที่แก้ไขล่าสุดสำหรับการโพสต์ (ไม่บังคับ)
- URL สดที่ปรับแต่งได้, URL แหล่งที่มาและรายละเอียดสแต็กเทคโนโลยีสำหรับโปรเจ็กต์ (ส่วนหน้า)
- อนุกรมวิธานแท็กและหมวดหมู่
- อนุกรมวิธานประเภทโครงการสำหรับการจัดหมวดหมู่โครงการ
- โพสต์และโครงการล่าสุดในหน้าแรก
ข้อมูลโค้ด
- การเน้นไวยากรณ์
- ปุ่มคัดลอกเพียงคลิกเดียวและตัวบ่งชี้ภาษาสำหรับข้อมูลโค้ด
ซีเอสเอส/JS
- สลับโหมดสว่าง/มืดโดยใช้คุณสมบัติที่กำหนดเองของ CSS
- เพิ่ม CSS / JS ที่กำหนดเองใน
assets - การลดขนาด CSS และ JS
- ไปป์ไลน์สร้างส่วนหน้าด้วย ESBuild และ ToCSS
- การประมวลผล PostCSS สำหรับคำนำหน้าอัตโนมัติ (ไม่บังคับ)
-
npm เป็นทางเลือกโดยสมบูรณ์ เว้นแต่จะใช้ PostCSS / Autoprefixer - สเกลการพิมพ์แบบไหลพร้อม
clamp() - ซอร์สแมปสำหรับ SCSS และ JS อยู่ระหว่างการพัฒนา
รูปภาพ
- การประมวลผลภาพด้วยทรัพยากร Hugo
- แสดงรูปภาพสำหรับโพสต์และโปรเจ็กต์จาก
assets หรือชุดเพจ (ส่วนหน้า) - รูปภาพอวตารของฮีโร่ในหน้าแรกที่กำหนดเอง (ไม่บังคับ)
- ปิดใช้งานตัวกรองอวาตาร์ระดับสีเทา (ไม่บังคับ)
- เปิด/ปิดการใช้งานไอคอน Fav (ทางเลือก)
ต้นแบบ
- เทมเพลตต้นแบบสำหรับโพสต์และโปรเจ็กต์
- การสนับสนุนกลุ่มเพจสำหรับเทมเพลตต้นแบบ
มาร์คดาวน์ฮุกส์
- Markdown เรนเดอร์ hooks สำหรับ codeblocks รูปภาพ ส่วนหัว และลิงก์
- ตัวบ่งชี้ภาษาสำหรับ codeblocks
- เพิ่มคลาส CSS ที่กำหนดเองเพื่อทำเครื่องหมายรูปภาพผ่านส่วน URL
- ไอคอน SVG ลิงก์จุดยึดส่วนหัว
เนื้อหาอื่น ๆ
- สร้างหน้าเดียวทั่วไปอย่างรวดเร็วด้วยเทมเพลตหน้าเดียวเริ่มต้น (ไม่บังคับ)
- ข้อความส่วนท้ายของมาร์กดาวน์เพิ่มเติม (ไม่บังคับ)
- เพิ่มป้ายกำกับให้กับแบบร่างที่กำลังพัฒนา (ไม่บังคับ)
- การสนับสนุนแบบตอบสนองสำหรับสไตล์มาร์กดาวน์ทั่วไป เช่น ตาราง
- เกี่ยวกับหน้าพร้อมลิงก์โซเชียล (ไม่บังคับ)
- หน้าติดต่อพร้อมการสนับสนุน Netlify Forms (ไม่บังคับ)
- ปรับแต่งข้อความสำรองสำหรับเนื้อหาว่าง (ไม่บังคับ)
ค่าเริ่มต้นของฮิวโก้
- ตัวอย่าง
hugo.toml ที่มีค่าเริ่มต้นการกำหนดค่า Hugo ส่วนใหญ่รวมอยู่ด้วยเพื่อการปรับแต่งที่ง่ายดาย - แทนที่การตั้งค่าคอนฟิกตามสภาพแวดล้อม Hugo
- รหัสย่อในตัว
- และอีกมากมาย...Hugo มีข้อเสนอมากมาย!
คุณสมบัติที่วางแผนไว้
คุณสมบัติต่อไปนี้ได้รับการวางแผนสำหรับการเปิดตัวในอนาคต
- การค้นหาไซต์แบบเรียลไทม์
- แกลเลอรี่ภาพสำหรับโครงการ
- รองรับ i18n
- สคีมาข้อมูลที่มีโครงสร้างของ Google ขั้นสูงเพิ่มเติม
- รหัสย่อที่กำหนดเองสำหรับสิ่งต่างๆ เช่น รายการโครงการ
การขอความช่วยเหลือ
หากต้องการส่งรายงานข้อบกพร่อง คำขอคุณลักษณะ หรือคำถามเกี่ยวกับการใช้งาน โปรดเปิดปัญหาบน Github โดยใช้เทมเพลตปัญหาอย่างใดอย่างหนึ่ง
มีส่วนร่วม
หากคุณต้องการมีส่วนร่วมในโครงการ ให้แยกและส่งคำขอดึงพร้อมกับการเปลี่ยนแปลงของคุณโดยใช้เทมเพลตคำขอดึง โปรดดูหลักเกณฑ์การบริจาคสำหรับรายละเอียดเพิ่มเติม
