Bildgröße im Wiki von GitHub mit Markdown ändern

Lesezeit: 5 Minuten

Benutzer-Avatar
fhuertas

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

Mein Problem ist, dass ich ein großes Bild ablege (dieses Bild befindet sich in einem eigenen Repository) und ich 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 eine Möglichkeit, es zu bekommen?

Am besten ohne HTML.

  • Mögliches Duplikat von So ändern Sie die Bildgröße Markdown?

    – Francisco Puga

    28. Juni 2017 um 17:50 Uhr

Benutzer-Avatar
Alciregi

Aktualisiert:

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

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

HTML-Code für Dimensionierung Bilder (intern/extern):

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

Beispiel:

Prüfung


Alte Antwort:

Das sollte funktionieren:

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

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

  • Vielen Dank. <img src="..." width="48"> funktioniert in READMEs für Bilder, die auf GitHub hochgeladen wurden.

    – Sam Dutton

    12. August 2015 um 16:11 Uhr

  • Testen Sie es noch heute. Github erkennt die Syntax von nicht [](.. =400) oder [](… =400px), wenn ich also die Größe des Bildes ändern muss, muss ich die Syntax verwenden.

    – Spikeyang

    15. November 2016 um 8:04 Uhr


  • Die durchgestrichene Antwort funktioniert, wenn das Bild dem Wiki selbst hinzugefügt wird.

    – Eduardo

    23. September 2017 um 21:00 Uhr

  • 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 innerhalb des Wikis). Außerdem musste ich ein oder zwei Bilder in eine Tabelle einfügen. Das Pipe-Zeichen bereitete mir wegen der typischen Tabellenformatierung in Markdown Kummer. Das Verlassen der Pipe innerhalb einer Tabellenzelle ist weiterhin gültig: [[ http://url.to/img.png \| height=48px]].

    – DanMad

    11. Juli 2018 um 10:10 Uhr

  • Die Frage fordert eindeutig auf, die Bildgröße mit Markdown zu ändern. Könnten Sie also eine Methode bereitstellen, um dies auf diese Weise zu tun. Ich habe im Internet gesucht, aber keine konkrete Antwort. Ich denke nicht, dass dies eine akzeptierte Antwort sein sollte.

    – Rishabh B

    18. Dezember 2021 um 11:19 Uhr

Benutzer-Avatar
Fritzip

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

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

Damit sollte es gehen.

  • Danke für die Lösung, geht es ohne HTML-Code?

    – fhuertas

    24. Juni 2014 um 13:35 Uhr

  • Ich möchte nur anmerken, dass Sie das ausschließen können width damit es die Breite basierend auf der Höhe automatisch skalieren kann.

    – Ich bin ein Froschdrache

    5. Oktober 2015 um 5:42 Uhr

  • Nicht nur auf Github; Ich glaube, Inline-HTML ist in Markdown im Allgemeinen erlaubt …

    – Nikolaus Miari

    18. Oktober 2016 um 5:56 Uhr

Fast 5 Jahre nachdem nur die direkte HTML-Formatierung für Bilder auf GitHub funktioniert und andere Markdown-Optionen immer noch verhindern, dass Bilder geladen werden, wenn einige benutzerdefinierte Größen angegeben werden, selbst mit den falschen Abmessungen. Ich gebe lieber die gewünschte Breite an und bekomme die Höhe automatisch berechnet, z.B.

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

Benutzer-Avatar
Seymur Mammadli

Ich habe die oben beschriebenen Methoden verwendet. Jetzt verwende ich die Methode, die für mich ähnlich, aber einfacher ist.

  1. Erstellen Sie zuerst die Datei README.md und fügen Sie sie Ihrem Projekt hinzu.
  2. Laden Sie dann Screenshots oder andere Beschreibungsbilder in das Hauptverzeichnis Ihres Projekts hoch.
  3. Verwenden Sie nach dem Hochladen von Bild-Assets HTML, um diese Assets direkt zu verweisen, ohne den Link wie unten zu verwenden

So was:

<img src="https://stackoverflow.com/questions/24383700/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 Absätze verwendet, um Bilder nebeneinander auszurichten. Wenn Sie ein einzelnes Bild verwenden möchten, verwenden Sie einfach den folgenden Code

<img src="https://stackoverflow.com/questions/24383700/icon.jpg" width="324" height="324">

Einen schönen Tag noch!

Benutzer-Avatar
stevec

Größe um Prozent ändern width=50% height=50%. Beispiel:

<img src="https://i.imgur.com/ZWnhY9T.png" width=50% height=50%>

Größe nach Pixel ändern width="150" height="280". Beispiel:

<img src="https://i.imgur.com/ZWnhY9T.png" width="150" height="280">

Einige Hinweise

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

  • Es gibt auf keinen Fall um die Größe eines Bildes zu ändern, wenn das Markdown-Format das Formular hat []() – also hör jetzt auf zu suchen! – Sie muss verwenden <img> stattdessen

  • Eine weitere nützliche Zusammenfassung von Konventionen, die funktionieren und nicht funktionieren hier

  • Alles oben genannte stammt von hier

Benutzer-Avatar
Benutzer7214865

GitHub Seiten jetzt verwendet 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.

Dies befasst sich mit der anderen Frage, wie man Bilder überhaupt in Gist (im Gegensatz zu Github) Markdown erhält?


Im Dezember 2015 scheinen nur noch Links zu Dateien auf
github.com oder cloud.githubusercontent.com oder ähnliche Arbeit. Schritte, die für mich im Wesentlichen funktioniert haben:

  1. Machen Sie eine Zusammenfassung, sagen Sie Mygist.md (und optional weitere 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 aus, wo es das Bild abgelegt hat, 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 aus Mygist.md.

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

  • Wo ist der Aspekt der Größenänderung?

    – koppor

    29. Juni 2016 um 22:27 Uhr

1337430cookie-checkBildgröße im Wiki von GitHub mit Markdown ändern

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy