GitHub এ README.md ইমেজ যোগ করুন




markdown github-flavored-markdown (16)

সম্প্রতি আমি জিথহুব যোগদান করেছি। আমি সেখানে কিছু প্রকল্প হোস্ট।

আমি আমার README ফাইলের কিছু ছবি অন্তর্ভুক্ত করতে হবে। আমি জানি না কিভাবে সেটা করতে হবে।

আমি এটি সম্পর্কে অনুসন্ধান করেছি, কিন্তু আমার কাছে এমন কিছু লিঙ্ক ছিল যা আমাকে "ওয়েবে চিত্রগুলি হোস্ট করে এবং README.md ফাইলটিতে চিত্র পথ নির্দিষ্ট করে" বলে।

কোন তৃতীয় পক্ষের ওয়েব হোস্টিং সেবা ইমেজ হোস্টিং ছাড়া এটি করার কোন উপায় আছে?


আমি আমার README ফাইলের কিছু ছবি অন্তর্ভুক্ত করতে হবে। আমি জানি না কিভাবে সেটা করতে হবে।

আমি একটি ছোট উইজার্ড তৈরি করেছি যা আপনাকে আপনার GitHub সংগ্রহস্থলের ReadmeGalleryCreatorForGitHub জন্য সহজ চিত্র গ্যালারী তৈরি এবং কাস্টমাইজ করতে দেয়: ReadmeGalleryCreatorForGitHub দেখুন।

README.md সত্যিকারের সুবিধা গ্রহণ করে যে GitHub README.mdREADME.md ঘটতে README.md । এছাড়াও, উইজার্ডটি ইস্যু এলাকার ড্র্যাগ'আড্রপপিংয়ের মাধ্যমে GitHub এ চিত্রগুলি আপলোড করার জনপ্রিয় কৌশলটি ব্যবহার করে (যেমন ইতিমধ্যে এই থ্রেডে উত্তরের একটিতে উল্লেখ করা হয়েছে)।


এটা যে চেয়ে অনেক সহজ।

শুধু আপনার ছবিটি রিপোজিটরি রুটে আপলোড করুন, এবং কোনও পথ ছাড়াই ফাইলের নাম লিঙ্ক করুন, যেমন:

![Screenshot](screenshot.png)

সর্বশেষ

উইকিপিডিয়া PNG, JPEG, বা GIF চিত্র প্রদর্শন করতে পারে

এখন আপনি ব্যবহার করতে পারেন:

[[https://github.com/username/repository/blob/master/img/octocat.png|alt=octocat]]

-অথবা-

এই পদক্ষেপগুলি অনুসরণ করুন:

  1. GitHub এ, রিপোজিটরির প্রধান পৃষ্ঠায় নেভিগেট করুন।

  2. আপনার সংগ্রহস্থল নাম অধীনে, উইকি ক্লিক করুন।

  3. উইকি সাইডবার ব্যবহার করে, আপনি যে পৃষ্ঠায় পরিবর্তন করতে চান তা নেভিগেট করুন এবং তারপরে সম্পাদনা ক্লিক করুন।

  4. উইকি টুলবারে, চিত্রটি ক্লিক করুন।

  5. "চিত্র সন্নিবেশ করান" ডায়ালগ বাক্সে, চিত্র URL টি এবং Alt পাঠ্য টাইপ করুন (যা সার্চ ইঞ্জিন এবং স্ক্রীন পাঠকদের দ্বারা ব্যবহৃত হয়)।
  6. ঠিক আছে ক্লিক করুন।

Docs পড়ুন।


আপনার README.md এ কেবলমাত্র একটি <img> ট্যাগটি আপেক্ষিক উৎসের সাথে আপনার রিপোজিটরিতে যুক্ত করুন। আপনি আপেক্ষিক src ব্যবহার করছেন না, সার্ভার CORS সমর্থন করে তা নিশ্চিত করুন।

এটি কাজ করে কারণ GitHub সমর্থন inline-html

<img src="/docs/logo.png" alt="My cool logo"/>
# My cool project and above is the logo of it

here পর্যবেক্ষণ here


আপনি বিকল্প Github CDN লিঙ্কটি ব্যবহার করে README.md (অথবা বাইরের) থেকে আপনার প্রোজেক্টের চিত্রগুলিতে লিঙ্ক করতে পারেন।

ইউআরএল এই রকম দেখাবে:

https://cdn.rawgit.com/<USER>/<REPO>/<BRANCH>/<PATH>/<TO>/<FILE>

আমার প্রোজেক্টে আমার একটি SVG চিত্র রয়েছে, এবং যখন আমি এটি পাইথন প্রকল্প নথিতে উল্লেখ করি, এটি রেন্ডার করে না।

প্রকল্প লিঙ্ক

এখানে ফাইলের প্রকল্প লিঙ্ক (একটি চিত্র হিসাবে রেন্ডার করা হয় না):

https://github.com/jongracecox/anybadge/blob/master/examples/awesomeness.svg

উদাহরণ এমবেডেড ইমেজ:

কাঁচা লিঙ্ক

এখানে ফাইলটিতে RAW লিঙ্কটি রয়েছে (এখনও একটি চিত্র হিসাবে উপস্থাপিত হয় না):

https://raw.githubusercontent.com/jongracecox/anybadge/master/examples/awesomeness.svg

উদাহরণ এমবেডেড ইমেজ:

সিডিএন লিঙ্ক

সিডিএন লিঙ্কটি ব্যবহার করে, আমি ফাইলটি ব্যবহার করতে পারি (একটি চিত্র হিসাবে রেন্ডার করে):

https://cdn.rawgit.com/jongracecox/anybadge/master/examples/awesomeness.svg

উদাহরণ এমবেডেড ইমেজ:

এইভাবে আমি আমার README.md থেকে আমার README.md ফাইলে উভয় চিত্রগুলি ব্যবহার করতে এবং আমার পাইপি প্রকল্প পুনঃনির্মাণিত ডকুমেন্টেশনে ( here )


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

![Alt text](relative/path/to/img.jpg?raw=true "Title")

আমরা কেবল এই কাজ করতে পারেন,

  • GitHub একটি নতুন সমস্যা তৈরি করুন
  • ইস্যু শরীরের div ইমেজ টেনে আনুন এবং ড্রপ

কয়েক সেকেন্ড পরে, একটি লিঙ্ক তৈরি করা হবে। এখন, লিঙ্ক বা ইমেজ ইউআরএল অনুলিপি করুন এবং এটি কোন সমর্থিত প্ল্যাটফর্ম ব্যবহার করুন।


আমার ক্ষেত্রে আমি imgur ব্যবহার করি এবং সরাসরি এই লিঙ্কটি ব্যবহার করি।

![img](http://i.imgur.com/yourfilename.png)

আমি এই সমস্যা সমাধান করেছেন। আপনি শুধুমাত্র অন্য কারো readme ফাইল পড়ুন প্রয়োজন।

প্রথমে, আপনি একটি ইমেজ ফাইল আপলোড করতে হবে জিথুব কোড লাইব্রেরি! তারপর ইমেজ ফাইল ঠিকানা সরাসরি রেফারেন্স।




আমি জেননহাব ব্যবহার করে এটি আপডেট করতে চেয়েছিলাম, কারণ জিথহুব এবং জেনহাব তাদের গ্রাফিকাল লেআউটগুলি পরিবর্তন করেছেন।

আপনি যদি ZenHub ইনস্টল করেন এবং আপনার GitHub এ অ্যাক্সেসের অনুমতি দেন, তবে আপনি একবার আপনার রেপোতে জেনহুব ট্যাবে নেভিগেট করতে পারেন এবং একটি নতুন সমস্যা খুলতে পারেন।

এটি ইউটিউব ভিডিও পোস্টিংয়ের একটি হালনাগাদ সংস্করণ।

ধাপ 1:

পদক্ষেপ 2: সেখানে থেকে আপনি একটি সংযুক্তি খুলতে পারেন।

পদক্ষেপ 3: এবং তারপর থেকে আপনি স্বয়ংক্রিয়ভাবে তৈরি লিঙ্ক ব্যবহার করতে পারেন। এই ভাবে আপনি ইমেজ জন্য একটি নতুন repo তৈরি সঙ্গে বিরক্ত করতে হবে না।

তারপরে প্রদত্ত ইউআরএল সহ স্ট্যান্ডার্ড মার্কডাউন সিনট্যাক্স ব্যবহার করুন।

পদক্ষেপ 4

![alt text](image URL from ZenHub issue)

পদক্ষেপ 5 ইস্যু খসড়া বন্ধ করতে ভুলবেন না এবং আসলে এটি জমা দেবেন না। ইমেজ ইউআরএল এখনও সঠিকভাবে কাজ করা উচিত!


আমি সাধারণত সাইটে ইমেজ হোস্ট, এই কোনো হোস্ট ইমেজ লিঙ্ক করতে পারেন। শুধু readme এই টস। .rst ফাইলের জন্য কাজ করে, নিশ্চিত না .md

.. image:: https://url/path/to/image
   :height: 100px
   :width: 200 px
   :scale: 50 %

এই মার্কডাউনটি ব্যবহার করে দেখুন:

![alt text](http://url/to/img.png)

আমি মনে করি আপনি যদি আপনার সংগ্রহস্থলের মধ্যে সংরক্ষিত থাকে তবে আপনি সরাসরি একটি চিত্রের কাঁচা সংস্করণে লিঙ্ক করতে পারেন। অর্থাত

![alt text](https://raw.githubusercontent.com/username/projectname/branch/path/to/img.png)

সম্পাদন করুন: শুধু gh-pages ব্যবহার করে প্রস্তাবিত নিবন্ধ লিঙ্ক লিঙ্ক মন্তব্য লক্ষ্য। এছাড়াও, আপেক্ষিক লিঙ্ক উপরে পোস্ট করা পরম URL গুলির তুলনায় একটি ভাল ধারণা হতে পারে।


পোস্ট সমাধান অনেক অসম্পূর্ণ বা আমার স্বাদ না।

  • Imgur মত একটি বাহ্যিক সিডিএন চেইন অন্য হাত যোগ করে। সাধরণ।
  • ইস্যু ট্র্যাকার একটি ডামি সমস্যা তৈরি একটি হ্যাক। এটি ক্লাস্টার সৃষ্টি করে এবং ব্যবহারকারীদের বিভ্রান্ত করে। এটি একটি ব্যথা, বা GitHub বন্ধ এই সমাধান মাইগ্রেশন।
  • ঘ-পৃষ্ঠা শাখা ব্যবহার করে ইউআরএল ভঙ্গুর করে তোলে। Gh-page বজায় রাখার প্রকল্পে অন্য একজন ব্যক্তি হয়তো এই চিত্রগুলির উপর নির্ভর করে কিছু বাহ্যিক জানেন না। জি-পৃষ্ঠাগুলির শাখাটিতে গিথহাবের একটি বিশেষ আচরণ রয়েছে যা সিডিএন চিত্র হোস্ট করার জন্য প্রয়োজনীয় নয়।
  • সংস্করণ নিয়ন্ত্রণ ট্র্যাকিং সম্পদ একটি ভাল জিনিস। একটি প্রকল্প বৃদ্ধি এবং পরিবর্তন হিসাবে এটি একাধিক ব্যবহারকারীদের দ্বারা পরিবর্তন এবং পরিচালনা ট্র্যাক করার একটি টেকসই উপায়।
  • যদি কোনও চিত্রটি সফটওয়্যারটির নির্দিষ্ট সংশোধনতে প্রযোজ্য হয় তবে এটি একটি অননুমোদিত চিত্র লিঙ্ক করার পক্ষে আরও ভাল হতে পারে। এইভাবে, যদি ছবিটির পরে সফটওয়্যারগুলিতে পরিবর্তনগুলি প্রতিফলিত করার জন্য আপডেট করা হয় তবে যে সংশোধনটির পাঠযোগ্য পাঠ্যটি পড়ছে সেটি সঠিক চিত্রটি খুঁজে পাবে।

আমার পছন্দের সমাধান, এই গীতা দ্বারা অনুপ্রাণিত, নির্দিষ্ট সংশোধনগুলিতে পারমলিংক সহ একটি সম্পদ শাখা ব্যবহার করা।

git checkout --orphan assets
git reset --hard
cp /path/to/cat.png .
git add .
git commit -m 'Added cat picture'
git push -u origin assets
git rev-parse HEAD  # Print the SHA, which is needed below.

ইমেজ এই সংশোধন করার জন্য একটি "permalink" গঠন, এবং Markdown এ এটি মোড়ানো:

![Cat](https://raw.githubusercontent.com/{user}/{repo}/{sha}/cat.png)

যেমন

![Cat](https://raw.githubusercontent.com/paulmelnikow/zsh-startup-timer/3923c60fc66d4223ccf063d169ccf2ff167b1270/cat.png)

সম্পদ শাখাতে সর্বদা সর্বশেষ চিত্রটি দেখানোর জন্য, sha এর পরিবর্তে assets ব্যবহার করুন:

![Cat](https://raw.githubusercontent.com/{user}/{repo}/assets/cat.png)


যদি আপনাকে ডকুমেন্টেশনের জন্য কিছু ছবি আপলোড করতে হয় তবে git-lfs ব্যবহার করা একটি চমৎকার পদ্ধতি। আপনি git-lfs ইনস্টল করেছেন সেগুলি এই পদক্ষেপগুলি অনুসরণ করুন:

  1. আপনার প্রতিটি ইমেজ টাইপ জন্য git lfs intialize:

    git lfs *.png
    git lfs *.svg
    git lfs *.gif
    git lfs *.jpg
    git lfs *.jpeg
    
  2. ইমেজ অবস্থান যেমন ব্যবহার করা হবে একটি ফোল্ডার তৈরি করুন। doc । জিএনইউ / লিনাক্স এবং ইউনিক্স ভিত্তিক সিস্টেমে এটি করা যেতে পারে:

    cd project_folder
    mkdir doc
    git add doc
    
  3. কপি ফোল্ডারে কোন ছবি পেস্ট করুন। পরে git add কমান্ডের মাধ্যমে তাদের যুক্ত করুন।

  4. Commit এবং ধাক্কা।

  5. ছবিগুলি নিম্নলিখিত url এ সর্বজনীনভাবে উপলব্ধ:

    https://media.githubusercontent.com/media/ ^ github_username ^ / ^ repo ^ / ^ শাখা ^ / ^ image_location repo তে ^

যেখানে: * ^github_username^ এ ব্যবহারকারী ^github_username^ (আপনি প্রোফাইল পৃষ্ঠায় এটি খুঁজে পেতে পারেন) * ^repo_name^ হল রিপোজিটরি নাম * ^branch^ হল রিপোজিটরি শাখা যেখানে চিত্রটি আপলোড করা হয়েছে * ^image_location in the repo^ এ ফোল্ডার ধারণকারী অবস্থান ধারণকারী ছবিটি সংরক্ষণ করা হয়।

এছাড়াও আপনি প্রথমে ছবিটি আপলোড করতে পারেন এবং তারপর আপনার প্রোজেক্টগুলি জিথুব পৃষ্ঠায় অবস্থান পরিদর্শন করতে পারেন এবং ছবিটি না পাওয়া পর্যন্ত নেভিগেট করুন এবং download বোতাম টিপুন এবং তারপর ব্রাউজারের ঠিকানা বার থেকে url অনুলিপি করুন।

রেফারেন্স হিসাবে আমার প্রকল্প থেকে this দেখুন।

তারপরে উপরে উল্লিখিত মার্কডাউন সিনট্যাক্স ব্যবহার করে আপনি তাদের অন্তর্ভুক্ত করতে url ব্যবহার করতে পারেন:

![some alternate text that describes the image](^github generated url from git lfs^)

উদাহরণস্বরূপ: ধরুন আমরা এই ছবিটি ব্যবহার করি তাহলে আপনি মার্কডাউন সিনট্যাক্স ব্যবহার করতে পারেন:

![In what order to compile the files](https://media.githubusercontent.com/media/pc-magas/myFirstEnclave/master/doc/SGX%20Compile%20workflow.png)

  • আপনি একটি নতুন সমস্যা তৈরি করতে পারেন
  • আপলোড (ড্র্যাগ এবং ড্রপ) ইমেজ আপলোড করুন
  • ছবির URL টি অনুলিপি করুন এবং এটি আপনার README.md ফাইলে আটকে দিন।

এখানে একটি বিস্তারিত ইউটিউব ভিডিও বিস্তারিতভাবে ব্যাখ্যা করেছেন:

https://www.youtube.com/watch?v=nvPOUdz5PL4


  • ইমেজ যোগ সংক্রান্ত একটি সমস্যা তৈরি করুন
  • ড্র্যাগ এবং ড্রপ বা ফাইল চয়নকারী দ্বারা ইমেজ যোগ করুন
  • তারপর ইমেজ উৎস অনুলিপি করুন

  • এখন যোগ করুন ![alt tag](http://url/to/img.png) আপনার README.md ফাইলটিতে

সম্পন্ন!

বিকল্পভাবে আপনি ইমেজ মত কিছু ইমেজ হোস্টিং সাইট ব্যবহার করতে পারেন এবং এটির url পেতে পারেন এবং এটি আপনার README.md ফাইলে যুক্ত করতে পারেন অথবা আপনি কিছু স্ট্যাটিক ফাইল হোস্টিং ব্যবহার করতে পারেন।

নমুনা সমস্যা







readme