592

গিডিহাব সংগ্রহস্থলে README ফাইলে স্ক্রিনশট স্থাপন করা কি সম্ভব? সিনট্যাক্স কি?

github markdown

1

এর সঠিক সমাধানটি হ'ল এই উত্তর অনুসারে আপেক্ষিক রেফারেন্সগুলি ব্যবহার করুন stackoverflow.com/a/11916467/1633251 (এটি কীভাবে করা যায় সে সম্পর্কে একটি নতুন গিথুব ডকের লিঙ্কের সাথে মন্তব্যটি দেখুন)। সংক্ষিপ্ত উত্তরটি ব্যবহার করতে হবে[Read more words!](docs/more_words.md)

— ডেভিড এইচ

2

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

— জাভি মন্টেরো

1

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

— আশাক্রমাসে

গাইডগুলি.github.com/features/mastering-markdown

— নাকিলন

848

আপনি যদি মার্কডাউন (README.md) ব্যবহার করেন:

আপনার রেপোতে ছবিটি সরবরাহ করা থাকলে আপনি একটি সম্পর্কিত ইউআরএল ব্যবহার করতে পারেন:

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

আপনার যদি অন্য কোথাও হোস্ট করা কোনও চিত্র এম্বেড করার দরকার হয় তবে আপনি একটি সম্পূর্ণ URL ব্যবহার করতে পারেন

![Alt text](http://full/path/to/img.jpg "Optional title")

গিটহাব আপনাকে সুপারিশ করে যে আপনি এর সাথে আপেক্ষিক লিঙ্ক ব্যবহার করুন?raw=true কাঁটাযুক্ত রেপোস পয়েন্টটি সঠিকভাবে নিশ্চিত প্যারামিটারের ।

raw=trueপরামিতি অর্ডার আপনি যে চিত্রটি এর প্রতি সংযোগ আছে নিশ্চিত করার জন্য আছে, হিসাবে অনুষ্ঠিত করা হবে না। এর অর্থ এই যে কেবলমাত্র চিত্রটিই এর সাথে যুক্ত হবে, সংশ্লিষ্ট ফাইলের জন্য পুরো গিটহাব ইন্টারফেসের সাথে নয়। এই মন্তব্য দেখুনআরও তথ্যের জন্য ।

একটি উদাহরণ দেখুন: https://raw.github.com/altercation/solarized/master/README.md

আপনি SVGs ব্যবহার করেন তাহলে তখন আপনি নির্বিষ অ্যাট্রিবিউট সেট করতে হবে trueপাশাপাশি: ?raw=true&sanitize=true। (ধন্যবাদ @ এলিএসেরার)

এছাড়াও, README ফাইলগুলিতে আপেক্ষিক লিঙ্কগুলির ডকুমেন্টেশন: https://help.github.com/articles/relative-links-in-readmes

এবং অবশ্যই মার্কডাউন ডক্স: http://deringfireball.net/projects/markdown/syntax

তদ্ব্যতীত, আপনি screenshotsচিত্রগুলি সংরক্ষণ করার জন্য যদি একটি নতুন শাখা তৈরি করেন তবে আপনি সেগুলিতে থাকা এড়াতে পারবেনmaster কার্যক্ষম গাছের

এরপরে আপনি এগুলি ব্যবহার করে এম্বেড করতে পারেন:

![Alt text](/../<branch name>/path/to/image.png?raw=true "Optional Title")

— পল
সূত্র

1

ঠিক আছে, আমি আপেক্ষিক লিঙ্কগুলিতে অফিসিয়াল ডক্স যুক্ত করেছি, তবে আমি তাদের ব্যবহার করার মতো কিছু রেপো খুঁজে পেতে অক্ষম, যদি আপনার কাছে পরামর্শ থাকে তবে আমি সাহায্য করতে পেরে খুশি হব কারণ পুরো পয়েন্টটি আরও লোককে সাহায্য করছে, সুযোগে না থেকে (আমার ভুল এখানে)

— পল

2

@ পল, এখানে একটি উদাহরণ সংগ্রহস্থল ঠিক এটি করছে! github.com/Tarrasch/zsh-bd

— Tarrasch

4

github.com/altercation/solarized হ'ল উপরের উদাহরণটির রেন্ডার সংস্করণ, যদি কেউ কাউকে সহায়তা করে।

— ব্যারিকার্টার

3

আপনি যখন বলছেন /relative/path/to/img.jpg, নেতৃস্থানীয় স্ল্যাশের কারণে এটি কোনও পরম পথ নয়?

— jww

1

@ ক্যালভিন, পিতামাত্রটি raw=trueগিটহাব পাথের প্রতি ইমেজটি রেন্ডার করার জন্য রয়েছে, গিটহাব ইন্টারফেস নয়। পার্থক্যটি দেখুন এবং দেখুন: github.com/altercation/solarized/blob/master/img/… বনাম github.com/altercation/solarized/blob/master/img/… । প্রথম ইউআরএল আপনাকে গিটহাব ইন্টারফেস এবং চিত্র প্রদর্শন করবে, যখন দ্বিতীয়টি আপনাকে কেবল চিত্রটি প্রদর্শন করবে। রেপো ক্লোনিং / ফোরক করার সময় আপেক্ষিক লিঙ্কগুলি এখনও কার্যকর, সুতরাং হ্যাঁ আপনার সেই পরামিতিটির সাথে আপেক্ষিক পাথগুলি ব্যবহার করা উচিত তবে সেগুলি দুটি পৃথক ধারণা।

— পল

70

ইতিমধ্যে স্বীকৃত উত্তর থাকলেও আমি গিটহাবের রিডমে ছবি আপলোড করার জন্য অন্য একটি উপায় যুক্ত করতে চাই।

আপনার রেপোতে আপনাকে সমস্যা তৈরি করতে হবে
আপনার চিত্রের মন্তব্য অঞ্চলে টেনে আনুন
চিত্রটির লিঙ্ক তৈরি হওয়ার পরে এটি আপনার রিডমিতে sertোকান

আরও বিশদ আপনি এখানে পেতে পারেন

6

আমি আগ্রহী যে কতক্ষণ এভাবে লোড হওয়া চিত্রগুলি বেঁচে থাকবে। গিথুব কিছু চিত্র পরিষ্কার করে? পছন্দ করুন, "যদি এই চিত্রটি কোনও গিথুব ইস্যুতে রেফারেন্স না করা হয় তবে আমি নিরাপদে এটি মুছে ফেলতে পারি" ...

— আর্টিন

1

@ আর্টিন সম্ভবত তখনই ইস্যুটি পুরোপুরি মুছে ফেলা হয়। বন্ধ বিষয় সব সময় প্রবেশ করুন ঘুরঘুর হিসাবে তারা একটি খুব গুরুত্বপূর্ণ ডকুমেন্টেশন এবং ডিবাগ মধ্যে ভূমিকা পরিবেশন করা

— andrhamm

55

আমি দেখতে পেলাম যে আমার রেপোতে ছবিটির পথটি যথেষ্ট নয়, আমাকে raw.github.comসাবডোমেনের চিত্রটির সাথে লিঙ্ক করতে হয়েছিল ।

ইউআরএল ফর্ম্যাট https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}

মার্কডাউন উদাহরণ ![Settings Window](https://raw.github.com/ryanmaxwell/iArrived/master/Screenshots/Settings.png)

— রায়ান
সূত্র

4

@ সোরেন্স গ্রহণযোগ্য উত্তরে মন্তব্য করার কারণে এটি হ্রাস করে। এটি নিখুঁত স্নান নির্দিষ্ট করা খারাপ কারণ এটি কাঁটাযুক্ত সংগ্রহস্থলগুলিতে ভাল কাজ করে না। (অথবা আপনি যদি আপনার রেপোর নাম পরিবর্তন করেন, বা যদি

— গিথুব

7

@ লিনাসউন্নব্যাক: পরম পাথগুলি ব্যবহার করার এক কারণ রয়েছে ইমো: যদি Readme.md অন্যান্য জায়গায়ও ব্যবহৃত হয়, উদাহরণস্বরূপ, একটি ডক্সিজেনের মূল পৃষ্ঠা হিসাবে। আপেক্ষিক লিঙ্কগুলি তখন কাজ করবে না।

— Ela782

1

@ Ela782 যদিও, আরও একটি নোটে, এটি অবশ্যই সফ্টওয়্যারগুলির জন্য একটি সমস্যা হওয়া উচিত নয় যা বিশেষ করে গিটহাব থেকে ফাইলগুলি পড়ুন ; এই জাতীয় সফ্টওয়্যার সম্পর্কিত আপেক্ষিক URL গুলি সঠিকভাবে সমাধান করতে জানা উচিত to উদাহরণস্বরূপ এনপিএম করে ।

— মার্ক অ্যামেরি

raw.github.comসাবডোমেনের চিত্রটিতে কীভাবে লিঙ্ক করব ? ছবি ফাইল আপলোড করতে কোথায়?

— সাইফ

@ সাইফ Raw.github.com আপনার গিথুব সংগ্রহশালার প্রতি প্রতিশ্রুতিবদ্ধ তার প্রতিচ্ছবি মাত্র। আপনার সংগ্রহস্থলে কেবল চিত্রটি প্রতিশ্রুতিবদ্ধ করুন এবং নির্দিষ্ট ইউআরএল ফর্ম্যাটটি অনুসরণ করুন।

24

আপনার ইমেজটি পোস্টটিমেজ.আরগে আপলোড করুন
গিথব মার্কডাউন url পান
আপনার ReadMe .োকান

— diju
সূত্র

2

এই url টি postimages.org

— ইন্দ্রাজিথ একনাকে

আপনিই একমাত্র তাঁর উত্তরটি আমার পক্ষে কার্যকর ছিল

— সাইফার

21

নীচের এক লাইনটি আপনি যা খুঁজছেন তা হওয়া উচিত

আপনার ফাইল যদি ভাণ্ডারগুলিতে থাকে

![ScreenShot](https://raw.github.com/{username}/{repository}/{branch}/{path})

যদি আপনার ফাইলটি অন্য বাহ্যিক url এ থাকে

![ScreenShot](https://{url})

— mmcorrelo
সূত্র

2

চিত্র ফাইলটির আপেক্ষিক লিঙ্কটি ব্যবহার করার পরামর্শ দিন, README- এ সম্পর্কিত লিঙ্কগুলি

— গিথুব

2

@ Shaobin0604 দ্বারা প্রদত্ত কারণে -1; সরকারী দস্তাবেজগুলি আপনার নিজের রেপোতে কোনও ফাইলের সাথে লিঙ্ক করার সময় আপেক্ষিক লিঙ্কগুলি ব্যবহার করার পরামর্শ দেয়, যাতে লিঙ্কটি কাঁটাবার সময় সঠিক স্থানে নির্দেশ করে।

— মার্ক আমেরিকা

17

চিত্রগুলি প্রদর্শনের জন্য মার্কডাউন সিনট্যাক্সটি হ'ল:

![image](https://{url})

বাট: কীভাবে সরবরাহ করবেন url?

আপনি সম্ভবত স্ক্রিনশটগুলি দিয়ে আপনার রেপোকে গোলমাল করতে চান না, কোডের সাথে তাদের কিছু করার নেই
আপনার ছবিটি ওয়েবে উপলব্ধ করার ঝামেলা মোকাবেলা করতে আপনি চাইবেন না ... (এটি কোনও সার্ভারে আপলোড করুন ...)।

সুতরাং ... আপনি গিথবকে আপনার চিত্র ফাইলটি হোস্ট করার জন্য এই দুর্দান্ত কৌশলটি ব্যবহার করতে পারেন । TDLR:

আপনার রেপোর ইস্যু তালিকায় একটি সমস্যা তৈরি করুন
এই সমস্যাটিতে আপনার স্ক্রিনশটটি টেনে আনুন
আপনার চিত্র প্রদর্শন করতে গিথুব সবেমাত্র যে মার্কডাউন কোডটি তৈরি করেছেন তা অনুলিপি করুন
এটি আপনার রিডমিতে পেস্ট করুন (বা যেখানে আপনি চান)

http://solutionoptimist.com/2013/12/28/awesome-github-tricks/

— edelans
সূত্র

7

ইউআরএল যুক্ত করার চেয়ে অনেক সহজ, ঠিক একই সংগ্রহস্থলে একটি চিত্র আপলোড করুন, যেমন:

![Screenshot](screenshot.png)

— তৈমুর নিয়াজী
সূত্র

7

এটিকে পুনরায় যুক্ত করুন

<div align="center">
    <img src="/screenshots/screen1.jpg" width="400px"</img> 
</div>

— ড্যান আলবোোটানু
সূত্র

4

Markdown: ![Screenshot](http://url/to/img.png)

ছবি যুক্ত করার বিষয়ে একটি সমস্যা তৈরি করুন
ছবিটি ড্র্যাগ এবং ড্রপ বা ফাইল চয়নকারী দ্বারা যুক্ত করুন
তারপরে চিত্র উত্সটি অনুলিপি করুন
এখন ![Screenshot](http://url/to/img.png)আপনার README.md ফাইলটিতে যুক্ত করুন

সম্পন্ন!

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

নমুনা ইস্যু

— abe312
সূত্র

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

— নেমক

— সেক্ষেত্রে

4

পদ্ধতি 1-> মার্কডাউন উপায়

![Alt Text](https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH})

পদ্ধতি 2-> এইচটিএমএল উপায়

<img src="https://link(format same as above)" width="100" height="100"/>

অথবা

<img src="https://link" style=" width:100px ; height:100px " />

দ্রষ্টব্য -> আপনি যদি নিজের চিত্রটি স্টাইল করতে না চান তবে শৈলীর অংশটি পুনরায় আকার দিন

— শৌর্য্যপাল
সূত্র

1

প্রথমে আপনার স্থানীয় রেপোর মূলটিতে একটি ডিরেক্টরি (ফোল্ডার) তৈরি করুন যাতে এতে screenshotsআপনি যুক্ত হওয়া যুক্ত থাকতে পারেন। আসুন এই ডিরেক্টরিটির নাম কল করুন screenshots। আপনি এই ডিরেক্টরিতে যুক্ত করতে চান এমন চিত্র (জেপিইজি, পিএনজি, জিআইএফ, ইত্যাদি) রাখুন।

অ্যান্ড্রয়েড স্টুডিও ওয়ার্কস্পেস স্ক্রিনশট

দ্বিতীয়ত, আপনার প্রতিবেদনে আপনার চিত্রটিতে একটি লিঙ্ক যুক্ত করতে হবে। সুতরাং, আমার যদি চিত্রগুলির নাম 1_ArtistsActivity.pngএবং 2_AlbumsActivity.pngআমার স্ক্রিনশট ডিরেক্টরিতে থাকে তবে আমি তাদের লিঙ্কগুলি এর মতো যুক্ত করব:

 <img src="screenshots/1_ArtistsActivity.png" height="400" alt="Screenshot"/> <img src=“screenshots/2_AlbumsActivity.png" height="400" alt="Screenshot"/>

আপনি যদি প্রতিটি স্ক্রিনশট একটি পৃথক লাইনে চান তবে তাদের লিঙ্কগুলি পৃথক লাইনে লিখুন। তবে, আপনি কেবলমাত্র স্পেস দ্বারা পৃথক করে সমস্ত লিঙ্ক এক লাইনে লিখলে ভাল হয়। এটি আসলে খুব ভাল দেখাচ্ছে না তবে এটি করার দ্বারা গিটহাব স্বয়ংক্রিয়ভাবে আপনার জন্য সেগুলি সাজিয়ে তোলে।

অবশেষে, আপনার পরিবর্তনগুলি প্রতিশ্রুতিবদ্ধ এবং এটি ধাক্কা!

— Zizoh
সূত্র

1

আমি কয়েকটি অনুরূপ প্রশ্ন গুগল করেছিলাম এবং আমার সমস্যা এবং এর বেশ সহজ / সহজ সমাধান সহ কোনও উত্তর দেখতে পেলাম না।

গুগল ক্লাউড স্টোরেজ - README- এ চিত্রগুলির জন্য কিছুটা ভিন্ন পদ্ধতি

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

![My Image](https://storage.cloud.google.com/${MY_BUCKET}/${MY_IMAGE}

এটি কাজ করার জন্য আপনাকে উপরে প্রকৃত বিকল্পগুলি পূরণ করতে হবে (উদাঃ MY_IMAGE = image.jpg) এটি কাজ করার জন্য।

তবে, অপেক্ষা করুন ... ব্যর্থতা - সত্যিকারের রেন্ডার ফটো নেই! এবং লিঙ্কটি হুবহু গুগল স্টোরেজ দ্বারা দেওয়া!

গিথুব `camo`- নামবিহীন চিত্র

গিথুব আপনার চিত্রগুলি বেনামে হোস্ট করে , হ্যাঁ! তবে এটি গুগল স্টোরেজ সম্পদের জন্য একটি সমস্যা উপস্থাপন করে। আপনার গুগল ক্লাউড কনসোল থেকে আপনার উত্পন্ন url পেতে হবে।

আমি নিশ্চিত যে একটি মসৃণ উপায় আছে তবে যাইহোক, কেবল আপনার প্রদত্ত ইউআরএল শেষ পয়েন্টটি দেখুন এবং দীর্ঘ URL টি অনুলিপি করুন। বিবরণ:

নির্দেশনা

আপনার স্টোরেজ কনসোলটি দেখুন: https://console.cloud.google.com/st ارتي/ browser/ $ Y MY_BUCKET}? প্রকল্প = $ {MY_PROJECT}
আপনি গিথুবে যে চিত্রটি প্রদর্শন করতে চান তাতে ক্লিক করুন (এটি "অবজেক্টের বিশদ" পৃষ্ঠাটি নিয়ে আসে)
সেই পাস্তাকে সেই ইউআরএল (যার সাথে শুরু httpsনয় gs) একটি নতুন ব্রাউজার ট্যাব / উইন্ডোতে অনুলিপি করুন
পাস্তা নতুন উত্পন্ন URL টি অনুলিপি করুন - এটি দীর্ঘ হওয়া উচিত - আপনার নতুন ব্রাউজার ট্যাব / উইন্ডো থেকে আপনার গিথুব README ফাইলে

আশা করি এটি অন্য কারও জন্য এই সমস্যাটি দ্রুততর করতে এবং স্পষ্ট করতে সহায়তা করে।

— জেসন আর স্টিভেন্স সিএফএ
সূত্র

এফওয়াইআই - এটি প্রদর্শিত হচ্ছে গুগল বা গিথুব জিনিসের দিকে কিছু পরিবর্তন হচ্ছে। আমি এই পদ্ধতিতে ব্যর্থ হওয়া README- তে কিছু চিত্র পেয়েছি এবং কিছুগুলি ২২ শে মার্চ, ২০২০, বিকাল পর্যন্ত কাজ করছে Y এখানে ওয়াইএমএমভি!

— জেসন আর স্টিভেন্স সিএফএ

0

আমার কাছে সবচেয়ে ভাল উপায় হ'ল -

গিথুবটিতে সেই সংগ্রহস্থলটি নিয়ে একটি নতুন সমস্যা তৈরি করুন এবং তারপরে ফাইলটি জিএফ ফর্ম্যাটে আপলোড করুন video ভিডিও ফাইলগুলিকে জিএফ ফর্ম্যাটে রূপান্তর করতে আপনি এই ওয়েবসাইটটি ব্যবহার করতে পারেন http://www.online-convert.com/
সদ্য নির্মিত সমস্যা জমা দিন।
আপলোড করা ফাইলের ঠিকানাটি অনুলিপি করুন
শেষ পর্যন্ত আপনার README ফাইলের মধ্যে রাখুন! [ডেমো] (কপিড ঠিকানা)

আশা করি এটি সাহায্য করবে।

— আসিফুর রহমান
সূত্র

এটি স্ট্যাকওভারফ্লো . com/a/32252663/1570104 থেকে কীভাবে আলাদা ?

— ই

0

পুনঃস্থাপনে চিত্র আপলোড ফাইল অপশন থেকে পুনরায় README ফাইলে যুক্ত করুন

![Alt text]("enter image url of repositoryhere")

— মারিয়াম জাভেদ
সূত্র

-5

/screen-shotsডিরেক্টরিতে অবস্থিত ইমেজ সহ । বাইরের <div>চিত্রগুলিকে অবস্থান করতে দেয়। প্যাডিং ব্যবহার করে অর্জিত হয় <img width="desired-padding" height="0">।

<div align="center">
        <img width="45%" src="screen-shots/about.PNG" alt="About screen" title="About screen"</img>
        <img height="0" width="8px">
        <img width="45%" src="screen-shots/list.PNG" alt="List screen" title="List screen"></img>
</div>

— মিক কুলেন
সূত্র

1

আমার জীবনের জন্য আমি README- তে একটি চিত্র কেন্দ্রীভূত করতে পারিনি - যা আপনার উত্তরটিতে রয়েছে, তাই ধন্যবাদ!

— কোডি রিচার্ট

আমি এই উত্তরটি সহায়ক হিসাবে খুঁজে পেয়েছি কারণ এটি আপনাকে চিত্রের মাত্রা নির্ধারণ করতে সক্ষম করে

— স্ট্যানলে

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

গুগল ক্লাউড স্টোরেজ - README- এ চিত্রগুলির জন্য কিছুটা ভিন্ন পদ্ধতি

গিথুব camo- নামবিহীন চিত্র

নির্দেশনা

গিথুব `camo`- নামবিহীন চিত্র