Wie kann ich auf ein Bild in GitLab Markdown im aktuellen Verzeichnis verweisen, dessen Pfad mit ./ Punkt-Schrägstrich beginnt?


84

Ich habe eine Markdown-Datei und eine Bilddatei wie folgt in einem Git-Repo gespeichert:

  • readme.markdown
  • images/
    • image.png

Ich verweise auf das Bild readme.markdownwie folgt:

![](./images/image.png)

Dies wird in ReText wie erwartet gerendert, aber nicht gerendert, wenn ich das Repo an GitLab drücke.

Wie kann ich auf das Bild aus der Markdown-Datei verweisen, damit es beim Anzeigen in GitLab gerendert wird?

Antworten:


112

![](images/image.png)ohne die ./Arbeiten für mich: https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

Ich habe eine Anfrage dafür geöffnet, dass dies zulässig ist: http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s , aber es trat ins Internet ein, als GitLab UserVoice ablegte.


2
Das stimmt. Ich versuche es ohne ./und es funktioniert. Ich bearbeite meinen Beitrag
PierreF

2
Was ist mit der Definition einer benutzerdefinierten Bildgröße (hxw)?
Gefahr89

@ Gefahr89 Dokumente sagen nichts github.com/gitlabhq/gitlabhq/blob/master/doc/markdown/… also würde ich unmöglich annehmen. Also entweder HTML in Markdown (scheint es zu erlauben: rubydoc.info/gems/html-pipeline/HTML/Pipeline/… ) oder ImageMagick es.
Ciro Santilli 1 冠状 病 六四 事件 1

19

Ähnliches Problem mit Gitlab & Images in readme.md

Ich hatte das gleiche Problem mit meinem Logo in einer readme.md in meiner Erweiterung und mit Gitlab (läuft auf einem Ubuntu-Server).

Ubuntu Version: 16.04.2 LTS

Gitlab Version: 10.3.4 56dc722

Meine Lösung

Sie können auch ein Snippet für die Bildverwendung in Ihrer readme.md verwenden, indem Sie einfach die folgenden Schritte ausführen:

In der Übersicht von Gitlab (eingeloggt)

  1. Gehen Sie zu dem Projekt, in dem Sie das Bild verwenden möchten
  2. Klicken Sie in der oberen Navigation rechts auf die Schaltfläche +
  3. UNTER PROJEKT klicken neue Schnipsel in der Dropdown - Liste

In der neuen Snippet-Form

  1. Geben Sie einen Titel ein
  2. Klicken Sie in der unteren rechten Ecke des RTE- Felds auf Datei anhängen
  3. Wählen Sie Ihre Datei aus und drücken Sie Öffnen
  4. Aktivieren Sie das Kontrollkästchen Öffentlich
  5. Benennen Sie das Snippet (unter den Kontrollkästchen) [das Feld neben der 1, nicht die "Kopfzeile"]
  6. Klicken Sie auf Snippet erstellen

Fehlerbehebung

Wenn Sie den folgenden Fehler erhalten, haben Sie Punkt 5 vergessen:

Das Formular enthält den folgenden Fehler:

Der Inhalt darf nicht leer sein

Jetzt haben wir einen funktionierenden Imagelink

Wenn Sie das Snippet jetzt erneut bearbeiten, können Sie den Bildcode wie folgt kopieren:

![Alt-Text](/uploads/472fc65e1a1bc11b355cc03d6c339fd5/logo_.svg)

in Ihre readme.md-Datei.

Wenn Sie auch einen Link verwenden möchten, muss dieser folgendermaßen aussehen:

[![Alt-Text](/uploads/4013547485b9e88e98f1af3870116a29/logo_mit_claim.svg)](https://your-destination.com)

Hoffe, es hilft anderen Menschen


Arbeitet nicht für mich. Weder das Snippet enthält das Bild. Wenn ich auf den Link image.svg.txt
klicke,

3
Schließlich stellte ich fest, dass Ihre Problemumgehung auch für mich funktioniert. In meinem Fall gab es jedoch ein weiteres Problem: Meine SVG-Datei wurde von inkscape exportiert, was in lokalen Markdown-Dokumenten gut funktioniert, aber ich muss einfaches SVG für die Verwendung in Gitlab festlegen.
Feindalpfa

Obwohl es interessant ist, denke ich nicht, dass dies der Anfrage des Autors entspricht. Sie scheinen ihr Dokument in sich geschlossen halten zu wollen und möchten, dass die Versionskontrolle die Verbindung zwischen der spezifischen Bilddatei und dem spezifischen Dokument aufrechterhält. Ihre Lösung besteht im Wesentlichen darin, GitLab Snippets als Datei-Hosting-Service für Ihre Bilddatei zu verwenden.
Mtalexan

Ich denke auch nicht, dass diese Lösung funktioniert, wenn jemand anderes als der Autor selbst (während er angemeldet und bei GitLab authentifiziert ist) die Datei anzeigen möchte. Das Snippet verfügt über einen berechtigten Zugriff, der einschränkt, wer auf die Datei zugreifen kann, die vollständig vom Repo selbst getrennt ist.
Mtalexan

2
  1. Gehen Sie zu Ihrem Projekt
  2. Wählen Sie Probleme aus
  3. Neue Ausgabe erstellen
  4. Klicken Sie in der neuen Problembeschreibung auf Datei anhängen
  5. Navigieren Sie zu Ihrer Datei und hängen Sie sie an
  6. Ein Link in der Form " Dateiname" wird im Beschreibungsbereich generiert.
  7. Kopieren Sie den Link und fügen Sie ihn in Ihre readme.md-Datei ein
  8. Senden Sie das Problem nur, wenn Sie dies beabsichtigt hatten.

Diese Lösung (mit einer Modifikation) ist die, die ich bevorzuge, da sie das Kopieren + Einfügen ermöglicht, um ein Bild zur Readme.md hinzuzufügen. Kurz gesagt: In einem Problem: 1) Generieren Sie eine URL für das Bild und dann 2) Kopieren und Einfügen Die neue URL zu Readme.md (im Bearbeitungsmodus) und 3) mit Vorschaumodus in der Readme.md-Datei, in der das Bild angezeigt wird.
Nexus7_2012

Ihre Lösung besteht im Wesentlichen darin, das GitLab Issue-System falsch zu verwenden, damit GitLab als Dateiserver für das Image fungiert. Der Autor scheint eine verknüpfte Versionskontrolle und in sich geschlossene Dokumente zu wünschen, oder er hätte das Bild als öffentlich freigegebene Datei oder ähnliches zu einem beliebigen Cloud-Speicher hinzufügen können. Obwohl diese Lösung interessant ist, glaube ich nicht, dass sie die Anfrage erfüllt.
Mtalexan

1

Meine Bilder waren im .bin/img/Ordner.
Ich musste das folgende Format verwenden, um ein Bild zu erhalten:

![alt text](<./bin/img/some_image.png>) 

Pass auf <>


Die spitzen Klammern scheinen zumindest für gitlab 9.1.4
dschulten

-1

In GitLab Markdown können Sie Bilder auf zwei verschiedene Arten zur Markdown-Datei hinzufügen.

  1. Inline-Stil:

    ![alt text](img/markdown_logo.png "Title Text")

  2. Referenzstil:

    ![alt text1][logo]

    [logo]: img/markdown_logo.png "Title Text"

Sie können eine der oben genannten Methoden verwenden. In Ihrem Fall ist das Entfernen ./der Lösung.

![](images/image.png)

Weitere Informationen zu GitLab Markdown .

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.