Bild in der Wiki von GitHub mithilfe von Markdown skalieren

Question

Ich schreibe eine Wiki-Seite auf GitHub und verwende Markdown.

Mein Problem ist, dass ich ein großes Bild (dieses Bild befindet sich in seinem eigenen Repository) einfügen und verkleinern muss.

Ich habe verschiedene Lösungen ausprobiert, aber sie funktionieren nicht:

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

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

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

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

Gibt es eine Möglichkeit, es zu schaffen?

Es ist bevorzugt ohne HTML.

Answer 1

Aktualisiert:

Markdown-Syntax für Bilder (extern/intern):

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

HTML-Code zum Skalieren von Bildern (intern/extern):

Beispiel:

---

Alte Antwort:

Dies sollte funktionieren:

[[ http://url.to/image.png | height = 100px ]]

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

Answer 2

Auf GitHub können Sie HTML direkt anstelle von Markdown verwenden:

Dies sollte es ermöglichen.

Answer 3

Mit Prozentangabe ändern width=50% height=50%. Beispiel:

Mit Pixelangabe ändern width="150" height="280". Beispiel:

Einige Tipps

• Um einen githubusercontent-Link für ein Bild zu erhalten, ziehen Sie das Bild in ein beliebiges Problem und kopieren Sie die URL aus dem automatisch generierten Code. Beispielcode: ![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)

• Es gibt keinen Weg, die Größe eines Bildes zu ändern, wenn das Markdown-Format in der Form []() vorliegt - also hör jetzt auf zu suchen! - du musst stattdessen verwenden

• Eine weitere nützliche Zusammenfassung der Konventionen, die funktionieren und nicht funktionieren, finden Sie hier

• All das oben genannte stammt von hier

Answer 4

Fast 5 Jahre später funktioniert nur das direkte HTML-Formatieren für Bilder auf GitHub und andere Markdown-Optionen verhindern immer noch das Laden von Bildern, wenn bestimmte benutzerdefinierte Größen angegeben werden, auch mit den falschen Dimensionen. Ich ziehe es vor, die gewünschte Breite anzugeben und die Höhe automatisch berechnen zu lassen, zum Beispiel,

Answer 5

Ich habe die oben beschriebenen Methoden verwendet. Jetzt verwende ich die Methode, die mir ähnlich ist, aber einfacher erscheint.

1. Erstellen Sie zunächst die README.md-Datei für Ihr Projekt.
2. Laden Sie dann Screenshots oder andere Beschreibungsbilder in das Hauptverzeichnis Ihres Projekts hoch.
3. Nach dem Hochladen von Bild-Assets verwenden Sie HTML, um direkt auf diese Assets zu verweisen, ohne einen Link zu verwenden, wie unten gezeigt

So:

In obigem Beispiel habe ich einen Absatz verwendet, um die Bilder nebeneinander auszurichten. Wenn Sie nur ein Bild verwenden möchten, verwenden Sie einfach den folgenden Code

Einen schönen Tag!