hugo PaperMod Mod

Hugo-Papermod-Mod

حفنة من أوراق الأنماط التي تعدل مظهر موضوع Hugo Papermod. يتضمن الصور المصغرة وجدول الشريط الجانبي للمحتويات.

• الصورة المصغرة
• الشريط الجانبي TOC
• آحرون
• تثبيت

الصورة المصغرة

يستخدم ملف Thumbnail.css ، تصميم شبكة CSS لتغيير موضع صور الغلاف في إدخالات البريد. إنه متكيف ويغير التصميم إذا كان عرض الصفحة غير كافٍ كما هو موضح في الفيديو أدناه.

Thumbnail.mp4

جدول الشريط الجانبي للمحتويات

يستخدم ملف SIDETOC.CSS ، تصميم شبكة CSS لتغيير موضع TOC إلى الجانب في منشورات واحدة. يحدد الموضع على sticky بحيث تبقى TOC على الصفحة أثناء التمرير.

الشريط الجانبي. mp4

تغييرات QOL أخرى

custom.css

• قم بزيادة عرض الصفحات بعد الصفحة الرئيسية
• زيادة عرض الصور الموضوعة في قسم HomeInfo
• زيادة حجم الخط للنص الموجز
• حدد الحد الأقصى لعرض غطاء ما بعد وتوافقه على المركز.

تثبيت

ما عليك سوى نسخ ملفات CSS التي تريدها من هذا المستودع إلى assets/css/extended لمشروع Hugo الخاص بك.