Markdown kullanarak GitHub'ın wikisinde resmi yeniden boyutlandırma

256

GitHub'da bir wiki sayfası yazıyorum ve Markdown'u kullanıyorum.

Benim sorunum büyük bir görüntü koymak (bu görüntü kendi deposunda) ve yeniden boyutlandırmak gerekir.

Farklı çözümler denedim, ancak çalışmıyorlar:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

Bunu almanın bir yolu var mı?

HTML olmadan tercih edilir.

— fhuertas
kaynak

1

Olası yinelenen değişim görüntü boyutu Markdown nasıl?

— Francisco Puga

374

Güncellenmiş:

Kod (harici / dahili):

![test](https://github.com/favicon.ico)

Kod ( boyutlandırma için dahili / harici ):

<img src="https://github.com/favicon.ico" width="48">

Misal:

Eski Cevap:

Bu çalışmalı:

~~[[ http://url.to/image.png | yükseklik = 100 piksel]]~~

Kaynak: https://guides.github.com/features/mastering-markdown/

— alciregi
kaynak

Teşekkürler. <img src="..." width="48">GitHub'a yüklenen görüntüler için README'lerde çalışır.

— Sam Dutton

@SamDutton: Başka bir yerde barındırılan görüntüler için de iyi çalışıyor gibi görünüyor.

— Jonik

1

Bugün test edin. Github, [] (.. = 400) veya [] (... = 400px) sözdizimini tanımayacaktır, bu nedenle resmi yeniden boyutlandırmam gerekirse <img /> sözdizimini kullanmam gerekir.

— spikeyang

1

Görüntü wiki'ye eklenirse, çarpı işaretli yanıt çalışır.

— Eduardo

2

@Eduardo'nun söyledikleri ... Üzerinde çarptığınız 'Eski Cevap' interneti araştırdığım şeydir - göreceli yollar (wiki içindeki varlıklar) için hala harika çalışıyor. Ayrıca, bir tablonun içine bir veya iki görüntü eklemek zorunda kaldı. Boru karakteri, işaretlemedeki tipik tablo biçimlendirmesi nedeniyle bana keder veriyordu. Tablo hücresi içindeki boruyu Kaçan hala geçerlidir: [[ http://url.to/img.png \| height=48px]].

— DanMad

57

GitHub'da Markdown yerine doğrudan HTML kullanabilirsiniz:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

Bunu yapmalı.

— Fritzip
kaynak

10

Çözüm için teşekkürler, html kodu olmadan mümkün mü?

— fhuertas

1

widthGenişliği otomatik olarak yüksekliğe göre ölçekleyebilmesi için hariç tutabileceğinizi unutmayın .

— Ben bir kurbağa ejderhayım

2

Sadece Github'da değil; Genel olarak Markdown içinde satır içi HTML'ye izin verildiğine inanıyorum ...

— Nicolas Miari

br ve İk yardımcı olmuyor.

— JoshYates1980

2

GitHub'daki görüntüler için yalnızca doğrudan HTML biçimlendirmesi çalıştıktan yaklaşık 5 yıl sonra ve diğer işaretleme seçenekleri, yanlış boyutlarda bile bazı özel boyutlar belirtirken görüntülerin yüklenmesini engeller. İstenen genişliği belirtmeyi ve yüksekliği otomatik olarak hesaplamayı tercih ederim, örneğin,

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>

Snippet'i genişlet

— Kate Orlova
kaynak

2

Yukarıda açıklanan yöntemleri kullandım. Şimdi benzer ama benim için daha basit olan yöntemi kullanıyorum.

Önce projenize README.md dosyası ekleyin.
Ardından, proje ana dizininize ekran görüntüleri veya gerekli açıklama resimlerini yükleyin.
Resim Varlıkları yükledikten sonra, aşağıdaki gibi bağlantı kullanmadan bu varlıkları doğrudan yönlendirmek için html kullanın

Bunun gibi:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

Yukarıdaki örnekte görüntüleri yan yana hizalamak için paragraf kullandım. Tek bir resim kullanacaksanız, aşağıdaki kodu kullanın

<img src="icon.jpg" width="324" height="324">

İyi günler!

— Seymur Mammadli
kaynak

0

GitHub Pages artık işaretleme motoru olarak kramdown kullanıyor , böylece aşağıdaki sözdizimini kullanabilirsiniz:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

GitHub wiki'de test etmedim.

— nicobo
kaynak

1

@nicobo Denedim harici görüntü için çalışmıyor gibi görünüyor?

— user310291

Bilginize, Jekyll kullanarak GitHib sayfalarında bu eserler (Bu tam da OP soru değil fark)

— DavidJ

0

Bu farklı soru, ilk olarak gist (aksine github) işaretleme görüntüleri almak nasıl ele?

Aralık 2015'de, o sadece dosyalara bağlantıları görünüyor github.comya cloud.githubusercontent.comveya iş gibi. Bir özde benim için çalışan adımlar:

Diyelim ki Mygist.md(ve isteğe bağlı olarak daha fazla dosya)
Sonunda "Yorum Yaz" kutusuna gidin
"Dosyaları ekle ... seçeneğini seçerek" seçeneğini tıklayın; yerel resim dosyanızı seçin
GitHub görüntüyü koyduğu uzun bir dizeyi yansıtır, örneğin! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
Bunu elinize kesip yapıştırın Mygist.md.

Ancak: GitHub kullanıcıları bu davranışı yarın belgelemeden değiştirebilir.

— denis
kaynak

7

Yeniden boyutlandırma yönü nerede?

— koppor