मेनरोड छवि प्रबंधन

हुगो छवियों के मुख्य रूप से मेनरॉड में विवरण, प्रकार और आकार

Page content

मेनरोड हुगो Hugo स्टैटिक साइट जनरेटर के लिए एक थीम है और इसके अलावा यह अच्छा दिखता है और इसमें बहुत खराब छवि हैंडलिंग है

जैसा कि आप देख सकते हैं, यह साइट उसी दृष्टिकोण का उपयोग कर रही है, मार्कडाउन में टेक्स्ट लिखें, छवियां जोड़ें, फिर हुगो के साथ - एचटीएमएल, जेएस और सीएसएस फ़ाइलों का एक अच्छा दिखता हुआ बैच बनाएं।

टॉपइमेज

कहां

थंबनेल एक पेज के फ्रंट मैटर में परिभाषित होते हैं

thumbnail: img/thumb.jpg

थंबनेल दृश्यता को कॉन्फ़िग फ़ाइल में निर्धारित किया जाता है

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

मेनरोड के साथ कुछ कठिनाइयाँ हैं

  • मेनरोड /static फ़ोल्डर में थंबनेल छवियों की खोज करता है, पेज बंडल में नहीं।
  • डिफ़ॉल्ट रूप से एक छवि दोनों लिस्ट पेज थंबनेल और डिटेल पेज शीर्ष छवि के लिए उपयोग की जाती है।
  • थंबनेल छोटे नहीं होते, बस पब्लिक में कॉपी कर दिए जाते हैं

असुविधाएं…

  • ऊपर वाला विवरण डिटेल पेज छवि के रूप में थंबनेल का उपयोग करते समय बहुत कम बैंडविड्थ के उपयोग के लिए बहुत अक्षम बनाता है
  • स्टैटिक फ़ोल्डर में छवियों को संग्रहित करना बहुत असुविधाजनक है (मुझे), भले ही पैरलेल पोस्ट ट्री संरचना में हो, पेज बंडल में नहीं

छवि प्रकार और आकार

थंबनेल

  • छोटा सूची (मोबाइल दृश्य) 73x53
  • मध्यम सूची (डेस्कटॉप दृश्य) 235x171

विस्तृत पेज - आंतरिक

  • मैक्स डेस्कटॉप 678x495
  • आईपैड प्रो 597x436
  • आईफोन एक्सआर 374x273
  • आईफोन 14 मैक्स 390x285
  • आईपैड मिनी 479x350

समाधान

यह है कि

  • स्टैटिक फ़ोल्डर में - मध्यम सूची (डेस्कटॉप दृश्य) के लिए थंबनेल छवियां 235x171
  • पूर्वनिर्धारित थंबनेल सेट होना चाहिए - जैसे 10 ऐसे, और सबसे उपयुक्त या घूमना
  • पेज बंडल में - डेस्कटॉप छवि 678x495
  • पेज टेक्स्ट में उन्हें संदर्भित करें ![छवि](लोकलइमेज.png)
  • थंबनेल दृश्यता को निर्धारित करें = [“सूची”]

उपयोगी लिंक