./ 도트 슬래시로 시작하는 경로가있는 현재 디렉토리의 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.