hugo PaperMod Mod

Hugo-Papermod-Mod

พวงของสไตล์ชีทที่ปรับเปลี่ยนรูปลักษณ์ของธีม Hugo Papermod รวมถึงรูปขนาดย่อและแถบด้านข้างของสารบัญ

• รูปขนาดย่อ
• แถบด้านข้าง TOC
• คนอื่น
• การติดตั้ง

รูปขนาดย่อ

ไฟล์ Thumbnail.css ใช้เค้าโครง CSS Grid เพื่อเปลี่ยนตำแหน่งของภาพหน้าปกในรายการโพสต์ มันเป็นการปรับตัวและเปลี่ยนเลย์เอาต์หากความกว้างของหน้าไม่เพียงพอตามที่ระบุไว้ในวิดีโอด้านล่าง

Thumbnail.mp4

แถบด้านข้างของสารบัญ

ไฟล์ sidetoc.css ใช้เค้าโครง CSS Grid เพื่อเปลี่ยนตำแหน่งของ TOC ไปทางด้านข้างในโพสต์เดียว มันตั้งค่าตำแหน่งให้ sticky เพื่อให้ TOC อยู่บนหน้าเว็บขณะเลื่อน

แถบด้านข้าง mp4

การเปลี่ยนแปลง QOL อื่น ๆ

custom.css

• เพิ่มความกว้างของหน้าโพสต์มากกว่าหน้าแรก
• เพิ่มความกว้างของภาพที่อยู่ในส่วน homeinfo
• เพิ่มขนาดตัวอักษรของข้อความสรุป
• ตั้งค่าขีด จำกัด บนความกว้างของฝาครอบโพสต์และจัดแนวตรงกลาง

การติดตั้ง

เพียงคัดลอกไฟล์ CSS ที่คุณต้องการจากที่เก็บนี้ไปยัง assets/css/extended ของโครงการ Hugo ของคุณ