গিটহাবের README.md এ চিত্রগুলি যুক্ত করুন

Question

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

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

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

কোনও তৃতীয় পক্ষের ওয়েব হোস্টিং পরিষেবাগুলিতে চিত্রগুলি হোস্টিং না করে কি উপায় আছে?

Comments

jefclaes.be/2012/04/add-images-to-github-readme.html

— বিস্ফোরণ বড়ি

সদৃশ stackoverflow.com/questions/10189356/... যা 2012 পোস্ট করা হয়েছে

— leetNightshade

অফ-টপিক নয়, গিটহাব একটি প্রোগ্রামারের সরঞ্জাম।

— ল্যান্স রবার্টস

গিথুব সংগ্রহস্থলের README- এ স্ক্রিনশট কীভাবে যুক্ত করবেন তার

— মার্কাস

Answer 1

এই মার্কডাউন চেষ্টা করে দেখুন:

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

আমি মনে করি আপনি যদি কোনও ইমেজটি আপনার ভাণ্ডারে সংরক্ষণ করেন তবে এটির কাঁচা সংস্করণে আপনি সরাসরি লিঙ্ক করতে পারেন। অর্থাত

![alt text](https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true)

Comments

আপনার আপেক্ষিক লিঙ্কগুলি

— ম্যাগ্লাগগুলি

আপেক্ষিক লিঙ্কগুলি এখানে দুর্দান্ত ব্যবহার নয়, কল্পনা করুন যে আপনার রিডমিটি এনপিএমে প্রদর্শিত হয় যা চিত্রটি এইভাবে হোস্ট করে না - এটি গিটহাবের সাথে লিঙ্ক করা দরকার। চিত্র srcs github.com ডোমেনে থাকা উচিত , Raw.github.com সাবডোমেন এবং কাঁচা . githubusercontent.com ডোমেনে নয়।

— লি ক্রসলে

আমি আসলে আপেক্ষিক পাথগুলি দিয়েই শেষ করেছিলাম (যা আমার কাছে ইমেজ ফাইলটির নাম মাত্র কারণ আমার শিকড়ের সবকিছু রয়েছে)। আমি README.md এর 2 কপি, / usr / শেয়ার / প্রকল্পের নাম / ডক্সে স্থানীয় ইনস্টলেশনের জন্য এবং একটি গিথবের জন্য একটি অনুলিপি বজায় রেখেছিলাম। এখনই, আমি উভয় ক্ষেত্রে একই README.md ব্যবহার করতে পারি যেহেতু চিত্রের ফাইলের নামগুলি উভয় ক্ষেত্রেই সূক্ষ্মভাবে কাজ করে। আমি যদি আমার README অংশগুলির একটি অনুলিপি অন্য কোথাও পোস্ট করতে চাই তবে আমাকে হয় অন্য কোথাও চিত্রগুলি হোস্ট করতে হবে বা কাঁচা.github.com ইউআরএল রাখতে হবে।

— কলিন কেইনান

গিটহাব নিজেই আপেক্ষিক পাথগুলি সুপারিশ করে: help.github.com/articles/relative-links-in-readmes পরম পাথগুলির একটি বড় ক্ষতি হ'ল, যদি চিত্রটি মাস্টার হিসাবে স্থানান্তরিত হয় তবে অন্যান্য শাখাগুলি যেগুলি এখনও পুরানো ইউআরএলকে নির্দেশ করে তা ভেঙে যাবে।

— জ্যাক ও'কনোর

বর্তমানে প্রস্তাবিত ডোমেনটি কাজ করছে বলে মনে হচ্ছে না এবং লিঙ্কটি এটির মতো হওয়া উচিত:https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true

— স্লাভিক শাইনকারেনকো

Answer 2

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

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

Comments

হ্যাঁ. যদি না আপনি performance.I'd নোট সম্পর্কে উদ্বিগ্ন হন পর্যন্ত সবচেয়ে সহজ পদ্ধিতি হল উপায় দ্বারা যে এই আপেক্ষিক ডিরেক্টরির না রেপো , তাই যদি আপনি 'about_pics.md' হিসেবে একই দির 'myimage.png' আছে তারপর মার্কআপটি হ'ল:![What is this](myimage.png)

— ধনী

এটি একটি দুর্দান্ত সমাধান কারণ 1) এটি কাজ করে 2) চিত্রগুলি স্থানীয় দর্শনেও প্রদর্শিত হয়, কোনও ইন্টারনেট অ্যাক্সেসের প্রয়োজন নেই

— রেগিস বি।

@ সমৃদ্ধ আপনি পারফরম্যান্স সম্পর্কে আপনার মন্তব্য উপর প্রসারিত করতে পারেন। আপেক্ষিক পথ পদ্ধতির সাথে কার্য সম্পাদনের সমস্যাগুলি কী কী?

— লেয়া হেইস

এই পথটি কিসের সাথে আপেক্ষিক?

— Dims

লি ক্রসলে দ্বারা চিহ্নিত হিসাবে, আপনার আপেক্ষিক লিঙ্কগুলি এড়ানো উচিত কারণ আপনার এনডিএম এ যখন রিডমি প্রদর্শিত হয় তখন সেগুলি ভেঙে যায়। পরিবর্তে, চিত্রটি ফর্ম্যাটটি এসভিজির মতো কিছু হলে "? সানিটাইজ = ট্রু" ফ্ল্যাগের সাথে গিথুব.কম ডোমেনের চিত্র এসআরসি-র সাথে লিঙ্ক করুন । : এই এইরকম উত্তর দেন এ আরো বিবরণ দেখুন stackoverflow.com/a/16462143/6798201

— AlienKevin

Answer 3

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

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

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

Comments

আমি যতদূর বুঝতে পারি আপনার সমস্যাটি সংরক্ষণ করার দরকার নেই । এইভাবে আপনার ইস্যু ট্র্যাকারে সেই ডামি টিকিটের সত্যই দরকার নেই। প্রশ্নটি যদি এটি একটি "নিরাপদ" পদ্ধতি, মানে যদি গিটহাব সনাক্ত করে (কিছু সময়ের পরে) চিত্রটি অনাথ হয়েছে এবং তাই এটি গিটহাব সিডিএন থেকে মুছে ফেলবে ??

— পিটারহ

এই উত্তরটি আমার পক্ষে নিখুঁতভাবে কাজ করেছে এবং রেপোর মধ্যে নতুন সমস্যাটি সংরক্ষণ করার দরকার নেই। আমি ইউটিউবে একটি ভিডিও পেয়েছি যা বিশদগুলিতে এটি ব্যাখ্যা করে: youtube.com/watch?v=nvPOUdz5PL4 ।

— ফ্রান্সিস্লাইনি ক্যাম্পোস

এই উত্তরটি কার্যকর হয়, এবং অল্প প্রচেষ্টা দরকার। সমস্যাটি ফেলে দেওয়া যেতে পারে, তবে চিত্রটির URL টি স্থির থাকে। চিত্রটির URL টির

— সাবুনকু

এটি একটি দুর্দান্ত কৌশল! তবে @ পিটারের প্রশ্নের উত্তর কি কেউ জানেন? গিটহাব সময়-সময় এতিম হওয়া চিত্রগুলি (যা এর সাথে কোনও সমস্যা নেই) মুছে ফেলবে?

— জনি ওশিকা

@ জোহনি ওশিকা আমি সন্দেহ করি যে গিথুবের বাইরের যে কেউ এর সুস্পষ্ট উত্তর দিতে পারে। এটি "ব্যবহারকারীর চিত্রগুলির জন্য যেমন ব্যবহার করা হয় তার উপর নির্ভরশীল ith যদি এটি শুধুমাত্র মন্তব্যে আপলোড করা চিত্রগুলির জন্য হয়, তবে এটি প্রশংসনীয় যে তারা নিখোঁজ থাকা ডেটা সম্পর্কের জন্য স্ক্যান করতে পারে এবং চিত্রটি সরাতে পারে। যদি এটি আরও সাধারণ হয় তবে অবশ্যই এটি নির্ধারণ করা কঠিন যে ফাইলটির কোনও রেফারেন্স নেই, এটি জটিলভাবে ব্যয়বহুল করে তোলে বা সমস্যা ছাড়াই মুছে ফেলা যায় তা নির্ধারণ করা চ্যালেঞ্জিং।

— yourbuddypal

Answer 4

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

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

![Screenshot](screenshot.png)

Comments

না, আমি গিট রেপোতে স্ক্রিনশট যুক্ত করা একটি ভাল অনুশীলন বলে মনে করি না। বিশেষত মূলে নয়। আহমদ আজমির উত্তরটি আরও ভাল

— আরনাড পি

মূলে নয় তবে আপনি সহজেই এটিকে docs/imagesবা যে কোনও সময়ের সাথে মানিয়ে নিতে পারেন , ছোট পিএনজি স্ক্রিনশটগুলি ঠিক আছে IMHO

— ক্রিস্টোফ রাউসি

এটি গ্রহণযোগ্য সমাধান হওয়া উচিত, esp। ছবিগুলিকে ডক / গাছের নীচে রাখার জন্য ক্রিস্টোফের পরামর্শ সহ

— মাইক এলিস

নিখুঁত .. !! যদি png অন্য ফোল্ডারে থাকে। সহজভাবে, "ফোল্ডারনাম / স্ক্রিনশট.পিএনজি"

— সৌমেন

আমি আপনার উত্তরটি আমার ক্ষেত্রে দরকারী বলে খুঁজে পেয়েছি: আমি গিতলাব এ আছি এবং রেপোতে logo.pngঅবতার সেট করতে আমি রেপোর গোড়ায় ছবি ব্যবহার করি । আমি এই ছবিটি README.md- এ অন্তর্ভুক্ত করতে চেয়েছিলাম।

— avi.elkharrat

Answer 5

আপনি সাধারণ এইচটিএমএল ট্যাগ সহ চিত্রগুলি যুক্ত করতে পারেন :

<p align="center">
  <img src="your_relative_path_here" width="350" title="hover text">
  <img src="your_relative_path_here_number_2_large_name" width="350" alt="accessibility text">
</p>

Comments

আপনি যখন নিজের ভিতরে এইচটিএমএল ট্যাগ (গুলি) ব্যবহার করেন তখন মার্কডাউন ফাইল। এটি সার্বজনীন নথি রূপান্তরকারী পান্ডোক দ্বারা উপেক্ষা করা হবে ।

— Lorem Ipsum ডলর

এটি সেরা তাই এটি কেন্দ্রীভূত বা একদিকে রাখা যেতে পারে (ছোট চিত্রগুলির জন্য, কমপক্ষে))

— অ্যালেক্সিস উইলক

আপেক্ষিক পথটি কীভাবে নির্দিষ্ট করবেন? এটি README.md এর সাথে সম্পর্কিত নয় (সব ক্ষেত্রে?)

— friederbluemle

Answer 6

পোস্ট করা সমাধানগুলির অনেকগুলি আমার স্বাদ থেকে অসম্পূর্ণ বা না।

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

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

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 optional, you'll see below.

চিত্রটির এই পুনর্বিবেচনার জন্য একটি "পারমালিঙ্ক" তৈরি করুন এবং মার্কডাউন এ এটি মোড়ানো করুন।

তবে কমিট এসএএএ হাতে নিয়ে যাওয়া অসুবিধাজনক, তবে শর্টকাট হিসাবে ওয়াই টিপুন একটি নির্দিষ্ট কমিটের একটি ফাইলের পারমলিংকের কাছে যেমন এই হেল্প.github পৃষ্ঠাটি বলেছে।

সম্পদ শাখায় সর্বদা সর্বশেষতম চিত্রটি দেখানোর জন্য ব্লব URL টি ব্যবহার করুন:

https://github.com/github/{repository}/blob/assets/cat.png 

(একই গিটহাব সহায়তা পৃষ্ঠা থেকে ফাইল ভিউগুলি একটি শাখায় সর্বশেষ সংস্করণ দেখায় )

Comments

এটি গৃহীত উত্তরের একটি ভাল পরিপূরক। সম্পদগুলি ট্র্যাক করা হয়েছে, চিত্রগুলি মাস্টার নয়, কোনও বিশৃঙ্খলা নেই। কেবলমাত্র সদাপ্রভু সম্পর্কে সতর্ক থাকুন git reset --hard; পরিবর্তনগুলি প্রতিশ্রুতিবদ্ধ ছিল তা নিশ্চিত করুন।

— dojuba

আপনার মেশিনে বন্য মধ্যে। আপনি যেখানেই থাকুন না কেন ফাইল হতে (ঘটবে তা নির্দেশ করতে পারেন ~/Downloads, /tmpইত্যাদি)।

— পৌলমনিকো

আমি কসম খেয়েছি আমার মনে আছে এমন একটি ডিরেক্টরি রয়েছে যা আপনি গিথুবটিতে প্রদর্শন করতে পারেন না can যতক্ষণ না আমি এটিকে ট্র্যাক করতে পারি, এই পোস্টটি ব্যবহার করা পরবর্তী সেরা জিনিসটির মতো মনে হয়। ধন্যবাদ!

— শাদোনিনজা

Answer 7

কমিট আপনার ইমেজ ( image.png একটি ফোল্ডার (IN) myFolder ) এবং আপনার নিম্নলিখিত লাইন যোগ README.md :

![Optional Text](../master/myFolder/image.png)

Answer 8

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

• তারপরে চিত্র উত্সটি অনুলিপি করুন

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

সম্পন্ন!

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

নমুনা ইস্যু

Comments

এটি আমার মতে এগুলি যুক্ত করার সহজতম উপায়। এগুলিকে কেবল বাক্সে টেনে আনুন, ঠিকানাটি অনুলিপি করুন এবং নীচে ক্যাপশন সহ এটি আপনার রিডমিতে পেস্ট করুন। বুম, আপনি কাজ শেষ।

— জো হিল

Answer 9

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

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

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

Comments

এই সরঞ্জামটি ভালবাসুন!

— ড্যান

আমিও এই সরঞ্জামটি পছন্দ করি, এটি গিটের ডিফল্ট বৈশিষ্ট্য হওয়া উচিত !!

— শ্রীদত্ত কোঠারি

Answer 10

কেবলমাত্র <img>আপনার README.md এ একটি ট্যাগ যুক্ত করুন আপনার os যদি আপনি আপেক্ষিক src ব্যবহার না করেন তবে নিশ্চিত হয়ে নিন যে সার্ভারটি CORS সমর্থন করে।

এটি কাজ করে কারণ গিটহাব ইনলাইন-এইচটিএমএল সমর্থন করে

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

এখানে পর্যবেক্ষণ করুন

Answer 11

বেসিক সিনট্যাক্স

![myimage-alt-tag](url-to-image)

এখানে:

1. আমার-চিত্র-Alt-ট্যাগ: পাঠ্যটি প্রদর্শিত হবে না যদি চিত্র প্রদর্শিত না হয়।
2. url-to-image: আপনার চিত্রের সংস্থান যাই হোক না কেন। ছবিটির ইউআরআই

উদাহরণ:

![stack Overflow](http://lmsotfy.com/so.png)

এটি নিম্নলিখিতগুলির মতো দেখাবে:

Answer 12

টেবিলগুলি বাইরে দাঁড়ানোর জন্য ব্যবহার করুন, এটি এতে আলাদা মনোযোগ দেবে

সারণি সিনট্যাক্সটি হ'ল:

প্রতিটি কলাম কক্ষ প্রতীক দ্বারা পৃথক করুন |

এবং সারণী শিরোনাম (প্রথম সারি) দ্বারা দ্বিতীয় সারির দ্বারা by ---

| করল 1 | কল 2 |
| ------------ | ------------- |
| চিত্র 1 | চিত্র 2 |

আউটপুট

<img src="url/relativePath">আপনি যদি দুটি চিত্র ব্যবহার করছেন তবে এখন চিত্র 1 এবং চিত্র 2 এ রাখুন

দ্রষ্টব্য: যদি একাধিক চিত্র ব্যবহার করে আরও বেশি কলাম অন্তর্ভুক্ত থাকে তবে আপনি এটিকে পঠনযোগ্য দেখানোর জন্য প্রস্থ এবং উচ্চতার বৈশিষ্ট্যটি ব্যবহার করতে পারেন।

উদাহরণ

| করল 1 | কল 2 |
| ------------ | ------------- |
| <img src="https://media.wired.com/photos/5926db217034dc5f91becd6b/master/w_582,c_limit/so-logo-s.jpg" width="250"> | <img src="https://mk0jobadderjftub56m0.kinstacdn.com/wp-content/uploads/stackoverflow.com-300.jpg" width="250">|

ব্যবধানে কিছু যায় আসে না

আউটপুট চিত্র

সাহায্য করেছেন: অ্যাডাম-পি

Comments

টেবিলের ব্যবহার ওপি-র প্রশ্নের প্রসঙ্গের সাথে সম্পর্কিত নয়।

— mhucka

কোনও অ্যাপের স্ক্রিনশট যুক্ত করা এইভাবে সুন্দরভাবে করা যায়, ধন্যবাদ

— উপজাহ

টেবিলের পরিবর্তে সিএসএস ব্যবহার করুন, এটি আপনার বিশ্বকে কাঁপিয়ে তুলবে।

— জেফ্ম্কনিল

Answer 13

আপনি ঠিক করতে পারেন:

git checkout --orphan assets
cp /where/image/currently/located/on/machine/diagram.png .
git add .
git commit -m 'Added diagram'
git push -u origin assets

তারপরে আপনি এটির READMEমতো ফাইলটিতে এটি উল্লেখ করতে পারেন:

![diagram](diagram.png)

Comments

নিখুঁত এবং খাস্তা।

— বিশ্বজিৎ দাশ

এটি কাজ করে, আসলে, আমি মনে করি এই উত্তরটি গ্রহণ করা উচিত

— লুক অ্যারন

Answer 14

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

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

Answer 15

আপনি বিকল্প গিথুব সিডিএন লিঙ্কটি ব্যবহার করে আপনার প্রকল্পের চিত্রগুলি README.md থেকে (বা বাহ্যিকভাবে) লিঙ্ক করতে পারেন।

ইউআরএল এটির মতো দেখাবে:

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

আমার প্রকল্পে আমার একটি এসভিজি চিত্র রয়েছে এবং আমি যখন পাইথন প্রকল্পের ডকুমেন্টেশনে এটি উল্লেখ করি তখন এটি রেন্ডার হয় না।

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

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

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

এম্বেড করা চিত্রের উদাহরণ:

কাঁচা লিঙ্ক

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

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

এম্বেড করা চিত্রের উদাহরণ:

সিডিএন লিঙ্ক

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

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

এম্বেড করা চিত্রের উদাহরণ:

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

Answer 16

আমি এই সমস্যাটি সমাধান করেছি। আপনাকে কেবল অন্য কারও রেডমি ফাইলটি উল্লেখ করতে হবে।

প্রথমে, আপনার গিথব কোড লাইব্রেরিতে একটি চিত্র ফাইল আপলোড করা উচিত! তারপরে চিত্র ফাইলের ঠিকানায় সরাসরি উল্লেখ করুন।

Answer 17

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

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

Answer 18

আমার ক্ষেত্রে আমি একটি মুদ্রণ পর্দা দেখাতে চেয়েছিলেন Githubকিন্তু উপর NPM। যদিও আপেক্ষিক পথটি ব্যবহারের মধ্যে কাজ করা Githubহচ্ছে তবে এটি এর বাইরে কাজ করছে না। মূলত, আমি যদি আমার প্রকল্পটিকেও ধাক্কা দিয়ে দেখি NPM(যা কেবল একই ব্যবহার করে readme.mdতবে চিত্রটি কখনই প্রদর্শিত হয় নি।

আমি কয়েকটি উপায়ে চেষ্টা করেছি, শেষে আমার পক্ষে এটি কাজ করেছে:

![Preview](https://raw.githubusercontent.com/username/project/master/image-path/image.png)

আমি এখন আমার চিত্রটি সঠিকভাবে NPMবা অন্য কোথাও দেখতে পাচ্ছি যে আমি আমার প্যাকেজটি প্রকাশ করতে পারি।

Answer 19

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

1. আপনার প্রতিটি চিত্রের জন্য গিট এলএফএসকে আন্তঃকরণ করুন:

   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. প্রতিশ্রুতিবদ্ধ এবং ধাক্কা।

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

   https://media.githubusercontent.com/media/ ^ github_username ^ / ^ রেপো ^ / ^ শাখা ^ / ^ চিত্র_প্রেমে স্থান_

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

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

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

তারপরে আপনি 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)

Answer 20

শুধু এই কাজ !!

আপনার ফাইলের নাম বড় হাতের ট্যাগ সম্পর্কে যত্ন নিন এবং পিএনজি ফাইল ইনরোট রাখুন এবং কোনও পথ ছাড়াই ফাইলের নামের সাথে লিঙ্ক করুন:

![Screenshot](screenshot.png)

Answer 21

আমি ইতিমধ্যে স্বীকৃত উত্তরে কেবল উদাহরণ বাড়াচ্ছি বা যুক্ত করছি।

একবার আপনি আপনার গিথুব রেপোতে ছবিটি রাখবেন।

তারপর:

• আপনার ব্রাউজারে সংশ্লিষ্ট গিথুব রেপো খুলুন।
• টার্গেট ইমেজ ফাইলে নেভিগেট করুন তারপরে একটি নতুন ট্যাবে চিত্রটি খুলুন।
• ইউআরএল অনুলিপি করুন
• এবং অবশেষে নিম্নলিখিত প্যাটার্নটিতে url প্রবেশ করান ![alt text](https://raw.githubusercontent.com/username/projectname/branch/path/to/img.png)

আমার ক্ষেত্রে এটি হয়

![In a single picture](https://raw.githubusercontent.com/shadmazumder/Xcode/master/InOnePicture.png)

কোথায়

• shadmazumder আমার username
• Xcode হয় projectname
• master হয় branch
• InOnePicture.pngহ'ল image, আমার InOnePicture.pngকেসটি মূল ডিরেক্টরিতে রয়েছে।

Comments

এই একমাত্র আমার পক্ষে নির্দোষভাবে কাজ করেছেন worked পাথ সম্পর্কে কোনও বিভ্রান্তি নেই, "মাস্টার" কোনও ডিরেক্টরি বা শাখা নির্দেশ করে যেখানে মূল শুরুর কাজ ইত্যাদি Only মনে করি।

— থমাস ব্রাউন

Answer 22

এটি করার জন্য দুটি সহজ উপায় রয়েছে,

1) এইচটিএমএল ইমগ ট্যাগ ব্যবহার করুন,

2)! [] (আপনার চিত্রটি যেখানে সংরক্ষিত হয়েছে / চিত্র-name.png)

আপনি সেই চিত্রটি খোলার সময় আপনি ব্রাউজারে URL টি অনুলিপি করতে পারবেন। ব্যবধানে কোনও সমস্যা দেখা দিতে পারে তাই কোনও স্থান বি / ডাব্লু পথের দুটি শব্দ বা চিত্রের নাম অ্যাড->% 20 আছে কিনা তা নিশ্চিত করুন make ব্রাউজারের মতোই।

দু'জনেই কাজ করবে, আপনি যদি আরও বুঝতে চান তবে আমার গিথুব -> https://github.com/adityarawat29 চেক করতে পারেন

Comments

এটি আমার পক্ষে কাজ করেছে। README.md এর অধীনে একটি ফোল্ডার "অ্যাপ্লিকেশনগুলিতে" একটি চিত্র থাকা আমি ব্যবহার করেছি:![](images/ss_apps.png)

— সিডিএসেনজ

আমি অবাক হয়েছি যে কেবল আদিত্যই উল্লেখ করেছিলেন যে স্পেসগুলি একটি সমস্যা, এবং একটি বোকা উপায়েও - কোনও ত্রুটি নেই, তবে আপনার বাক্য গঠনটি এমনভাবে প্রদর্শিত হবে যেমন এমন কোনও বৈশিষ্ট্য এমনকি অস্তিত্ব নেই। এটি উল্লেখ করার জন্য আমার কাছ থেকে আপভোট করুন।

— তাম্মি

Answer 23

এই উত্তরটি এখানেও পাওয়া যাবে: https://github.com/YourUserAccount/YourProject/blob/master/DirectoryPath/ReadMe.md

রেপো ব্যবহার করে চিত্রগুলি প্রদর্শিত:

প্রিপেন্ড ডোমেন: https://raw.githubusercontent.com/

পতাকা যুক্ত করুন: ?sanitize=true&raw=true

<img />ট্যাগ ব্যবহার

উদাহরণ ইউআরএল এসভিজি, পিএনজি এবং জেপিজি ব্যবহার করে এটি ব্যবহার করে:

• ডোমেইন :raw.githubusercontent.com/
• ব্যবহারকারীর নাম :YourUserAccount/
• রেপো :YourProject/
• শাখা :YourBranch/
• পথ :DirectoryPath/
• ফাইলের নাম :example.png

এসভিজি, পিএনজি এবং জেপিজি জন্য কাজ করে

 - `raw.githubusercontent.com/YourUserAccount/YourProject/YourBranch/DirectoryPath/svgdemo1.svg?sanitize=true&raw=true`

ব্যবহারের পরে নীচে প্রদর্শিত কার্যকারী উদাহরণ কোড:

**raw.githubusercontent.com**:
<img src="https://raw.githubusercontent.com/YourUserAccount/YourProject/master/DirectoryPath/Example.png?raw=true" />

<img src="https://raw.githubusercontent.com/YourUserAccount/YourProject/master/DirectoryPath/svgdemo1.svg?sanitize=true&raw=true" />

Raw.githubusercontent.com :

ধন্যবাদ: - https://stackoverflow.com/a/48723190/1815624 - https://github.com/potherca-blog/StackOverflow/edit/master/question.13808020.incolve-an-svg-hosted-on-github ইন-markdown / readme.md

Comments

আমি কোয়েরি স্ট্রিং সরিয়ে না দেওয়া পর্যন্ত এটি আমার পক্ষে কাজ করে না।

— mhenry1384

কমপক্ষে .png এবং Raw.githubusercontent.com এর জন্য স্যানিটাইজ = সত্য কাজ করে না এবং এটি সরানো উচিত। কাঁচা = সত্য কাজ করে। github.com/spinnxy/appDynamics.Playground/blob/master/README.md

— ড্যানিলা পোলেভশিকভ

Rawgit.com 2018 এ বন্ধ হয়ে গেছে এবং এটি আর ব্যবহার করা উচিত নয়; আপনার এই উত্তরটি থেকে এটি সরিয়ে দেওয়া উচিত। Raw.githubusercontent.com , যা আপনি উল্লেখ করেছেন এটি হল নিকটতম বিকল্প।

— ররি ও'কেনে

Answer 24

আমি অন্য একটি সমাধান খুঁজে পেয়েছি তবে বেশ আলাদা এবং আমি এটি ব্যাখ্যা করব

মূলত, আমি ছবিটি প্রদর্শন করতে ট্যাগটি ব্যবহার করেছি, তবে আমি যখন ছবিটি ক্লিক করা হয়েছিল তখন অন্য পৃষ্ঠায় যেতে চেয়েছিলাম এবং আমি এটি কীভাবে করেছি তা এখানে।

<a href="the-url-you-want-to-go-when-image-is-clicked.com" />
<img src="image-source-url-location.com" />

আপনি যদি একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে অপুক্ষের ঠিক পাশে না রেখে দিতে "।" আপনি যদি একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে অপুক্ষের ঠিক পাশের করে না রাখতে "।" আপনি যদি একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে একে অপুবারের ঠিক পাশের না করে রাখতে চান। "

Answer 25

সর্বশেষ

উইকিস পিএনজি, জেপিইজি, বা জিআইএফ চিত্র প্রদর্শন করতে পারে

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

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

-অথবা-

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

1. গিটহাব-এ, সংগ্রহস্থলের মূল পৃষ্ঠায় নেভিগেট করুন।

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

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

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

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

পড়ুন ডক্স ।

Answer 26

tableএকাধিক স্ক্রিনশট যুক্ত করার সাথে সাথে ব্যবহার করার কথা বিবেচনা করুন এবং এখানে প্রদর্শিত হিসাবে উন্নত অ্যাক্সেসিবিলিটির জন্য ট্যাবুলার ডেটা ব্যবহার করে সেগুলি সারিবদ্ধ করতে চান:

যদি আপনার মার্কডাউন পার্সার এটি সমর্থন করে তবে আপনি role="presentation"টেবিল উপাদানটিতে ডাব্লুআইএ-এআরআই বৈশিষ্ট্য যুক্ত করতে পারেন এবং thট্যাগগুলি বাদ দিতে পারেন ।

Answer 27

ধাপে ধাপে প্রক্রিয়া, প্রথমে একটি ফোল্ডার তৈরি করুন (আপনার ফোল্ডারের নাম দিন) এবং আপনি যে চিত্র / চিত্রগুলি Readme.md ফাইলটিতে আপলোড করতে চান তা যুক্ত করুন। (আপনি আপনার প্রকল্পের যে কোনও বিদ্যমান ফোল্ডারে চিত্র / চিত্রগুলিও যুক্ত করতে পারেন)) এখন, Readme.md ফাইলের সম্পাদনা আইকনে ক্লিক করুন, তারপরে

![](relative url where images is located/refrence_image.png)  // refrence_image is the name of image in my case.

চিত্র যুক্ত করার পরে, আপনি "পূর্বরূপ পরিবর্তনগুলি" ট্যাবটিতে পরিবর্তনগুলির পূর্বরূপ দেখতে পারেন ou আপনি এখানে আপনার চিত্র পাবেন। এই যেমন উদাহরণস্বরূপ, আমার ক্ষেত্রে,

![](app/src/main/res/drawable/refrence_image.png)

অ্যাপ্লিকেশন ফোল্ডার -> এসআরসি ফোল্ডার -> প্রধান ফোল্ডার -> রেজ ফোল্ডার -> অঙ্কনযোগ্য ফোল্ডার -> এবং এর ভিতরে আঁকতে সক্ষম ফোল্ডার refrence_image.png ফাইলটি অবস্থিত। একাধিক চিত্র যুক্ত করার জন্য, আপনি এটি এর মতো করতে পারেন,

![](app/src/main/res/drawable/refrence_image1.png)
![](app/src/main/res/drawable/refrence_image2.png)
![](app/src/main/res/drawable/refrence_image3.png)

দ্রষ্টব্য 1 - আপনার চিত্রের ফাইলের নামটিতে কোনও স্থান নেই Make যদি এটিতে ফাঁকা স্থান থাকে তবে আপনাকে ফাইলের নামের মধ্যে প্রতিটি স্পেসের জন্য% 20 যুক্ত করতে হবে। স্পেসগুলি অপসারণ করা ভাল।

নোট 2 - এমনকি আপনি এইচটিএমএল ট্যাগ ব্যবহার করে চিত্রটির আকার পরিবর্তন করতে পারেন, বা অন্য উপায় আছে। আপনি আরও জন্য এটি গুগল করতে পারেন। আপনার যদি এটি প্রয়োজন হয়

এর পরে, আপনার প্রতিশ্রুতি পরিবর্তন বার্তা লিখুন এবং তারপরে আপনার পরিবর্তনগুলি প্রতিশ্রুতিবদ্ধ।

এটি করার মতো আরও অনেক হ্যাক রয়েছে যেমন একটি ইস্যু তৈরি করা ইত্যাদি ইত্যাদি far এখন পর্যন্ত আমি সেরা পন্থাটি দেখতে পেলাম।

Answer 28

আমরা এটি সহজভাবে করতে পারি,

• গিটহাবের উপর একটি নতুন সমস্যা তৈরি করুন
• divইস্যুর শরীরে চিত্রগুলি টানুন এবং ফেলে দিন

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

Comments

আপনার সমাধান কাজ করে! এটা সহজ. আপনাকে ধন্যবাদ

— জেনী

Answer 29

আপনার পুনরায় সংগ্রহস্থলে চিত্র আপলোড ফাইল বিকল্প থেকে README ফাইলে যুক্ত করুন

![Alt text]("enter repository image URL here") 

Answer 30

আমি এখনও দেখিনি অন্য একটি বিকল্প আছে। আপনি কেবল আপনার ব্যবহারকারী বা সংস্থার অধীনে "সম্পদ" নামে একটি অন্য সংগ্রহস্থল তৈরি করতে পারেন। আপনার চিত্রগুলিকে এই রেপোতে চাপ দিন এবং এগুলি আপনার অন্যান্য রেপো থেকে রেফারেন্স করুন:

![alt text](https://raw.githubusercontent.com/my-org/assets/master/folder/logo.png)

আমি আমার এক এই কাজ করেছি Repos এবং এটা আমার জরিমানা suits। আমি আমার কোডগুলি ব্যতীত আমার সমস্ত প্রকল্পের জন্য আমার README চিত্রগুলি সংস্করণ করতে পারি, তবে তারপরেও সেগুলিকে এক জায়গায় রাখি । কোনও ইস্যু বা শাখা বা অন্য সহজে বিভ্রান্ত শিল্পকর্মের প্রয়োজন নেই।