GitHub üzrə README.md şəkillərinə əlavə edin

Bu yaxınlarda github qoşulub. Orada bir neçə layihə apardı.

README dosyanamda bəzi şəkilləri əlavə etməliyəm. Bunu necə edəcəyimi bilmirəm.

Mən bunu axtarırdıq, amma aldığım bütün "İnternetdə şəkilləri göndərmək və README.md faylında təsvirin yolunu göstərmək" deyə bir neçə keçiddir.

Üçüncü tərəf veb hostingə təsvir etmədən bunu etmək üçün bir yol varmı?

1220
24 янв. Midhun millət vəkili Jan 24 təyin edildi 2013-01-24 08:44 '13 at 8:44 2013-01-24 08:44
@ 24 cavab

Bu marka edin:

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

Deponun saxladığı halda, birbaşa xammalın versiyasını bağlaya bilərsiniz. yəni.

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

Edit: gh səhifələrinin istifadəsini nəzərdə tutan bir məqaləyə istinadən bir şərh etdi. Əlavə olaraq, nisbi linklər yuxarıda nəşr olunan mütləq URL-lərdən daha yaxşı ola bilər.

1287
24 янв. Cavab verildi kapitan12 Yanvar 24 2013-01-24 08:46 '13 'da saat 08:46' da 2013-01-24 08:46

Siz həmçinin, məsələn, nisbi yollardan istifadə edə bilərsiniz

border=0
 ![Alt text](relative/path/to/img.jpg?raw=true "Title") 
237
08 окт. cavab 08 oktyabr 2015-10-08 06:18 '15 at 6:18 'da 2015-10-08 06:18
  • Yeni bir versiya yarada bilərsiniz.
  • üzərinə yükləyin (sürükləyici) şəkillər
  • Görünüşün URL'sini kopyalayın və README.md faylına yapışdırın.

Bunu ətraflı izah edən ətraflı YouTube video:

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

150
28 окт. Cavab Əhməd Akmi tərəfindən cümə axşamı 28 2014-10-28 09:03 '14 saat 09:03 2014-10-28 09:03

Çox asandır.

Yalnız təsvir kökünündakı təsvirləri yükləyin və fayl adına bir yol qoymayın, məsələn:

 ![Screenshot](screenshot.png) 
67
08 июля '16 в 23:07 2016-07-08 23:07 Cavab istifadəçi tərəfindən verilir3638471 İyul 08 '16 da 23:07 2016-07-08 23:07

Siz həmçinin sadə HTML tags ilə şəkillər əlavə edə bilərsiniz:

 <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> 
63
30 янв. Evin1_ cavabı 30 yanvardır 2016-01-30 07:45 '16 saat 07:45 'də 2016-01-30 07:45

Nəşr olunan həllərin əksəriyyəti natamamdır və mənim zövqümə uyğun deyil.

  • İmgur kimi xarici CDN, zəncirə bir başqa vasitə əlavə edir. Fur
  • Bir tracker problemində bir dummy problem yaratmaq hacking edir. Bu, qarışıqlıq yaradır və istifadəçiləri qarışdırır. Bu həllin fişə və ya GitHub-a köçürülməsi bir ağrıdır.
  • Bir gh səhifə şöbəsi istifadə edərək URL'leri kövrək edir. GH səhifəsini dəstəkləyən bir layihə üzərində işləyən başqa bir şəxs xaricdən bir şeyin bu şəkillərin yolundan asılı olduğunu bilməyəcəkdir. GH səhifələrində mövzu GitHub'da xüsusi bir davranışa sahibdir, bu da CDN şəkilləri yerləşdirmək üçün lazım deyildir.
  • Versiyaya nəzarətdə aktivlərin izlənməsi yaxşıdır. Layihə bir çox istifadəçi tərəfindən dəyişikliklərin idarə olunması və izlənməsinin daha sürətlə inkişaf etdiyini və dəyişdiyini göstərir.
  • Şəkil xüsusi bir proqram versiyasına istinad edirsə, dəyişməz görünüşü birləşdirmək üstün ola bilər. Beləliklə, əgər proqram proqramdakı dəyişiklikləri əks etdirmək üçün daha sonra yenilənirsə, readme'nin bu versiyasını oxuyan hər kəs düzgün görüntüyü tapacaqdır.

Bu mənada ilhamlanan mənim tercih etdiyim həlli, müəyyən dəyişikliklərdən əvvəl permalinks ilə aktivlərin bir filialını istifadə etməkdir.

 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. 

Görünüşün bu versiyasına "permalink" yaradın və onu Markdown-də bağlayın:

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

məsələn.

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

assets filialında həmişə son görünüşü göstərmək üçün bir addımın əvəzinə assets istifadə edin:

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

27
08 марта '17 в 20:13 2017-03-08 20:13 Cavab paulmelnikow tərəfindən 8 Mart '17 'də 20:13 2017-03-08 20:13' də verilir

Şəkil ( image.png ) qovluğunda ( myFolder ) düzəldinREADME- a aşağıdakı satırı əlavə edin . md :

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

14
14 июня '17 в 13:01 2017-06-14 13:01 Cavab Darush tərəfindən 14 İyun '17' də saat 13:01 'də veriləcək, 2017-06-14 13:01
  • Şəkil əlavə etməklə problem yaradın
  • Sürüklə və ya bir fayl seçərək bir şəkil əlavə edin
  • Daha sonra şəkil qaynağını kopyalayın

  • İndi əlavə edin ![alt tag](http://url/to/img.png) README.md dosyanıza

Bitti!

Alternativ olaraq, siteyi imgur kimi ev sahibliyi etmək üçün istifadə edə bilərsiniz və URL'sini almaq və README.md dosyanıza əlavə edə bilərsiniz və ya bəzi statik faylları hosting istifadə edə bilərsiniz.

Nümunə problemi

12
12 окт. cavab 12 ay 1212-də verilir . 2016-10-12 22:02 '16 saat 10:02 'da 2016-10-12 22:02

Əsas sintaksis

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

Burada:

  • my-image-alt-tag: görüntünün görünmemesi durumunda görüntülenen metin.
  • url-to-image: görüntü mənbəyinizdən asılı olmayaraq. Image URI

Məsələn:

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

Bu kimi görünür:

2019

Cavab Md verilir . 21 янв. Alamin Mahamud Jan 21 2016-01-21 19:09 '16 at 19:09 2016-01-21 19:09

Sadəcə <img> əlavə <img> README.md deposuna nisbi src ilə. Nisbi src istifadə etmirsinizsə, server CORS-ni dəstəkləyir.

Bu, GitHub inline-html-i dəstəklədiyi üçün işləyir .

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

Burada baxın

9
25 марта '18 в 23:27 2018-03-25 23:27 cavab 25 mart '18' də saat 11: 27-də 2018-03-25 23:27 'də roketpacer tərəfindən verilir

README dosyanamda bəzi şəkilləri əlavə etməliyəm. Bunu necə edəcəyimi bilmirəm.

GitHub deposu üçün sadə şəkil qalereyaları yaratmaq və fərdiləşdirməyə imkan verən kiçik bir sehrbaz yaratdı: ReadmeGalleryCreatorForGitHub .

Sihirbaz, GitHub-nun README.md -də img tags yaratmasına imkan yaradır. Əlavə olaraq, sihirbaz, problem sahəsi (bu axındakı cavablardan birində qeyd olunduğu kimi) onları sürükleyerek GitHub'a şəkillər yükləmək üçün populyar oyundan istifadə edir.

8
25 сент. cavab B12Toaster 25 sep verilir . 2015-09-25 23:48 '15 at 23:48 2015-09-25 23:48

Mənim vəziyyətimdə imgur istifadə edirəm və bu şəkildə birbaşa əlaqə istifadə edirəm.

 ![img](http://i.imgur.com/yourfilename.png) 
6
13 дек. Kegham K tərəfindən verilmiş cavab . 13 dekabr. 2016-12-13 05:00 '16 saat 5:00 'də 2016-12-13 05:00

Bu problemi həll etdim. Yalnız başqa readme faylına müraciət etmək lazımdır.

Birincisi, şəkil faylını github kod kitabxanasına yükləməlisiniz! Sonra görüntü faylının ünvanına birbaşa keçid.



2019

25 февр. cavab fevral ayının 25-də verilir 2016-02-25 06:04 '16 at 6:04 2016-02-25 06:04

Ümumiyyətlə saytda təsvir edirəm, hər hansı bir ev sahibliyi edilən bir görüntünün bir keçidi ola bilər. Sadəcə büdcəyə buraxın. .rst faylları üçün .rst haqqında əmin deyil

 .. image:: https://url/path/to/image :height: 100px :width: 200 px :scale: 50 % 
5
12 мая '15 в 20:15 2015-05-12 20:15 12 May 'da 20:15 ' də Adam Hughes tərəfindən cavab verildi 2015-05-12 20:15

Projenizdeki görüntülərə, README.md (və ya xaricdən), github CDN-ə alternativ linkdən istifadə edə bilərsiniz.

URL bu kimi görünür:

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

Mənim layihəmdə SVG şəkli var və Python layihəsi sənədlərinə istinad edəndə onu göstərmir.

Layihəyə keçid

Faylın layihə bağlantısı (image kimi göstərilmir):

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

Nümunə gömülü şəkil:

Raw link

Burada bir RAW fayl bağlantısı (hələ bir şəkil kimi görünmür):

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

Nümunə gömülü şəkil:

Cdn bağlantısı

CDN bağlantısını istifadə edərək, bir fayl (şəkil kimi göstərilir) ilə əlaqələndirə bilərəm:

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

Nümunə gömülü şəkil:

Mənim README.md həm də README.md faylında və mənim reStructredText layihəmdə PyPi-də ( burada )

5
10 февр. Cavab CGC 10 fevralda verilir. 2018-02-10 19:52 '18 at 19:52 2018-02-10 19:52

Mənim vəziyyətimdə Github , NPM də çap ekranını göstərmək istərdim. Github içində nisbi yolun istifadəsi olsa da, bunun xaricində işləməmişdi. Prinsipcə, layihəmi NPM readme.md (sadəcə eyni readme.md istifadə edir, görünüş heç vaxt göstərilməyib).

Mən bir neçə yolu sınamışam, nəticədə bu mənim üçün işləyirdi:

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

İndi mənim NPM və ya başqa bir yerdə mənim paketi dərc etmək üçün düzgün görürəm.

4
28 июля '16 в 2:31 2016-07-28 02:31 Cavab 28 iyul tarixində saat 16 : 20 - də 2016-07-28 02:31 tarixində gxiscoding tərəfindən verilir

Sənədlər üçün bir neçə təsvir yüklədiyiniz halda, yaxşı bir yanaşma git-lfs istifadə etməkdir . Git-lfs yüklü olduğunuzu varsayarsak, aşağıdakı adımları baxın:

  1. Görünüşünüzün hər növü üçün git lfs tətbiq edin:

     git lfs *.png git lfs *.svg git lfs *.gif git lfs *.jpg git lfs *.jpeg 
  2. Məsələn bir şəkil yeri olaraq istifadə ediləcək bir qovluq yaradın. doc . GNU / Linux və Unix əsaslı sistemlərdə bunu aşağıdakılardan istifadə etmək olar:

     cd project_folder mkdir doc git add doc 
  3. Qovluqdakı sənədləri sənədlərlə kopyalayıb yapışdırın. Sonra onlara git add əmri ilə əlavə edin.

  4. Keçin və vurun.

  5. Şəkillər aşağıdakı ünvanlarda açıqdır:

    https://media.githubusercontent.com/media/ ^ github_username ^ / ^ repo ^ / ^ filialı ^ / ^ deposunda image_location ^

Burada: * ^github_username^ - github istifadəçi adı (profil səhifəsində tapa bilərsiniz) * ^repo_name^ - deposu adı * ^branch^ - şəkil yükləndiyi depo filialı ^image_location in the repo^ şəkilin saxlandığı yerdir.

Bundan əlavə, əvvəlcə şəkilləri bərpa edə bilərsiniz və sonra github layihələr səhifəsindəki qovluğa gedin və şəkili tapana qədər gedin, sonra da download düyməsini basın və brauzerin ünvan çubuğundan URL kopyalayın və yapışdırın.

Bu layihədən mənbə olaraq baxın.

Daha sonra URL'yi yuxarıda göstərilən markdown sözdizimindən istifadə etmək üçün istifadə edə bilərsiniz:

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

Məsələn: məsələn, bu fotoşəkili istifadə edəcəyik . Sonra markdown sözdizimini istifadə edə bilərsiniz:

4
19 нояб. Cavab Dimitrios Desyllas tərəfindən 19 noyabrda verilir 2017-11-19 00:07 '17 'də 0:07 2017-11-19 00:07' də

Mən sadəcə genişlənirəm və ya artıq qəbul olunmuş bir cavab üçün bir nümunə əlavə edirəm.

Görünüşünüzü Github deposunda yerləşdirdikdən sonra.

Sonra:

  • Brauzerinizdə müvafiq Github repo açın.
  • Hedef görüntü faylına gedin. Sonra sadəcə yeni bir sekmeyle şəkil açın. 2019
29 авг. Cavab Şad 29 avqustda verilir . 2018-08-29 22:40 '18 saat 10:40 'da 2018-08-29 22:40' də

YALNIZ İSTİFADƏ!

etiketteki üst halda faylınızın adının PNG faylını kökünə qoyduğunu və yolu belirtmeden fayl adı ilə ilişkilendirdikten əmin olun:

 ![Screenshot](screenshot.png) 
1
14 авг. cavab Farbod Aprin 14 avqustda verilir . 2018-08-14 21:10 '18 saat 9:10 'da 2018-08-14 21:10

Yalnız edə bilərsiniz:

 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 

Sonra README aşağıdakı kimi istinad edə bilərsiniz:

![diagram](diagram.png)

1
14 дек. Cavab Daniel 14 dekabr. 2018-12-14 02:10 '18, 2:10 2018-12-14 02:10

TƏHLÜKƏSİZ

Wikis images PNG, JPEG və ya GIF formatında göstərə bilər.

İndi istifadə edə bilərsiniz:

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

- Və ya eyni

Bu addımları edin:

  1. GitHub'da ana depo səhifəsinə daxil olun.

  2. Depo adı altında Wiki'yi basın.

  3. Wiki kenar çubuğunu istifadə edərək, düzəliş etmək istədiyiniz səhifəyə keçin və "Düzenle" düyməsini basın.

  4. Wiki araç çubuğunda Resim'i basın.

  5. Image daxil et əlaqə qutusunda, şəkil URL və alternativ mətni daxil edin (axtarış motorları və ekran oxucuları tərəfindən istifadə olunur).
  6. Tamam'ı basın.

Sənədlərə baxın.

1
23 янв. Cavab 23 yanvarda Lal Krishna tərəfindən verilir . 2018-01-23 12:01 '18 at 12:01 pm 2018-01-23 12:01

Bir neçə ekran görüntüsünü eklerseniz və burada göstərildiyi kimi, əlçatanlığı yaxşılaşdırmaq üçün onları cədvəlli məlumatlardan istifadə etməklə table istifadə etməyi düşünün:

Markdown analizatorunuz bunu dəstəkləyərsə, WIA-ARIA role="presentation" özniteliğini TABLE elementinə əlavə edə bilərsiniz və th etiketlərini buraxa bilərsiniz.

0
17 окт. Josh Habdas tərəfindən verilmiş cavab 17 oktyabr 2018-10-17 16:09 '18 at 4:09 pm 2018-10-17 16:09

Biz sadəcə bunu edə bilərik,

  • Github'ta yeni bir azad yaratmaq
  • azad div bədəninə sürüşdürün və damla div

bir neçə saniyə ərzində bir link yaradılacaq. İndi link və ya görünüş URL'sini kopyalayın və hər hansı bir dəstəklənən platformada istifadə edin.

0
08 июля '18 в 15:03 2018-07-08 15:03 Cavab iPython tərəfindən verilir 08 iyul '08 15:03 2018-07-08 15:03

GitHub və ZenHub onların qrafik planlarını dəyişdikdən sonra ZenHub ilə yeniləmək istəmişdim.

ZenHub qurduğunuzda və GitHub-a daxil olmağınız üçün Repo-da bir dəfə ZenHub sekmesine gələ bilərsiniz və yeni bir sərbəst buraxın.

Bu, Əhməd Aminin videolarının YouTube-da yayımlanmasının yenilənmiş bir versiyasıdır.

Addım 1: 2019

12 окт. Cavab 12 oktyabrda nanoman tərəfindən verilir . 2018-10-12 08:04 '18 saat 08:04 'da 2018-10-12 08:04