$lang['tuto'] = "টিউটোরিয়াল"; ?> বাহ্যিক হোস্টিং

বাহ্যিক হোস্টিং ছাড়াই আপনার GitHub README.md-এ ছবি যোগ করা

বাহ্যিক হোস্টিং ছাড়াই আপনার GitHub README.md-এ ছবি যোগ করা
বাহ্যিক হোস্টিং ছাড়াই আপনার GitHub README.md-এ ছবি যোগ করা
Arthur Petit
শুক্রবার, ২৮ জুন, ২০২৪ ১:০৮:৫৬ PM

GitHub README.md-এ সরাসরি ছবি এম্বেড করা

সম্প্রতি, আমি GitHub-এ যোগদান করেছি এবং সেখানে আমার কিছু প্রকল্প হোস্ট করা শুরু করেছি। আমি যে কাজের সম্মুখীন হয়েছিলাম তার মধ্যে একটি হল আমার README ফাইলে ছবি অন্তর্ভুক্ত করার প্রয়োজন।

সমাধানগুলি অনুসন্ধান করা সত্ত্বেও, আমি যা পেয়েছি তা হল তৃতীয় পক্ষের ওয়েব পরিষেবাগুলিতে চিত্রগুলি হোস্ট করার এবং তাদের সাথে লিঙ্ক করার পরামর্শ। বহিরাগত হোস্টিং উপর নির্ভর না করে সরাসরি ছবি যোগ করার একটি উপায় আছে?

আদেশ বর্ণনা
base64.b64encode() Base64 স্ট্রিং-এ বাইনারি ডেটা এনকোড করে, মার্কডাউনে সরাসরি ছবি এম্বেড করার জন্য উপযোগী।
.decode() Base64 বাইটকে একটি স্ট্রিং-এ রূপান্তর করে, এটিকে HTML/মার্কডাউন-এ এম্বেড করার জন্য প্রস্তুত করে।
with open("file", "rb") বাইনারি রিড মোডে একটি ফাইল খোলে, ইমেজ ডেটা পড়ার জন্য প্রয়োজনীয়।
read() একটি ফাইলের বিষয়বস্তু পড়ে, এখানে এনকোডিংয়ের জন্য চিত্র ডেটা পড়তে ব্যবহৃত হয়।
write() একটি ফাইলে ডেটা লেখে, একটি টেক্সট ফাইলে Base64 এনকোড করা স্ট্রিং আউটপুট করতে এখানে ব্যবহৃত হয়।
f-string স্ট্রিং লিটারালের ভিতরে এক্সপ্রেশন এম্বেড করার জন্য পাইথন সিনট্যাক্স, একটি HTML img ট্যাগে এনকোড করা ছবি এম্বেড করার জন্য ব্যবহৃত হয়।

কিভাবে GitHub README.md-এ ছবি এম্বেড করবেন

উপরের প্রদত্ত স্ক্রিপ্টগুলি তৃতীয় পক্ষের হোস্টিং পরিষেবাগুলির উপর নির্ভর না করে আপনার GitHub README.md ফাইলে ছবি যুক্ত করার বিভিন্ন পদ্ধতি প্রদর্শন করে৷ প্রথম স্ক্রিপ্ট ব্যবহার করে base64.b64encode() একটি ছবিকে একটি বেস64 এনকোডেড স্ট্রিং-এ রূপান্তর করতে। এই পদ্ধতিটি কার্যকর কারণ এটি আপনাকে সরাসরি README ফাইলের মধ্যে ইমেজ এম্বেড করতে দেয়। দ্য with open("image.png", "rb") কমান্ড বাইনারি রিড মোডে ইমেজ ফাইল খোলে, স্ক্রিপ্টকে ইমেজ ডেটা পড়ার অনুমতি দেয়। দ্য encoded_string = base64.b64encode(image_file.read()).decode() লাইনটি একটি বেস64 স্ট্রিং-এ ইমেজ ডেটা এনকোড করে এবং এইচটিএমএল-এ এম্বেড করার জন্য উপযুক্ত ফর্ম্যাটে ডিকোড করে। অবশেষে, স্ক্রিপ্ট এই এনকোড করা স্ট্রিংটিকে একটি টেক্সট ফাইলে লেখে, একটি HTML হিসাবে ফর্ম্যাট করা হয় ট্যাগ

দ্বিতীয় স্ক্রিপ্টটি চিত্রগুলি এম্বেড করতে GitHub এর কাঁচা URL বৈশিষ্ট্যটি কীভাবে ব্যবহার করতে হয় তা প্রদর্শন করে। আপনার ছবি সরাসরি আপনার সংগ্রহস্থলে আপলোড করে এবং কাঁচা URL অনুলিপি করে, আপনি আপনার README.md ফাইলে এই URLটি উল্লেখ করতে পারেন৷ আদেশ ![Alt text](https://raw.githubusercontent.com/username/repo/branch/images/image.png) মার্কডাউনে ইমেজ লিঙ্কটি কিভাবে ফরম্যাট করতে হয় তা দেখায়। এই পদ্ধতিটি সহজবোধ্য এবং অতিরিক্ত এনকোডিংয়ের প্রয়োজন নেই, তবে এটি আপনার সংগ্রহস্থলে উপলব্ধ চিত্রের উপর নির্ভর করে। তৃতীয় পদ্ধতিটি আপনার সংগ্রহস্থলে সঞ্চিত চিত্রগুলিকে উল্লেখ করার জন্য আপেক্ষিক পথ ব্যবহার করে। একটি নির্দিষ্ট ডিরেক্টরিতে আপনার ছবি আপলোড করার পরে, আপনি আপেক্ষিক পথ ব্যবহার করতে পারেন ![Alt text](images/image.png) আপনার README.md-এ এই পদ্ধতিটি আপনার ইমেজ লিঙ্কগুলিকে সংগ্রহস্থলের বিভিন্ন শাখা এবং কাঁটাগুলির মধ্যে কার্যকরী রাখে, যতক্ষণ না ডিরেক্টরি কাঠামোটি সামঞ্জস্যপূর্ণ থাকে।

Base64 এনকোডিং ব্যবহার করে GitHub README.md-এ ছবি এম্বেড করা

বেস 64 এনকোডিংয়ের জন্য পাইথন স্ক্রিপ্ট

import base64
with open("image.png", "rb") as image_file:
    encoded_string = base64.b64encode(image_file.read()).decode()
with open("encoded_image.txt", "w") as text_file:
    text_file.write(f"<img src='data:image/png;base64,{encoded_string}'>")

কাঁচা বিষয়বস্তুর URL এর মাধ্যমে GitHub README.md-এ ছবি যুক্ত করা হচ্ছে

GitHub এর কাঁচা URL বৈশিষ্ট্য ব্যবহার করে

1. Upload your image to the repository (e.g., /images/image.png)
2. Copy the raw URL of the image: https://raw.githubusercontent.com/username/repo/branch/images/image.png
3. Embed the image in your README.md:
![Alt text](https://raw.githubusercontent.com/username/repo/branch/images/image.png)

রিলেটিভ পাথ সহ মার্কডাউনের মাধ্যমে README.md-এ ছবি এম্বেড করা

মার্কডাউনে আপেক্ষিক পাথ ব্যবহার করা

1. Upload your image to the repository (e.g., /images/image.png)
2. Use the relative path in your README.md:
![Alt text](images/image.png)
3. Commit and push your changes to GitHub

GitHub অ্যাকশনের সাথে README.md-এ ছবি এম্বেড করা

তৃতীয় পক্ষের হোস্টিং ব্যবহার না করে আপনার GitHub README.md ফাইলে ছবি অন্তর্ভুক্ত করার আরেকটি পদ্ধতি হল GitHub অ্যাকশন ব্যবহার করে ইমেজ এম্বেডিং প্রক্রিয়া স্বয়ংক্রিয় করা। GitHub অ্যাকশনগুলি সরাসরি আপনার সংগ্রহস্থলে কর্মপ্রবাহগুলি স্বয়ংক্রিয় করতে পারে। উদাহরণস্বরূপ, আপনি একটি ওয়ার্কফ্লো তৈরি করতে পারেন যা স্বয়ংক্রিয়ভাবে ছবিগুলিকে Base64-এ রূপান্তরিত করে এবং আপনার README.md ফাইল আপডেট করে৷ এই পদ্ধতিটি নিশ্চিত করে যে আপনার সংগ্রহস্থলের একটি নির্দিষ্ট ফোল্ডারে যোগ করা যেকোন ছবি স্বয়ংক্রিয়ভাবে README-এ এনকোড করা এবং এমবেড করা হয়েছে।

এই ধরনের একটি ওয়ার্কফ্লো সেট আপ করতে, আপনাকে একটি YAML ফাইল তৈরি করতে হবে .github/workflows আপনার সংগ্রহস্থলের ডিরেক্টরি। এই ফাইলটি কার্যপ্রবাহের ধাপগুলিকে সংজ্ঞায়িত করবে, যার মধ্যে সংগ্রহস্থলটি পরীক্ষা করা, চিত্রগুলিকে এনকোড করার জন্য একটি স্ক্রিপ্ট চালানো এবং রিপোজিটরিতে ফিরে পরিবর্তনগুলি করা। এই প্রক্রিয়াটিকে স্বয়ংক্রিয় করার মাধ্যমে, আপনি ম্যানুয়াল হস্তক্ষেপ ছাড়াই আপনার README.md-কে সাম্প্রতিক চিত্রগুলির সাথে আপডেট রাখতে পারেন, দক্ষতার উন্নতি করতে এবং একটি সুবিন্যস্ত কর্মপ্রবাহ বজায় রাখতে পারেন৷

GitHub README.md এ এমবেডিং ইমেজ সম্পর্কিত প্রায়শ জিজ্ঞাসিত প্রশ্নাবলী

  1. আমি কিভাবে আমার GitHub সংগ্রহস্থলে ছবি আপলোড করব?
  2. আপনি ছবিগুলিকে GitHub-এ ফাইল ভিউতে টেনে এনে ফেলে দিয়ে বা ব্যবহার করে আপলোড করতে পারেন৷ git add আদেশ অনুসরণ করে git commit এবং git push.
  3. Base64 এনকোডিং কি?
  4. Base64 এনকোডিং বাইনারি ডেটাকে ASCII অক্ষর ব্যবহার করে একটি টেক্সট ফরম্যাটে রূপান্তর করে, এটিকে টেক্সট নথিতে ছবির মতো বাইনারি ফাইল এম্বেড করার জন্য উপযুক্ত করে তোলে।
  5. আমি কিভাবে GitHub এ একটি ছবির কাঁচা URL পেতে পারি?
  6. আপনার সংগ্রহস্থলের ছবিতে ক্লিক করুন, তারপর "ডাউনলোড" বোতামে ক্লিক করুন। কাঁচা URLটি আপনার ব্রাউজারের ঠিকানা বারে থাকবে।
  7. কেন README.md-এ ছবির জন্য আপেক্ষিক পাথ ব্যবহার করবেন?
  8. আপেক্ষিক পাথগুলি নিশ্চিত করে যে চিত্র লিঙ্কগুলি আপনার সংগ্রহস্থলের বিভিন্ন শাখা এবং কাঁটাগুলির মধ্যে কার্যকরী থাকে৷
  9. আমি কি ইমেজ এম্বেডিং স্বয়ংক্রিয় করতে গিটহাব অ্যাকশন ব্যবহার করতে পারি?
  10. হ্যাঁ, আপনি স্বয়ংক্রিয়ভাবে ছবি এনকোড করতে এবং আপনার README.md ফাইল আপডেট করতে GitHub অ্যাকশনের সাথে একটি ওয়ার্কফ্লো তৈরি করতে পারেন।
  11. গিটহাব অ্যাকশনগুলি ব্যবহার করার জন্য আমার কি কোন বিশেষ অনুমতি দরকার?
  12. যতক্ষণ আপনার কাছে সংগ্রহস্থলে লেখার অ্যাক্সেস থাকে, আপনি গিটহাব অ্যাকশন ওয়ার্কফ্লো তৈরি এবং চালাতে পারেন।
  13. README.md-এ Base64 এনকোডিং ব্যবহার করার সুবিধা কী?
  14. Base64 এনকোডেড স্ট্রিং হিসাবে ছবিগুলিকে এম্বেড করা README.md ফাইলের মধ্যে সেগুলিকে স্বয়ংসম্পূর্ণ রাখে, বহিরাগত ইমেজ হোস্টিংয়ের উপর নির্ভরতা দূর করে৷
  15. আমি কি আমার README.md এ অ্যানিমেটেড GIF এম্বেড করতে পারি?
  16. হ্যাঁ, আপনি সরাসরি লিঙ্ক, বেস64 এনকোডিং বা আপেক্ষিক পাথ দ্বারা বর্ণিত একই পদ্ধতি ব্যবহার করে অ্যানিমেটেড GIF গুলি এম্বেড করতে পারেন৷

README.md-এ ছবি এম্বেড করার বিষয়ে চূড়ান্ত চিন্তাভাবনা

আপনার GitHub README.md ফাইলে ছবি এম্বেড করা আপনার প্রজেক্টের ভিজ্যুয়াল আবেদন এবং স্বচ্ছতা বাড়ায়। বেস64 এনকোডিং, কাঁচা URL এবং আপেক্ষিক পাথের মতো পদ্ধতিগুলি ব্যবহার করে, আপনি বহিরাগত হোস্টিং পরিষেবাগুলির উপর নির্ভর না করেই ছবিগুলিকে কার্যকরভাবে অন্তর্ভুক্ত করতে পারেন৷ GitHub অ্যাকশনগুলির সাথে এই প্রক্রিয়াটিকে স্বয়ংক্রিয় করা চিত্র পরিচালনাকে আরও সহজ করে। এই কৌশলগুলি আপনার কাজের একটি পেশাদার এবং পালিশ উপস্থাপনা বজায় রাখতে সাহায্য করে, আপনার সংগ্রহস্থলগুলিকে আরও আকর্ষক এবং তথ্যপূর্ণ করে তোলে।