GitHub deposundaki README dosyasına bir ekran görüntüsü yerleştirmek mümkün müdür? Sözdizimi nedir?

Markdown (README.md) kullanıyorsanız:

Reponuzda resim olması koşuluyla, göreli bir URL kullanabilirsiniz:

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

Başka bir yerde barındırılan bir resmi yerleştirmeniz gerekiyorsa, tam bir URL kullanabilirsiniz

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

GitHub , çatallı depoların doğru bir şekilde işaretlenmesini sağlamak için parametre ile göreli bağlantılar kullanmanızı önerir ?raw=true.

raw=trueParametre bağlanmak görüntüyü sağlamak amacıyla, orada olduğu gibi görüntüleniyor. Bu, söz konusu dosya için tüm GitHub arayüzüne değil, yalnızca görüntüye bağlanılacağı anlamına gelir. Daha fazla ayrıntı için bu yoruma bakın.

Bir örneği inceleyin: https://raw.github.com/altercation/solarized/master/README.md

Eğer SVG lezyonu kullanırsanız o zaman için sterilize özelliğini ayarlamak gerekir trueyanı: ?raw=true&sanitize=true. (Teşekkürler @EliSherer)

Ayrıca, README dosyalarındaki göreli bağlantılar hakkındaki belgeler: https://help.github.com/articles/relative-links-in-readmes

Ve elbette markdown belgeleri: http://daringfireball.net/projects/markdown/syntax

Ayrıca, screenshotsgörüntüleri saklamak için yeni bir dal oluşturursanız , masterçalışma ağacında olmalarını önleyebilirsiniz

Daha sonra bunları kullanarak gömebilirsiniz:

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

Kabul edilmiş bir cevap olmasına rağmen GitHub'da benioku görüntülerini yüklemek için başka bir yol eklemek istiyorum.

• Reponuzda sorun yaratmanız gerekiyor
• Resminizi yorum alanına sürükleyip bırakın
• Resmin bağlantısı oluşturulduktan sonra benioku dosyasına ekleyin

Daha fazla ayrıntıyı burada bulabilirsiniz

Repo'mdaki görüntüye giden yolun yeterli olmadığını, raw.github.comalt alandaki görüntüye bağlanmak zorunda olduğumu fark ettim .

URL biçimi https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}

Markdown örneği ![Settings Window](https://raw.github.com/ryanmaxwell/iArrived/master/Screenshots/Settings.png)

1. Resminizi postimage.org'a yükleyin
2. Github Markdown URL'sini edinin
3. BeniOku'nuza ekleyin

Aşağıdaki satırlardan biri aradığınız şey olmalıdır

dosyanız depodaysa

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

dosyanız başka bir harici URL'de ise

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

Görüntüleri görüntülemek için kullanılan işaretleme sözdizimi aslında:

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

AMA: Nasıl sağlanır url?

• Muhtemelen repo'nuzu ekran görüntüleri ile karıştırmak istemiyorsunuz, kodla ilgileri yok
• resminizi web'de kullanılabilir hale getirme zahmetiyle de uğraşmak istemeyebilirsiniz ... (bir sunucuya yükleyin ...).

Yani ... bu harika numarayı kullanabilirsiniz github'u görüntü dosyanızı barındırmak için . TDLR:

1. repo'nuzun sayı listesinde bir sorun yaratın
2. bu konuda ekran görüntünüzü sürükleyip bırakın
3. github'un sizin için oluşturduğu işaretleme kodunu kopyalayınresminizi görüntülemeniz
4. benioku üzerine (veya istediğiniz yere) yapıştırın

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

URL eklemekten çok daha basit Aynı depoya bir resim yükleyin, örneğin:

![Screenshot](screenshot.png)

bunu README'ye ekle

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

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

• Resim eklemeyle ilgili bir sorun oluşturun
• Resmi sürükleyip bırakarak veya dosya seçiciyle ekleyin

• Ardından görüntü kaynağını kopyalayın

• Şimdi ![Screenshot](http://url/to/img.png)README.md dosyanıza ekleyin

Bitti!

Alternatif olarak bazı görüntü barındırma sitelerini kullanabilir imgurve URL'sini alıp README.md dosyanıza ekleyebilirsiniz ya da bazı statik dosya barındırma da kullanabilirsiniz.

Örnek sorun

Yöntem 1-> İşaretleme yolu

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

Yöntem 2-> HTML yolu

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

veya

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

Not -> Resminizi şekillendirmek istemiyorsanız, örneğin yeniden boyutlandırın stil parçasını kaldırın

İlk olarak, yerel repo dosyanızın kökünde screenshotseklenmesini istediğiniz dizini (klasör) oluşturun . Bu dizinin adını çağıralım screenshots. Bu dizine eklemek istediğiniz görüntüleri (JPEG, PNG, GIF, `vb.) Yerleştirin.

Android Studio Çalışma Alanı Ekran Görüntüsü

İkinci olarak, her resme README'nize bir bağlantı eklemeniz gerekir. Bu nedenle, adlandırılmış görüntülerim varsa 1_ArtistsActivity.pngve 2_AlbumsActivity.pngekran görüntüleri dizinimde, bağlantılarını şöyle ekleyeceğim:

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

Her ekran görüntüsünü ayrı bir satıra istiyorsanız bağlantılarını ayrı satırlara yazın. Ancak, tüm bağlantıları yalnızca boşlukla ayrılmış bir satırda yazarsanız daha iyi olur. Aslında çok iyi görünmeyebilir, ancak bunu yaparak GitHub bunları sizin için otomatik olarak düzenler.

Son olarak, değişikliklerinizi yapın ve itin!

Birkaç benzer soruyu araştırdım ve sorunumla ve oldukça basit / kolay çözümü ile herhangi bir cevap görmedim.

Google Cloud Storage - README'lerde görüntülere biraz farklı bir yaklaşım

İşte gidiyor: OP gibi, Github README'mde bir görüntü istedim ve Markdown sözdizimini bilerek bunu yazdım:

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

Bunun çalışması için yukarıdaki gerçek değişiklikleri (örn. MY_IMAGE = image.jpg) tamamlamanız gerekir.

Ancak, bekleyin ... başarısızlık - gerçek bir fotoğraf yok! Ve bağlantı tam olarak Google Storage tarafından verildiği gibidir!

Github camo- İsimsiz Görüntüler

Github resimlerinizi anonim olarak barındırıyor , yay! Ancak bu, Google depolama öğeleri için bir sorun oluşturur. Oluşturulan URL'yi Google Cloud Konsolunuzdan almanız gerekir.

Daha yumuşak bir yol olduğundan eminim, ancak verilen URL uç noktanızı ziyaret edin ve uzun URL'yi kopyalayın. Detaylar:

Talimatlar

1. Depolama konsolunuzu ziyaret edin: https://console.cloud.google.com/storage/browser/ $ {MY_BUCKET}? Project = $ {MY_PROJECT}
2. Github'da görüntülemek istediğiniz görüntüyü tıklayın (bu, "Nesne Ayrıntıları" sayfasını getirir)
3. URL'yi (başlangıçtan başlayarak httpsdeğil gs) yeni bir tarayıcı sekmesine / penceresine kopyalayın
4. Makarna yeni oluşturulan URL'yi (daha uzun olmalıdır) yeni tarayıcı sekmenizden / pencerenizden Github README dosyanıza kopyalayın

Umarım bu, bu sorunu herkes için hızlandırmaya ve açıklığa kavuşturmaya yardımcı olur.

Bana göre en iyi yol -

1. Github'daki depo ile yeni bir sorun oluşturun ve ardından dosyayı gif formatında yükleyin. Video dosyalarını gif formatına dönüştürmek için bu web sitesini kullanabilirsiniz http://www.online-convert.com/
2. Yeni oluşturulan sorunu gönderin.
3. Yüklenen dosyanın adresini kopyalayın
4. Sonunda README dosyanıza koy! [Demo] (KOPYA ADRESİ)

Umarım bu yardımcı olur.

Dosyayı karşıya yükleme seçeneğinden depoya resim ve ardından README dosyasına ekleyin

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

Görüntüler /screen-shotsdizinde bulunur. Dış <div>kısım, görüntülerin konumlandırılmasını sağlar. Dolgu kullanılarak elde edilir <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>