GitHub හි README.md වෙත පින්තූර එක් කරන්න


1887

මෑතකදී මම GitHub හා සම්බන්ධ විය . මම එහි ව්‍යාපෘති කිහිපයක් පැවැත්වුවා.

මගේ README ගොනුවේ පින්තූර කිහිපයක් ඇතුළත් කිරීමට අවශ්‍යයි. එය කරන්නේ කෙසේදැයි මම නොදනිමි.

මම මේ ගැන සෙව්වෙමි, නමුත් මට ලැබුනේ "වෙබයේ පින්තූර සත්කාරක කිරීමට සහ README.md ගොනුවේ රූප මාර්ගය නියම කිරීමට" මට පවසන සබැඳි කිහිපයක් පමණි.

කිසිදු තෙවන පාර්ශවීය වෙබ් සත්කාරක සේවාවක පින්තූර සංග්‍රාහක නොකර මෙය කිරීමට ක්‍රමයක් තිබේද?



5
2012 දී පළ කරන ලද stackoverflow.com/questions/10189356/… හි අනුපිටපත .
leetNightshade

92
මාතෘකාවෙන් බැහැරව, GitHub යනු ක්‍රමලේඛක මෙවලමකි.
ලාන්ස් රොබට්ස්

Answers:


1928

මෙම ලකුණු කිරීම උත්සාහ කරන්න:

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

රූපයක් ඔබේ ගබඩාවේ ගබඩා කර ඇත්නම් එය අමු අනුවාදයට කෙලින්ම සම්බන්ධ කළ හැකි යැයි මම සිතමි. එනම්

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


53
සාපේක්ෂ සබැඳි මෙහි විශාල භාවිතයක් නොවේ, ඔබේ රීඩ්මෙ එන්පීඑම් හි දර්ශනය වන අතර එය රූපය මේ ආකාරයෙන් සත්කාරකත්වය නොදක්වයි - එයට GitHub වෙත සම්බන්ධ වීමට අවශ්‍යය. රූපය srcs විය යුත්තේ github.com වසමේ මිස raw.github.com උප ඩොමේන් නොව raw.githubusercontent.com වසම නොවේ.
ලී ක්‍රොස්ලි

4
මම ඇත්ත වශයෙන්ම සාපේක්ෂ මාර්ග සමඟ යෑම අවසන් කළෙමි (එය මට රූපයේ ගොනුවේ නම පමණි. මම README.md පිටපත් 2 ක් නඩත්තු කර ඇති අතර, එකක් / usr / share / projectname / docs හි දේශීය ස්ථාපනය සඳහා සහ එකක් github සඳහා. මෙම අවස්ථා දෙකෙහිම රූප ගොනු නාමයන් හොඳින් ක්‍රියාත්මක වන බැවින් දැන් මට දෙකම සඳහා එකම README.md භාවිතා කළ හැකිය. මගේ README හි කොටස්වල පිටපතක් වෙනත් තැනක පළ කිරීමට මට අවශ්‍ය නම්, එක්කෝ මට වෙනත් තැනක පින්තූර සංග්‍රහ කිරීමට හෝ raw.github.com url හි තැබීමට සිදුවේ.
කොලින් කීනන්

15
GitHub විසින්ම සාපේක්ෂ මාර්ග නිර්දේශ කරයි: help.github.com/articles/relative-links-in-readmes නිරපේක්ෂ මාර්ගවල එක් ප්‍රධාන අවාසියක් නම්, රූපය ප්‍රධාන වශයෙන් චලනය වුවහොත්, පැරණි URL වෙත යොමු වන අනෙකුත් ශාඛා බිඳී යනු ඇත.
ජැක් ඕ'කොනර්

3
දැනට යෝජනා කර ඇති වසම ක්‍රියා කරන බවක් නොපෙනෙන අතර සබැඳිය මේ ආකාරයට විය යුතුය:https://github.com/[username]/[reponame]/blob/[branch]/image.jpg?raw=true
ස්ලාවික් ෂින්කරෙන්කෝ

441

වැනි සාපේක්ෂ මාර්ගද ඔබට භාවිතා කළ හැකිය

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

17
ඔව්. ඔබ performance.I'd සටහනක් ගැන කරදර වෙනවා නම් මේ සාපේක්ෂව බව මේ බොහෝ දුරට පහසුම මාර්ගය වන්නේ බහලුම නො ණයකට , ඔබ එකම හිස් තීරුවෙහි දී 'myimage.png' තිබේ නම් එසේ නම් 'about_pics.md' සලකුණු කිරීම:![What is this](myimage.png)
පොහොසත්

6
1) එය ක්‍රියා කරන නිසා 2) අන්තර්ජාල ප්‍රවේශය අවශ්‍ය නොවන දේශීය නරඹන්නෙකු තුළ රූප පෙන්වනු ලැබේ
රෙජිස් බී.

2
Performance කාර්ය සාධනය පිළිබඳ ඔබේ අදහස පුළුල් කිරීමට ඔබට පුළුවන්ද? සාපේක්ෂ මාර්ග ප්‍රවේශය සමඟ ඇති කාර්ය සාධන ගැටළු මොනවාද?
ලී හේස්

2
මෙම මාර්ගය කුමක් සඳහාද?
ඩිම්ස්

2
ලී ක්‍රොස්ලි පෙන්වා දුන් පරිදි, ඔබ සාපේක්ෂ සබැඳි වලින් වැළකී සිටිය යුතුය, මන්ද ඔබේ කියවීම එන්පීඑම් හි දර්ශනය වන විට ඒවා කැඩී යයි. ඒ වෙනුවට, github.com වසමේ රූප src වෙත "? Sanitize = true" ධජය සමඟ සම්බන්ධ කරන්න, රූප ආකෘතිය SVG වැනි දෙයක් නම්. මෙම SO පිළිතුරෙන් වැඩි විස්තර බලන්න: stackoverflow.com/a/16462143/6798201
AlienKevin

240
  • ඔබට නව නිකුතුවක් නිර්මාණය කළ හැකිය
  • පින්තූර උඩුගත කරන්න (ඇදගෙන යන්න)
  • පින්තූර URL ය පිටපත් කර ඔබගේ README.md ගොනුවට අලවන්න.

මෙන්න විස්තරාත්මක යූ ටියුබ් වීඩියෝවක් මෙය විස්තරාත්මකව පැහැදිලි කර ඇත:

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


25
මා තේරුම් ගත් පරිදි ඔබට ගැටලුව සුරැකීමට අවශ්‍ය නැත . මේ ආකාරයෙන් ඔබට නිකුතු ට්රැකර් තුළ ඇති ව්‍යාජ ටිකට් පත් අවශ්ය නොවේ. ප්‍රශ්නය මෙය “ආරක්ෂිත” ක්‍රමයක් නම්, එයින් අදහස් වන්නේ රූපය අනාථ වී ඇති බව (ටික කලකට පසු) GitHub විසින් හඳුනාගෙන එය GitHub CDN වෙතින් මකා දමන්නේද යන්නයි.
පීටර්

3
මෙම පිළිතුර මට හොඳින් ක්‍රියාත්මක වූ අතර නව ගැටළුව නැවත ගබඩාව තුළ සුරැකීමට අවශ්‍ය නොවීය. මම යූ ටියුබ් හි වීඩියෝවක් සොයාගෙන ඇති අතර එය විස්තරාත්මකව විස්තර කරයි: youtube.com/watch?v=nvPOUdz5PL4 .
ෆ්‍රැන්සිස්ලේනි කැම්පෝස්

1
මෙම පිළිතුර ක්‍රියාත්මක වන අතර සුළු පරිශ්‍රමයක් අවශ්‍ය වේ. ගැටළුව ඉවත දැමිය හැකි නමුත් රූපය සඳහා වන URL එක දිගටම පවතී. රූප URL ය පහත පරිදි වේ: user-images.githubusercontent.com ...
Sabuncu

6
මෙය විශිෂ්ට උපක්‍රමයක්! @ පීටර්ගේ ප්‍රශ්නයට පිළිතුර කිසිවෙකු දන්නවාද? GitHub වරින් වර අනාථ වූ රූප පිරිසිදු කරයිද (එනම් එයට සම්බන්ධ ගැටලුවක් නොමැත)?
ජොනී ඔෂිකා

1
@ ජොන්නි ඕෂිකා ගිතුබ් වලින් පිටත ඕනෑම කෙනෙකුට ඊට නිශ්චිතව පිළිතුරු දිය හැකි යැයි මට සැකයි. එය "user-images.githubusercontent.com" සඳහා භාවිතා කරන දේ මත රඳා පවතී. එය අදහස් සඳහා උඩුගත කරන ලද පින්තූර සඳහා පමණක් නම්, නැතිවූ දත්ත සම්බන්ධතාවය සඳහා ස්කෑන් කර රූපය ඉවත් කළ හැකි බව පෙනේ. එය වඩාත් පොදු නම්, ගොනුව පිළිබඳ කිසිදු සඳහනක් නොමැති බව නිශ්චිතවම නිශ්චය කිරීම දුෂ්කර විය හැකි අතර, එය පරිගණකමය වශයෙන් මිල අධික හෝ ගැටළු රහිතව මකා දැමිය හැකි දැයි තීරණය කිරීම අභියෝගාත්මක වේ.
yourbuddypal

129

එය ඊට වඩා සරල ය.

ඔබගේ රූපය නිධිය මූලයට උඩුගත කරන්න, සහ කිසිදු මාර්ගයක් නොමැතිව ගොනු නාමයට සම්බන්ධ කරන්න, වැනි:

![Screenshot](screenshot.png)

11
නැත, git repo වෙත තිරපිටපත් එකතු කිරීම හොඳ පුරුද්දක් යැයි මම නොසිතමි. විශේෂයෙන් මූලයේ නොවේ. අහමඩ් අජ්මිගේ පිළිතුර වඩා හොඳය
අර්නාඩ් පී

27
මුලෙහි නොව ඔබට පහසුවෙන් මෙය අනුගත කළ හැකිය docs/imagesහෝ කුඩා png තිරපිටපත් හරි IMHO
Christophe Roussy

5
මෙය පිළිගත් විසඳුම විය යුතුය. පින්තූර ලේඛනය / ගස යට තැබීමට ක්‍රිස්ටෝෆ්ගේ යෝජනාව සමඟ /
මයික් එලිස්

පරිපූර්ණ..!! png වෙනත් ෆෝල්ඩරයක තිබේ නම්. සරලවම, "folderName / screenhot.png" මාර්ගය එක් කරන්න
Soumen

ඔබේ පිළිතුර මගේ නඩුවට ප්‍රයෝජනවත් බව මට පෙනී ගියේය: මම ගිට්ලැබ්හි සිටින අතර, රෙපෝවට අවතාරයක් සැකසීමට මම රෙපෝවේ මුලෙහි logo.pngපින්තූර භාවිතා කරමි . මට මෙම පින්තූරය README.md වෙත ඇතුළත් කිරීමට අවශ්‍ය විය.
avi.elkharrat

86

ඔබට සරල HTML ටැග් සමඟ රූප එකතු කළ හැකිය :

<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>

1
ඔබ තුළ HTML ටැග් (ය) භාවිතා කරන විට සලකුණු සලකුණු ගොනුව. විශ්ව ලේඛන පරිවර්තකයක් වන පැන්ඩොක් විසින් එය නොසලකා හරිනු ඇත .
ලෝරම් ඉප්සම් ඩොලරය

1
මෙය වඩාත් සුදුසු බැවින් එය කේන්ද්‍රගත කර හෝ එක් පැත්තක තැබිය හැකිය (කුඩා රූප සඳහා, අවම වශයෙන්.)
ඇලෙක්සිස් විල්කේ

සාපේක්ෂ මාර්ගය ඔබ සඳහන් කරන්නේ කෙසේද? එය README.md ට සාපේක්ෂව නොවේ (සෑම අවස්ථාවකම?).
friederbluemle

57

පළ කරන ලද විසඳුම් බොහොමයක් අසම්පූර්ණ හෝ මගේ රසයට නොගැලපේ.

  • Imgur වැනි බාහිර CDN දාමයට තවත් මෙවලමක් එක් කරයි. මෙහ්.
  • නිකුතුව ට්රැකර් තුළ ව්‍යාජ ප්රශ්නයක් නිර්මාණය කිරීම හැක් කිරීමකි. එය අවුල් ජාලයක් නිර්මාණය කරන අතර පරිශීලකයින් ව්‍යාකූල කරයි. මෙම විසඳුම දෙබලකට හෝ GitHub වෙතින් සංක්‍රමණය වීම වේදනාවකි.
  • Gh- පිටු ශාඛාව භාවිතා කිරීමෙන් URL අස්ථාවර වේ. Gh- පිටුව නඩත්තු කරන ව්‍යාපෘතියේ වැඩ කරන තවත් පුද්ගලයෙකු මෙම රූප සඳහා වන මාර්ගය මත රඳා පවතින බාහිර දෙයක් නොදැන සිටිය හැකිය. Gh- පිටු ශාඛාවට GitHub හි විශේෂිත හැසිරීමක් ඇති අතර එය CDN රූප සංග්‍රහ කිරීම සඳහා අවශ්‍ය නොවේ.
  • අනුවාද පාලනයේදී වත්කම් ලුහුබැඳීම හොඳ දෙයකි. ව්‍යාපෘතියක් වර්ධනය වන විට සහ වෙනස් වන විට එය බහු පරිශීලකයින්ගේ වෙනස්කම් කළමනාකරණය කිරීමට සහ නිරීක්ෂණය කිරීමට වඩා තිරසාර ක්‍රමයකි.
  • රූපයක් මෘදුකාංගයේ නිශ්චිත සංශෝධනයකට අදාළ වන්නේ නම්, වෙනස් කළ නොහැකි රූපයක් සම්බන්ධ කිරීම වඩාත් සුදුසුය. එමඟින්, මෘදුකාංගයේ වෙනස්කම් පිළිබිඹු වන පරිදි රූපය පසුව යාවත්කාලීන කරන්නේ නම්, එම සංශෝධනයේ කියවීම කියවන ඕනෑම කෙනෙකුට නිවැරදි රූපය සොයාගත හැකිය.

දේවානුභාවයෙන් මා වඩාත් කැමති විසඳුමක්, මෙම ආලෝකය යනු , යම් භාවිතා කිරීමයි වත්කම් ශාඛා සමග විශේෂිත සංශෝධනයන් කිරීමට ක්රමය සාර්ථක .

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.

රූපයේ මෙම සංශෝධනයට “පර්මාලින්ක්” එකක් සාදා එය මාර්ක්ඩවුන් ඔතා.

කෙසේ වෙතත්, SHA අතින් අතින් බැලීම අපහසු වේ, කෙසේ වෙතත්, කෙටිමඟක් මඟින් මෙම උදවු.ගිතුබ් පිටුව පවසන පරිදි නිශ්චිත බැඳීමක ඇති ගොනුවකට පර්මාලින්ක් වෙත Y ඔබන්න .

වත්කම් ශාඛාවේ සෑම විටම නවතම රූපය පෙන්වීමට, බ්ලොබ් URL එක භාවිතා කරන්න:

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

(එකම GitHub උදව් පිටුවෙන් ගොනු දර්ශන ශාඛාවක නවතම අනුවාදය පෙන්වයි )


2
පිළිගත් පිළිතුරට මෙය හොඳ අනුපූරකයකි. වත්කම් ලුහුබැඳ ඇත, රූප ප්‍රධාන නොවේ, අවුල් ජාලයක් නැත. ගැන සැලකිලිමත් වන්න git reset --hard; වෙනස්කම් සිදු කර ඇති බවට වග බලා ගන්න.
dojuba

ඔබේ යන්ත්‍රයේ වනයේ. ඔබ ගොනුව (විය වෙන්නේ ඕනෑම තැනක එය යොමුකල හැකි ~/Downloads, /tmpආදිය).
paulmelnikow

ගිතුබ් හි නොපෙන්වන ඔබට කළ හැකි නාමාවලියක් ඇති බව මට මතකයි. මට එය සොයාගත හැකි වන තෙක්, මෙම ලිපිය ඊළඟට භාවිතා කිරීමට හොඳම දේ ලෙස පෙනේ. ස්තූතියි!
ෂඩොනින්ජා

23

සිදු ඔබේ ප්රතිරූපය ( image.png ෆෝල්ඩරයක් (දී) myFolder ) සහ ඔබගේ දී, පහත දැක්වෙන රේඛාව එකතු README.md :

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


17
  • පින්තූර එකතු කිරීම සම්බන්ධයෙන් ගැටළුවක් සාදන්න
  • ඇදගෙන යාමෙන් හෝ ගොනු තේරීමෙන් රූපය එක් කරන්න
  • ඉන්පසු රූප ප්‍රභවය පිටපත් කරන්න

  • දැන් ![alt tag](http://url/to/img.png)ඔබගේ README.md ගොනුවට එක් කරන්න

කළා!

විකල්පයක් ලෙස ඔබට වැනි රූප සත්කාරක වෙබ් අඩවියක් භාවිතා කළ හැකිය imgur එය ලබාගෙන එය ඔබේ README.md ගොනුවට එක් කරන්න හෝ ඔබට ස්ථිතික ගොනු සත්කාරකත්වයද භාවිතා කළ හැකිය.

නියැදි ගැටළුව


මගේ මතය අනුව ඒවා එකතු කිරීමට පහසුම ක්‍රමය මෙයයි. ඒවා කොටුව තුළට ඇදගෙන ගොස් ලිපිනය පිටපත් කර පහත ශීර්ෂ පා with සමඟ ඔබේ කියවීමේ යන්ත්‍රයට අලවන්න. බූම්, ඔබ ඉවරයි.
ජෝ හිල්

16

මගේ README ගොනුවේ පින්තූර කිහිපයක් ඇතුළත් කිරීමට අවශ්‍යයි. එය කරන්නේ කෙසේදැයි මම නොදනිමි.

ඔබේ GitHub ගබඩාවේ කියවීම සඳහා සරල රූප ගැලරි නිර්මාණය කිරීමට සහ අභිරුචිකරණය කිරීමට ඔබට ඉඩ සලසන කුඩා විශාරදයක් මම නිර්මාණය කළෙමි: ReadmeGalleryCreatorForGitHub බලන්න .

GitHub විසින් img ටැග් සිදුවීමට ඉඩ සලසයි යන කාරණයෙන් විශාරදයා ප්‍රයෝජන ගනී README.md. එසේම, විශාරදයා ජනප්‍රිය උපක්‍රමය GitHub වෙත උඩුගත කිරීමේ උපක්‍රමය භාවිතා කර ඒවා ගැටළු සහිත ප්‍රදේශයට ඇදගෙන යාමෙන් (දැනටමත් මෙම ත්‍රෙඩ් එකේ පිළිතුරක සඳහන් කර ඇති පරිදි).

රූප විස්තරය මෙහි ඇතුළත් කරන්න


2
මෙම මෙවලමට ආදරය කරන්න!
ඩෑන්

1
මමත් මෙම මෙවලමට කැමතියි, මෙය Git හි පෙරනිමි ලක්ෂණය විය යුතුය !!
shridutt kothari

14

මූලික සින්ටැක්ස්

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

මෙහි:

  1. my-image-alt-tag: රූපය නොපෙන්වන්නේ නම් දර්ශනය වන පෙළ.
  2. url-to-image: ඔබගේ රූප සම්පත කුමක් වුවත්. රූපයේ යූආර්අයි

උදාහරණයක්:

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

මෙය පහත පරිදි වේ:

ඇලමින් විසින් පිටාර ගැලීමේ රූපය ගොඩ ගසන්න


14

එකතු කරන්න <img>ඔබේ ගබඩාවට සාපේක්ෂ src සමඟ ඔබේ README.md වෙත ටැගයක් කරන්න. ඔබ සාපේක්ෂ src භාවිතා නොකරන්නේ නම්, සේවාදායකය CORS සඳහා සහය දක්වන බවට වග බලා ගන්න.

එය ක්‍රියාත්මක වන්නේ GitHub inline-html සඳහා සහය දක්වන බැවිනි

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

මෙහි නිරීක්ෂණය කරන්න


10

කැපී පෙනෙන ලෙස වගු භාවිතා කරන්න, එය එයට වෙනමම ආකර්ෂණයක් ලබා දෙනු ඇත

වගු සින්ටැක්ස් යනු:

එක් එක් තීරු කොටුව සංකේතයෙන් වෙන් කරන්න |

සහ වගු ශීර්ෂය (පළමු පේළිය) 2 වන පේළිය අනුව ---


| col 1 | col 2 |
| ------------ | ------------- |
| රූපය 1 | රූපය 2 |

ප්‍රතිදානය

රූප විස්තරය මෙහි ඇතුළත් කරන්න


<img src="url/relativePath">ඔබ රූප දෙකක් භාවිතා කරන්නේ නම් දැන් රූපය 1 සහ රූප 2 හි තබන්න


සටහන: බහු පින්තූර භාවිතා කිරීමෙන් තවත් තීරු ඇතුළත් වේ නම්, ඔබට කියවිය හැකි පෙනුමක් ලබා දීම සඳහා පළල සහ උස ගුණාංග භාවිතා කළ හැකිය.

උදාහරණයක්


| col 1 | col 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">|

පරතරය වැදගත් නැත

ප්‍රතිදාන රූපය

රූප විස්තරය මෙහි ඇතුළත් කරන්න

උදව් කළේ: ඇඩම්-පි


5
වගු භාවිතය OP ප්‍රශ්නයේ මාතෘකාවට අදාල නොවේ.
mhucka

1
යෙදුමක තිරපිටපත් එකතු කිරීම මේ ආකාරයෙන් කළ හැකිය, ස්තූතියි
උපජා

වගු වෙනුවට CSS භාවිතා කරන්න, එය ඔබගේ ලෝකය සොලවනු ඇත.
jeffmcneill

9

ඔබට කළ හැක්කේ:

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)


1
පරිපූර්ණ හා හැපෙනසුළු.
බිස්වාජිත් දාස්

1
එය ක්‍රියාත්මක වේ, ඇත්ත වශයෙන්ම, මෙම පිළිතුර පිළිගත යුතු යැයි මම සිතමි
Luk Aron

8

මගේ නඩුවේදී මම imgur භාවිතා කර link ජු සබැඳිය මේ ආකාරයෙන් භාවිතා කරමි .

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

8

විකල්ප ගිතුබ් සීඩීඑන් සබැඳිය භාවිතයෙන් ඔබට README.md වෙතින් (හෝ බාහිරව) ඔබේ ව්‍යාපෘතියේ පින්තූර සමඟ සම්බන්ධ විය හැකිය.

URL එක මේ වගේ වනු ඇත:

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

උදාහරණය කාවැද්දූ රූපය: රූප

CDN සබැඳිය

සීඩීඑන් සබැඳිය භාවිතා කරමින්, මට ගොනුවට සම්බන්ධ කළ හැකිය (රූපයක් ලෙස විදැහුම් කිරීම):

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

උදාහරණය කාවැද්දූ රූපය: රූප

මගේ README.mdගොනුවේ සහ මගේ PyPi ව්‍යාපෘතියේ ප්‍රතිව්‍යුහගත ටෙක්ස්ට් ඩක්මන්ටේෂන් ( මෙහි ) යන දෙකෙහිම මගේ ව්‍යාපෘතියෙන් රූප භාවිතා කළ හැකි ආකාරය මෙයයි.


7

මම මෙම ගැටලුව විසඳා ඇත්තෙමි. ඔබට අවශ්‍ය වන්නේ වෙනත් කෙනෙකුගේ කියවීමේ ගොනුවකට පමණි.

මුලදී, ඔබ පින්තූර ගොනුවක් ගිතුබ් කේත පුස්තකාලයට උඩුගත කළ යුතුය! ඉන්පසු රූප ගොනුවේ ලිපිනයට යොමු කරන්න.



රූප විස්තරය මෙහි ඇතුළත් කරන්න

රූප විස්තරය මෙහි ඇතුළත් කරන්න


6

මම සාමාන්‍යයෙන් වෙබ් අඩවියේ රූපය සත්කාරකත්වය දරමි, මෙය ඕනෑම සත්කාරක රූපයකට සම්බන්ධ කළ හැකිය. මෙය කියවීමේදී විසි කරන්න. .rstලිපිගොනු සඳහා වැඩ කරයි, විශ්වාස නැත.md

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

5

මගේ නඩුව, මම මත මුද්රිත තිර පෙන්වන්න අවශ්ය Githubපමණක් නොව, මත NPM. සාපේක්ෂ මාර්ගය භාවිතා කිරීම ඇතුළත ක්‍රියාත්මක වුවද Github, එය ඉන් පිටත ක්‍රියා නොකරයි. මූලික වශයෙන්, මම මගේ ව්‍යාපෘතිය ද තල්ලු කළද NPM(එය සරලවම එය භාවිතා කරයි readme.md, රූපය කිසි විටෙකත් නොපෙන්වයි.

මම ක්‍රම කිහිපයක් උත්සාහ කළෙමි, අවසානයේ මෙය මට වැඩ කළේය:

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

NPMමගේ පැකේජය ප්‍රකාශයට පත් කළ හැකි වෙනත් ඕනෑම තැනක හෝ වෙනත් තැනක මගේ රූපය නිවැරදිව දකිමි .


5

ප්‍රලේඛනය සඳහා ඔබට පින්තූර කිහිපයක් උඩුගත කිරීමට අවශ්‍ය නම්, හොඳ ප්‍රවේශයක් වන්නේ git-lfs භාවිතා කිරීමයි . ඔබ git-lfs ස්ථාපනය කර ඇති බව උපකල්පනය කරමින් මෙම පියවර අනුගමනය කරන්න:

  1. ඔබගේ එක් එක් රූප වර්ගය සඳහා git lfs සම්බන්ධ කරන්න:

    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. ඕනෑම පින්තූරයක් doc ෆෝල්ඩරයට පිටපත් කරන්න. පසුව ඒවා git addවිධානය හරහා එක් කරන්න .

  4. කැපවී තල්ලු කරන්න.

  5. පින්තූර පහත දැක්වෙන url හි ප්‍රසිද්ධියේ ලබා ගත හැකිය:

    https://media.githubusercontent.com/media/ ^ github_username ^ / ^ repo ^ / ^ ශාඛාව ^ / ^ repo හි රූප_ ස්ථානගත කිරීම ^

කොහේද: * ^github_username^යනු ගිතබ් හි පරිශීලක නාමයයි (ඔබට එය පැතිකඩ පිටුවෙන් සොයාගත හැකිය) * ^repo_name^යනු නිධියෙහි නම * ^branch^යනු රූපය උඩුගත කරන ලද නිධිය ශාඛාවයි *^image_location in the repo^ යනු රූපය ගබඩා කර ඇති ෆෝල්ඩරය ඇතුළු ස්ථානයයි.

ඔබට පළමුව රූපය උඩුගත කළ හැකි අතර පසුව ඔබේ ව්‍යාපෘති ගිතුබ් පිටුවේ ඇති ස්ථානයට ගොස් රූපය සොයා ගන්නා තෙක් සැරිසැරීමට downloadබොත්තම ඔබා ඉන්පසු බ්‍රව්සරයේ ලිපින තීරුවෙන් url පිටපත් කරන්න.

මේක බලන්න මගේ ව්‍යාපෘතියෙන් යොමු කිරීමක් ලෙස .

එවිට ඔබට ඉහත සඳහන් කළ සලකුණු සින්ටැක්ස් භාවිතයෙන් ඒවා ඇතුළත් කිරීමට 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)

5

මේ වැඩ කරන්න !!

ඔබගේ ලිපිගොනු ලොකු අකුර ටැගයෙහි සටහන් කර PNG ගොනුව ඇතුල් කරන්න, සහ කිසිදු මාර්ගයක් නොමැතිව ගොනු නාමයට සම්බන්ධ කරන්න:

![Screenshot](screenshot.png)

5

මම දැනටමත් පිළිගත් පිළිතුරට උදාහරණයක් දිගු කිරීම හෝ එකතු කිරීමකි.

ඔබ රූපය ඔබේ ගිතුබ් ගබඩාවට දැමූ පසු.

ඉන්පසු:

  • ඔබගේ බ්‍රව්සරයේ අනුරූප Github repo විවෘත කරන්න.
  • ඉලක්කගත අනුරූප ගොනුව වෙත සංචාලනය කරන්න ඉන්පසු රූපය නව පටිත්තකින් විවෘත කරන්න. නව ටැබ් එකක රූපය විවෘත කිරීම
  • Url පිටපත් කරන්න බ්‍රව්සර් පටිත්තෙන් url පිටපත් කරන්න
  • අවසාන වශයෙන් පහත දැක්වෙන රටාවට 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මූල නාමාවලියෙහි ඇත.

1
මා වෙනුවෙන් දෝෂ රහිතව වැඩ කළ එකම එක මෙයයි. “මාස්ටර්” යන්නෙන් නාමාවලියක් හෝ ශාඛාවක් වේවා, මූල ආරම්භය කොතැනද යන්න පිළිබඳව ව්‍යාකූලත්වයක් නොමැත. සිතන්න.
තෝමස් බ්‍රවුන්

5

ඔබට මෙය කළ හැකි සරල ක්‍රම 2 ක් ඇත,

1) HTML img ටැගය භාවිතා කරන්න,

2)! [] (ඔබේ රූපය සුරකින මාර්ගය / image-name.png)

ඔබ එම රූපය විවෘත කර ඇති අතරතුර බ්‍රව්සරයේ URL වෙතින් පිටපත් කළ හැකිය. පරතරය පිළිබඳ ගැටළුවක් ඇතිවිය හැක, එබැවින් කිසියම් ඉඩක් b / w වචන දෙකක් හෝ රූප නාමයෙන් add->% 20 තිබේදැයි තහවුරු කරගන්න. බ්‍රව්සරයේ මෙන්.

ඔවුන් දෙදෙනාම වැඩ කරනු ඇත, ඔබට වැඩිදුර අවබෝධ කර ගැනීමට අවශ්‍ය නම් ඔබට මගේ ගිතුබ් පරීක්ෂා කළ හැකිය -> https://github.com/adityarawat29


මෙය මට වැඩ කර ඇත. මා භාවිතා කළ README.md යටතේ "යෙදුම්" ෆෝල්ඩරයක රූපයක් තිබීම:![](images/ss_apps.png)
cdsaenz

1
අවකාශය ගැටළුවක් බව ආදිත්‍ය පමණක් සඳහන් කිරීම ගැන මම පුදුමයට පත් වෙමි. තරමක් මෝඩ ආකාරයකින් ද දෝෂ නොමැත, නමුත් ඔබේ වාක්‍ය ඛණ්ඩය ප්‍රදර්ශනය වන්නේ එවැනි අංගයක් පවා නොපවතින බැවිනි. මේ ගැන සඳහන් කිරීම සඳහා මගෙන් විමසන්න.
ටම්මි

5

මෙම පිළිතුර ද මෙතැනින් සොයාගත හැකිය: මෙතැනින් https://github.com/YourUserAccount/YourProject/blob/master/DirectoryPath/ReadMe.md

භාවිතා කරමින් repo වෙතින් පින්තූර පෙන්වන්න:

පෙර සූදානම් වසම: https://raw.githubusercontent.com/

ධජය එකතු කරන්න: ?sanitize=true&raw=true

භාවිත <img />ටැගය

නියැදි url භාවිතා කරමින් svg, png සහ jpg සඳහා ක්‍රියා කරයි:
  • වසම :raw.githubusercontent.com/
  • පරිශීලක නාමය :YourUserAccount/
  • Repo :YourProject/
  • ශාඛාව :YourBranch/
  • මාර්ගය :DirectoryPath/
  • ගොනු නාමය :example.png

SVG, PNG, සහ JPEG සඳහා ක්‍රියා කරයි

 - `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.include-an-svg-hosted-on-github -in-markdown / readme.md


මම විමසුම් දාමය ඉවත් කරන තුරු එය මට වැඩ කළේ නැත.
mhenry1384

1
අවම වශයෙන් .png සහ raw.githubusercontent.com සඳහා sanitize = සත්‍යය ක්‍රියා නොකරන අතර එය ඉවත් කළ යුතුය. raw = සත්‍ය ක්‍රියා හොඳයි. github.com/sphinxy/AppDynamics.Playground/blob/master/README.md
Danila Polevshikov

1
rawgit.com 2018 දී වසා දමා ඇති අතර තවදුරටත් භාවිතා නොකළ යුතුය; ඔබ එය මෙම පිළිතුරෙන් ඉවත් කළ යුතුය. raw.githubusercontent.com , ඔබ ද සඳහන් කරන ආසන්නතම විකල්පය මෙයයි.
රෝරි ඕ'කේන්

4

මම වෙනත් විසඳුමක් සොයාගෙන ඇති නමුත් ඊට වඩා වෙනස් ය, මම එය පැහැදිලි කරමි

මූලික වශයෙන්, මම රූපය පෙන්වීමට ටැගය භාවිතා කළෙමි, නමුත් රූපය ක්ලික් කළ විට මට වෙනත් පිටුවකට යාමට අවශ්‍ය වූ අතර මෙන්න මම එය කළ ආකාරයයි.

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

ඔබ එය එකිනෙකට යාබදව, නව පේළියකින් වෙන් කර ඇත්නම්, මම අනුමාන කරන්නේ ඔබ රූපය ක්ලික් කළ විට, එය ඔබට හරවා යැවීමට අවශ්‍ය අනෙක් වෙබ් අඩවියට href ඇති ටැගය වෙත යයි.


2

නවතම

විකී වලට PNG, JPEG, හෝ GIF රූප පෙන්විය හැකිය

දැන් ඔබට භාවිතා කළ හැකිය:

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

-හෝ-

මෙම පියවර අනුගමනය කරන්න:

  1. GitHub හි, ගබඩාවේ ප්‍රධාන පිටුවට යන්න.

  2. ඔබේ ගබඩාවේ නම යටතේ, විකී ක්ලික් කරන්න.

  3. විකී පැති තීරුව භාවිතා කරමින්, ඔබට වෙනස් කිරීමට අවශ්‍ය පිටුවට යන්න, ඉන්පසු සංස්කරණය කරන්න ක්ලික් කරන්න.

  4. විකි මෙවලම් තීරුවේ, ක්ලික් කරන්න රූප .

  5. "රූපය ඇතුළු කරන්න" සංවාද කොටුව තුළ, රූප URL සහ alt පෙළ ටයිප් කරන්න (එය සෙවුම් යන්ත්‍ර සහ තිර පා .කයින් භාවිතා කරයි).

  6. හරි ක්ලික් කරන්න.

ලියකියවිලි බලන්න .


2

tableබහු තිර දර්ශන එකතු කරන්නේ නම් භාවිතා කිරීම සලකා බලා මෙහි පෙන්වා ඇති පරිදි වැඩි දියුණු කළ හැකි ප්‍රවේශයන් සඳහා ටැබුලර් දත්ත භාවිතා කර ඒවා පෙළගැස්වීමට අවශ්‍යය:

ඉහළ තේ

ඔබේ මාර්ක්ඩවුන් පාර්සර් එයට සහය දක්වන්නේ නම්, ඔබට role="presentation"ටේබල් මූලද්‍රව්‍යයට WIA-ARIA ගුණාංගය එකතු කර thටැග් මඟ හැරිය හැක.


1

අපට මෙය සරලව කළ හැකිය,

  • GitHub හි නව නිකුතුවක් සාදන්න
  • divනිකුතුවේ ශරීරය මත පින්තූර ඇදගෙන යන්න

තත්පර කිහිපයකට පසු, සබැඳියක් ජනනය වේ. දැන්, සබැඳිය හෝ රූප URL ය පිටපත් කර ඕනෑම සහාය වේදිකාවක් භාවිතා කරන්න.


1

ඔබගේ ගබඩාවේ රූපය උඩුගත ගොනු විකල්පයෙන් පසුව README ගොනුවේ එක් කරන්න

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

1

මා සඳහන් නොකළ තවත් විකල්පයක් තිබේ. ඔබේ පරිශීලකයා හෝ සංවිධානය යටතේ "වත්කම්" නමින් තවත් ගබඩාවක් සෑදිය හැකිය. ඔබගේ පින්තූර මෙම ගබඩාවට තල්ලු කර ඔබේ අනෙක් ගබඩාවලින් ඒවා යොමු කරන්න:

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

මම මෙය මගේ එක් ගබඩාවක කර ඇති අතර එය මට හොඳින් ගැලපේ. මගේ සියලු ව්‍යාපෘති සඳහා මගේ README පින්තූර මගේ කේතයෙන් ස්වාධීනව සංස්කරණය කළ හැකිය, නමුත් ඒවා සියල්ලම එක තැනක තබා ගන්න . ගැටළු හෝ ශාඛා හෝ වෙනත් පහසුවෙන් අස්ථානගත වූ කෞතුක වස්තු අවශ්‍ය නොවේ.


1

පියවරෙන් පියවර ක්‍රියාවලිය, පළමුව ෆෝල්ඩරයක් සාදන්න (ඔබේ ෆෝල්ඩරය නම් කරන්න) සහ ඔබට Readme.md ගොනුවේ උඩුගත කිරීමට අවශ්‍ය රූපය / රූප එක් කරන්න. (ඔබේ ව්‍යාපෘතියේ දැනට පවතින ඕනෑම ෆෝල්ඩරයක ඔබට රූපය / රූප එක් කළ හැකිය.) දැන්, Readme.md ගොනුවේ සංස්කරණ අයිකනය මත ක්ලික් කරන්න, ඉන්පසු

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

රූපය එකතු කිරීමෙන් පසුව, "වෙනස්කම් පෙරදසුන් කරන්න" ටැබයේ වෙනස්කම් වල පෙරදසුනක් ඔබට දැකිය හැකිය.ඔබේ ඔබේ රූපය මෙහි සොයාගත හැකිය. උදාහරණයක් ලෙස, මගේ නඩුවේ,

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

යෙදුම් ෆෝල්ඩරය -> src ෆෝල්ඩරය -> ප්‍රධාන ෆෝල්ඩරය -> res ෆෝල්ඩරය -> ඇද ගත හැකි ෆෝල්ඩරය -> සහ ඇතුළත ඇද ගත හැකි ෆෝල්ඩරය 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 - ඔබගේ අනුරූප ගොනු නාමයේ කිසිදු ඉඩක් නොමැති බවට වග බලා ගන්න. එහි අවකාශයන් තිබේ නම් ගොනුවේ නම අතර එක් එක් ඉඩ සඳහා% 20 එකතු කළ යුතුය. අවකාශය ඉවත් කිරීම වඩා හොඳය.

සටහන 2 - ඔබට HTML ටැග් භාවිතයෙන් රූපය ප්‍රමාණය වෙනස් කළ හැකිය, නැතහොත් වෙනත් ක්‍රම තිබේ. ඔබට එය තවත් ගූගල් කළ හැකිය. ඔබට එය අවශ්‍ය නම්.

මෙයින් පසු, ඔබගේ බැඳීම් වෙනස් කිරීමේ පණිවිඩය ලියන්න, ඉන්පසු ඔබේ වෙනස්කම් කරන්න.

එය කිරීම, ගැටළුවක් නිර්මාණය කිරීම සහ යනාදිය වැනි තවත් බොහෝ කරදර තිබේ. මේ දක්වා මා හමු වී ඇති හොඳම ක්‍රමය මෙයයි.

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.