معالجة صور Mainroad

تفاصيل صور هوجو في مين رواد، الأنواع والأحجام

Page content

Mainroad هو نموذج لـ Hugo مولّد المواقع الثابتة، ويتميز بتصميم جذاب وتعامل ممتاز مع الصور

كما ترى، يستخدم هذا الموقع نفس الطريقة، كتابة النصوص باستخدام markdown وإضافة الصور، ثم باستخدام hugo - إنتاج ملفات html وjs وcss جميلة وممتعة.

topimage

أين

يتم تعريف الصور المصغرة في مقدمة الصفحة

thumbnail: img/thumb.jpg

تُضبط رؤية الصور المصغرة في ملف config.toml

[Params.thumbnail]
  visibility = ["list", "post"]

يبحث Mainroad عن الصور المصغرة في مجلد /static، وليس في حزمة الصفحة.
بشكل افتراضي، تُستخدم صورة واحدة لكل من الصورة المصغرة في صفحة القائمة والصورة العلوية في صفحة التفاصيل.
لا يتم تغيير حجم الصور المصغرة، بل تُنسخ فقط إلى المجلد العام.

الإزعاجات…

يؤدي هذا إلى استخدام غير فعال جداً للعرض النطقي عندما تُستخدم صورة صفحة التفاصيل كصورة مصغرة.
من المتعب جداً (لدي) تخزين الصور في مجلد static، حتى في هيكل الأشجار المتوازي لمنشورات، وليس في حزمة الصفحة.

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

صفحة التفاصيل - داخلي

هو تخزين

في مجلد static - صور مصغرة لعرض القائمة المتوسط (سطح المكتب) 235x171
امتلاك مجموعة محددة مسبقًا من الصور المصغرة - مثل 10 من هذه الصور، واستخدام الأكثر مناسبة أو تدويرها
في حزمة الصفحة - صور لسطح المكتب 678x495
في نص الصفحة، أشير إليها ![img](localimg.png)
تكوين رؤية الصورة المصغرة = [“list”]