如何在 GitLab 标记工作目录中引用图像,路径开始为。/点斜线?

我在 Git 回购中存储了一个 Markdown 文件和一个图像文件,如下所示:

  • readme.markdown
    • image.png

我引用 readme.markdown的图像如下:

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

这与 ReText 中预期的渲染一样,但是当我将回购推送到 GitLab 时不渲染。

如何引用 Markdown 文件中的图像以便在 GitLab 中查看时呈现?

106617 次浏览

![](images/image.png) without the ./ works for me: https://gitlab.com/cirosantilli/test/blob/bffbcc928282ede14dcb42768f10a7ef21a665f1/markdown.md#image

I have opened a request for this to be allowed at: http://feedback.gitlab.com/forums/176466-general/suggestions/6746307-support-markdown-image-path-in-current-directory-s , but it entered into Internet void when GitLab dumped UserVoice.

Similar problem with Gitlab & Images in readme.md

I had the same problem with my Logo inside of a readme.md in my Extension and with Gitlab (running on a Ubuntu-Server).

Ubuntu Version: 16.04.2 LTS

Gitlab Version: 10.3.4 56dc722

My Solution

You can also use a snippet for image-usage in your readme.md by simply following these steps:

In the Overview of Gitlab (Logged in)

  1. Go to the project where your want to use that image
  2. in the topnavigation on the right click the + button
  3. UNDER YOUR PROJECT click new snippet in the dropdown

In the new snippet form

  1. Type a title
  2. On the bottom right corner of the RTE-Field click Attach a file
  3. Select your file and press Open
  4. Click the checkbox Public
  5. name the snippet (under the Checkboxes) [the field beside the 1 not the "header"]
  6. Click Create Snippet

Troubleshooting

If you get the following error you forgot point 5:

The form contains the following error:

Content can't be blank

Now we have a working Imagelink

Now, if you edit the snippet again, you can copy the Image-Code looks like this:

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

to your readme.md file.

If you like to use a link also, it has to look like that:

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

Hope it helps other ppls

  1. Go to your project
  2. Select issues
  3. Create new issue
  4. In the new issue description, click on attach file
  5. Browse to your file and attach
  6. A link in the form "filename" will be generated on the description pane.
  7. Copy the link and paste it in your readme.md file
  8. Do not submit the issue unless you had intended to.

My images where in the .bin/img/ folder.
I had to use below format to get an image:

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

Mind the <>