Ändern Sie die Bildgröße im Wiki von GitHub mithilfe von Markdown

255

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

Mein Problem ist, dass ich ein großes Bild platziere (dieses Bild befindet sich in einem eigenen Repository) und die Größe ändern muss.

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

![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]]

Gibt es einen Weg, es zu bekommen?

Es ist vorzuziehen ohne HTML.

html github markdown wiki fhuertas
quelle
1
Mögliches Duplikat von Wie ändere ich die Bildgröße?
Francisco Puga

Antworten:

373

Aktualisiert:

Code (extern / intern):

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

Code (intern / extern für die Dimensionierung ):

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

Beispiel:

Prüfung

Alte Antwort:

Das sollte funktionieren:

[[ http://url.to/image.png | Höhe = 100px]]

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

alciregi
quelle
Vielen Dank. <img src="..." width="48">funktioniert in READMEs für Bilder, die auf GitHub hochgeladen wurden.
Sam Dutton
@ SamDutton: Es scheint auch für Bilder, die an anderer Stelle gehostet werden, gut zu funktionieren.
Jonik
1
Testen Sie es noch heute. Github erkennt die Syntax von [] (.. = 400) oder [] (... = 400px) nicht. Wenn ich also die Bildgröße ändern muss, muss ich die Syntax <img /> verwenden.
Spikeyang
1
Die durchgestrichene Antwort funktioniert, wenn das Bild dem Wiki selbst hinzugefügt wird.
Eduardo
2
Was @Eduardo gesagt hat ... Die 'Alte Antwort', die Sie durchgestrichen haben, ist das, wonach ich im Internet gesucht habe - funktioniert immer noch hervorragend für relative Pfade (Assets im Wiki). Zusätzlich musste ich ein oder zwei Bilder in eine Tabelle einfügen. Der Pipe-Charakter machte mir Sorgen wegen der typischen Tabellenformatierung in Markdown. Das Entweichen der Pipe in einer Tabellenzelle ist weiterhin gültig : [[ http://url.to/img.png \| height=48px]].
DanMad
57

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

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

Das sollte es schaffen.

Fritzip
quelle
10
Danke für die Lösung, ist es ohne HTML-Code möglich?
Fhuertas
1
Ich möchte nur beachten, dass Sie das ausschließen können, widthdamit die Breite basierend auf der Höhe automatisch skaliert werden kann.
Ich bin ein
2
Nicht nur auf Github; Ich glaube, Inline-HTML ist innerhalb von Markdown im Allgemeinen erlaubt ...
Nicolas Miari
die br's und hr's helfen nicht.
JoshYates1980
2

Fast 5 Jahre, nachdem nur die direkte HTML-Formatierung für Bilder auf GitHub funktioniert und andere Markdown-Optionen das Laden von Bildern verhindern, wenn einige benutzerdefinierte Größen angegeben werden, auch wenn die Abmessungen falsch sind. Ich bevorzuge es, die gewünschte Breite anzugeben und die Höhe automatisch berechnen zu lassen, zum Beispiel

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

Kate Orlova
quelle
2

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

  1. Erstellen Sie zunächst die Datei README.md zu Ihrem Projekt.
  2. Laden Sie dann Screenshots oder die gewünschten Beschreibungsbilder in Ihr Projekthauptverzeichnis hoch.
  3. Nach dem Hochladen von Bild-Assets verwenden Sie HTML, um diese Assets direkt zu referenzieren, ohne den folgenden Link zu verwenden

So was:

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

Im obigen Beispiel habe ich Absatz verwendet, um Bilder nebeneinander auszurichten. Wenn Sie ein einzelnes Bild verwenden möchten, verwenden Sie einfach den folgenden Code

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

Einen schönen Tag noch!

Seymur Mammadli
quelle
0

GitHub Pages verwendet jetzt kramdown als Markdown-Engine, sodass Sie die folgende Syntax verwenden können:

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

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

Ich habe es jedoch nicht im GitHub-Wiki getestet.

Nicobo
quelle
1
@nicobo Ich habe versucht, es scheint nicht für externe Bild zu funktionieren?
user310291
Dies funktioniert auf GitHib-Seiten mit Jekyll, FYI (mir ist klar, dass dies nicht genau die Frage des OP ist)
DavidJ
0

Dies befasst sich mit der anderen Frage, wie man Bilder überhaupt im Kern (im Gegensatz zum Github) erhält.

Im Dezember 2015 scheint es , dass nur Links zu Dateien auf github.comoder cloud.githubusercontent.comoder dergleichen arbeiten. Schritte, die für mich im Kern funktioniert haben:

  1. Machen Sie einen Kern, sagen wir Mygist.md(und optional mehr Dateien)
  2. Gehen Sie am Ende zum Feld "Kommentar schreiben"
  3. Klicken Sie auf "Dateien anhängen ... durch Auswahl". Wählen Sie Ihre lokale Bilddatei aus
  4. GitHub gibt eine lange lange Zeichenfolge wieder, in die das Bild eingefügt wurde, z. B.! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Schneiden Sie das von Hand in Ihre Mygist.md.

Aber: GitHub-Leute können dieses Verhalten morgen ändern, ohne es zu dokumentieren.

denis
quelle
7
Wo ist der Aspekt der Größenänderung?
Koppor