./ 도트 슬래시로 시작하는 경로가있는 현재 디렉토리의 GitLab 마크 다운에서 이미지를 어떻게 참조 할 수 있습니까?


85

Markdown 파일과 이미지 파일을 Git 저장소에 다음과 같이 저장했습니다.

  • readme.markdown
  • images/
    • image.png

다음 readme.markdown과 같이 이미지를 참조합니다 .

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

ReText에서 예상대로 렌더링되지만 저장소를 GitLab에 푸시 할 때 렌더링되지 않습니다.

Markdown 파일에서 이미지를 참조하여 GitLab에서 볼 때 렌더링되도록하려면 어떻게해야합니까?

답변:


113

![](images/image.png)./나를 위해 일 하지 않고 : https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s 에서 허용하도록 요청 했지만 GitLab이 UserVoice를 덤프했을 때 인터넷 무효화되었습니다.


2
사실입니다. 나는없이 다시 시도 ./하고 작동합니다. 내 게시물을 편집합니다
PierreF 2014

2
사용자 지정 이미지 크기 (hxw)를 정의하는 것은 어떻습니까?
danger89

@ danger89 문서는 아무것도 말하지 않습니다. github.com/gitlabhq/gitlabhq/blob/master/doc/markdown/… 그래서 불가능하다고 생각합니다. 따라서 마크 다운 내부의 HTML (허용하는 것 같습니다 : rubydoc.info/gems/html-pipeline/HTML/Pipeline/… ) 또는 ImageMagick입니다.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功

19

readme.md의 Gitlab 및 이미지와 유사한 문제

내 Extension의 readme.md 내부와 Gitlab (Ubuntu-Server에서 실행)에서 내 로고에 동일한 문제가 발생했습니다.

Ubuntu 버전 : 16.04.2 LTS

Gitlab 버전 : 10.3.4 56dc722

내 솔루션

다음 단계에 따라 readme.md에서 이미지 사용을위한 스 니펫을 사용할 수도 있습니다.

Gitlab 개요 (로그인 됨)

  1. 해당 이미지를 사용하려는 프로젝트로 이동하십시오.
  2. 오른쪽 상단 탐색에서 + 버튼을 클릭 합니다.
  3. 프로젝트 아래 에서 드롭 다운에서 새 스 니펫 을 클릭하세요.

에서 새로운 조각 양식

  1. 제목 입력
  2. RTE 필드의 오른쪽 하단 에서 파일 첨부를 클릭 합니다.
  3. 선택 하여 파일 을 누르 열기를
  4. 공개 확인란을 클릭합니다.
  5. 스 니펫의 이름을 지정합니다 (체크 박스 아래) [ "헤더"가 아닌 1 옆의 필드 ]
  6. 니펫 만들기를 클릭합니다.

문제 해결

다음과 같은 오류가 발생하면 포인트 5를 잊어 버렸습니다.

양식에 다음 오류가 있습니다.

콘텐츠는 비워 둘 수 없습니다.

이제 작동하는 Imagelink가 있습니다.

이제 스 니펫을 다시 편집하면 다음과 같이 이미지 코드를 복사 할 수 있습니다.

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

readme.md 파일에.

링크도 사용하려면 다음과 같아야합니다.

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

다른 ppls에 도움이되기를 바랍니다.


나를 위해 일하지 마십시오. 스 니펫에는 이미지가 없습니다. 나는이 링크를 클릭하면 브라우저가 텍스트 파일로 저장하는 질문 image.svg.txt과 이미지를 보여 해달라고
betontalpfa

3
마지막으로 귀하의 해결 방법이 저에게도 효과가 있음을 발견했습니다. 제 경우에는 또 다른 문제가있었습니다. 내 svg 파일은 로컬 마크 다운 문서에서 잘 작동하는 inkscape로 내보냈지만 gitlab에서 사용할 일반 svg를 설정해야합니다.
betontalpfa

흥미 롭기는하지만 이것이 저자의 요청에 부합하지 않는다고 생각합니다. 그들은 문서를 독립적으로 유지하고 버전 제어가 특정 이미지 파일과 특정 문서 간의 링크를 유지하기를 원하는 것 같습니다. 솔루션은 기본적으로 GitLab Snippets를 이미지 파일의 파일 호스팅 서비스로 사용합니다.
mtalexan

또한 저자가 아닌 다른 사람 (GitLab에 로그인하고 인증 된 상태)이 파일을보고자하는 경우이 솔루션이 작동하지 않는다고 생각합니다. Snippet에는 저장소 자체와 완전히 분리 된 파일에 액세스 할 수있는 사용자를 제한하는 권한이 부여 된 액세스 권한이 있습니다.
mtalexan

2
  1. 프로젝트로 이동
  2. 문제 선택
  3. 새로운 이슈 생성
  4. 새로운 문제 설명에서 파일 첨부를 클릭하십시오.
  5. 파일을 찾아서 첨부하세요.
  6. 파일 이름설명 창에 " " 형식의 링크 가 생성됩니다.
  7. 링크를 복사하여 readme.md 파일에 붙여 넣으십시오.
  8. 의도하지 않은 경우 문제를 제출하지 마십시오.

이 솔루션 (수정 포함)은 내가 선호하는 솔루션입니다. 복사 + 붙여 넣기를 사용하여 Readme.md에 이미지를 추가 할 수 있기 때문입니다. 간단히 말해서 In an Issue : 1) 이미지에 대한 URL을 생성 한 다음 2) 복사 및 붙여 넣기 Readme.md에 대한 새 URL (편집 모드) 및 3) Readme.md 파일의 미리보기 모드를 사용하여 이미지가 표시됩니다.
Nexus7_2012

솔루션은 기본적으로 GitLab Issue 시스템을 오용하여 GitLab이 이미지의 파일 서버로 작동하도록하는 것입니다. 작성자는 연결된 버전 제어 및 자체 포함 된 문서를 원하거나 공개적으로 공유 된 파일 또는 이와 유사한 것으로 이미지를 클라우드 저장소에 추가 할 수 있습니다. 이 솔루션은 흥미롭지 만 요청을 충족시키지 못한다고 생각합니다.
mtalexan

1

내 이미지는 .bin/img/폴더에 있습니다.
이미지를 얻으려면 아래 형식을 사용해야했습니다.

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

마음 <>


뾰족한 괄호는 최소한 gitlab 9.1.4에 필요한 것 같습니다
dschulten

-1

GitLab Markdown에서는 두 가지 방법으로 Markdown 파일에 이미지를 추가 할 수 있습니다.

  1. 인라인 스타일 :

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

  2. 참조 스타일 :

    ![alt text1][logo]

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

위의 방법 중 하나를 사용할 수 있습니다. 귀하의 경우 제거하는 ./것이 해결책입니다.

![](images/image.png)

GitLab Markdown 에 대한 자세한 내용은 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.