Jak mogę odwołać się do obrazu w GitLab Markdown w bieżącym katalogu, ze ścieżką zaczynającą się od ./ kropka ukośnik?

85

Zapisałem plik Markdown i plik obrazu w repozytorium Git w następujący sposób:

  • readme.markdown
  • images/
    • image.png

Odwołuję się do obrazu z readme.markdowntego:

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

To renderuje się zgodnie z oczekiwaniami w ReText, ale nie jest renderowane, gdy wypycham repozytorium do GitLab.

Jak mogę odwołać się do obrazu z pliku Markdown, aby renderował się podczas przeglądania w GitLab?

image markdown gitlab lofidevops
źródło

Odpowiedzi:

113

![](images/image.png)bez ./prac dla mnie: https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

Otworzyłem prośbę o zezwolenie na: http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s , ale to wszedł do Internetu, gdy GitLab zrzucił UserVoice.

Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
źródło
2
To prawda. Ponawiam próbę bez ./i działa.
Edytuję
2
A co z określeniem niestandardowego rozmiaru obrazu (wys. X szer.)?
niebezpieczeństwo89
Dokumenty @ dangerous89 nic nie mówią github.com/gitlabhq/gitlabhq/blob/master/doc/markdown/, więc zakładam, że niemożliwe. Więc albo HTML wewnątrz markdown (wydaje się, że na to pozwala: rubydoc.info/gems/html-pipeline/HTML/Pipeline/… ) lub ImageMagick to.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
19

Podobny problem z Gitlab & Images w readme.md

Miałem ten sam problem z moim logo w pliku readme.md w moim rozszerzeniu iz Gitlabem (działającym na serwerze Ubuntu).

Wersja Ubuntu: 16.04.2 LTS

Wersja Gitlab: 10.3.4 56dc722

Moje rozwiązanie

Możesz również użyć fragmentu kodu do wykorzystania obrazu w pliku readme.md, wykonując po prostu następujące kroki:

W przeglądzie Gitlab (zalogowany)

  1. Przejdź do projektu, w którym chcesz użyć tego obrazu
  2. w nawigacji po prawej stronie kliknij przycisk +
  3. POD TWÓJ PROJEKT kliknij nowy fragment w menu

W nowej formie fragmentu

  1. Wpisz tytuł
  2. W prawym dolnym rogu pola RTE kliknij Załącz plik
  3. Wybierz swój plik i naciśnij przycisk Otwórz
  4. Kliknij pole wyboru Publiczne
  5. nazwij fragment kodu (pod polami wyboru) [pole obok cyfry 1, a nie „nagłówek”]
  6. Kliknij Utwórz fragment

Rozwiązywanie problemów

Jeśli pojawi się następujący błąd, zapomniałeś punktu 5:

Formularz zawiera następujący błąd:

Treść nie może być pusta

Teraz mamy działający Imagelink

Teraz, jeśli ponownie edytujesz fragment, możesz skopiować kod obrazu, który wygląda następująco:

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

do pliku readme.md.

Jeśli chcesz również użyć linku, musi on wyglądać tak:

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

Mam nadzieję, że to pomaga innym osobom

MonTea
źródło
Nie działa dla mnie. Żaden fragment nie zawiera obrazu. Jeśli image.svg.txt
kliknę
3
W końcu odkryłem, że twoje obejście również działa dla mnie, po prostu był inny problem w moim przypadku: mój plik svg został wyeksportowany przez inkscape, który działa dobrze w lokalnych dokumentach Markdown, ale muszę ustawić zwykły plik svg do użycia w gitlab.
betontalpfa
Chociaż interesujące, nie sądzę, aby spełniało to prośbę autora. Wydaje się, że chcą zachować samowystarczalność dokumentu i chcą, aby kontrola wersji utrzymywała łącze między określonym plikiem obrazu a określonym dokumentem. Twoje rozwiązanie polega w zasadzie na użyciu GitLab Snippets jako usługi hostingu plików dla pliku obrazu.
mtalexan
Nie sądzę również, aby to rozwiązanie działało, jeśli ktoś inny niż sam autor (po zalogowaniu i uwierzytelnieniu w GitLab) chce wyświetlić plik. Snippet ma uprawnienia dostępu, które ograniczają, kto może uzyskać dostęp do pliku, który jest całkowicie oddzielony od samego repozytorium.
mtalexan
2
  1. Przejdź do swojego projektu
  2. Wybierz problemy
  3. Utwórz nowy numer
  4. W opisie nowego problemu kliknij załącz plik
  5. Przejdź do swojego pliku i załącz
  6. W Nazwa plikuokienku opisu zostanie wygenerowany link w postaci „ ”.
  7. Skopiuj link i wklej go do pliku readme.md
  8. Nie zgłaszaj problemu, chyba że masz zamiar.
Boago
źródło
To rozwiązanie (z modyfikacją) jest tym, które preferuję, ponieważ umożliwia kopiowanie + wklejanie w celu dodania obrazu do pliku Readme.md W skrócie, W przypadku: 1) wygeneruj adres URL obrazu, a następnie 2) skopiuj i wklej nowy adres URL do pliku Readme.md (w trybie edycji) i 3) z trybem podglądu w pliku Readme.md, na którym zostanie wyświetlony obraz.
Nexus7_2012
Twoim rozwiązaniem jest po prostu niewłaściwe użycie systemu GitLab Issue, aby GitLab działał jako serwer plików dla obrazu. Wydaje się, że autor chce połączonej kontroli wersji i niezależnych dokumentów lub mógł dodać obraz do dowolnego magazynu w chmurze jako plik udostępniony publicznie lub coś podobnego. Chociaż to rozwiązanie jest interesujące, nie sądzę, aby spełniało to żądanie.
mtalexan
1

Moje obrazy są w .bin/img/folderze.
Musiałem użyć poniższego formatu, aby uzyskać obraz:

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

Uważaj na <>

Aldo
źródło
Spiczaste nawiasy wydają się być wymagane przynajmniej w przypadku gitlab 9.1.4
dschulten
-1

W GitLab Markdown można było dodawać obrazy do pliku Markdown na dwa różne sposoby.

  1. Styl inline:

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

  2. Styl referencyjny:

    ![alt text1][logo]

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

Możesz użyć dowolnej z powyższych metod. W twoim przypadku rozwiązaniem ./będzie usunięcie testamentu.

![](images/image.png)

Więcej informacji na temat GitLab Markdown .

anoopknr
źródło