如何在当前目录的GitLab markdown中引用以./点斜杠开头的路径的图像?


81

我将Markdown文件和图像文件存储在Git存储库中,如下所示:

  • readme.markdown
  • images/
    • image.png

我从readme.markdown这样引用图像:

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

这将在ReText中按预期方式呈现,但在将存储库推送到GitLab时不会呈现。

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

Answers:


109

![](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时,Internet进入无效状态。


2
确实如此。我没有尝试重试,./并且有效。我编辑我的文章
PierreF

2
定义自定义图像尺寸(hxw)怎么样?
危险89年

@ danger89文档什么也没说github.com/gitlabhq/gitlabhq/blob/master/doc/markdown / ...所以我认为这是不可能的。因此,可以在markdown内使用HTML(似乎允许它:rubydoc.info/gems/html-pipeline/HTML/Pipeline/…)或ImageMagick。
Ciro Santilli郝海东冠状病六四事件法轮功

18

readme.md中的Gitlab&Images类似问题

我的扩展程序中的readme.md中的徽标和Gitlab(在Ubuntu服务器上运行)都存在相同的问题。

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)

希望对其他人有帮助


不要为我工作。片段均不包含图像。如果我单击链接,我的浏览器将要求保存为文本文件:image.svg.txt,并且不显示图像
betontalpfa

3
最终,我发现您的解决方法也对我有用,在我的案例中还有另一个问题:我的svg文件由inkscape导出,在本地markdown文档中效果很好,但是我需要设置纯svg在gitlab中使用。
betontalpfa

2
  1. 去你的项目
  2. 选择问题
  3. 创刊号
  4. 在新的问题描述中,单击附加文件
  5. 浏览到您的文件并附加
  6. 文件名在描述窗格中将生成“ ”形式的链接。
  7. 复制链接并将其粘贴到您的readme.md文件中
  8. 除非您打算这样做,否则不要提交问题。

此解决方案(经过修改)是我首选的解决方案,因为它允许通过复制+粘贴将图像添加到Readme.md简而言之,在问题中:1)生成图像的URL,然后2)复制并粘贴图像将显示在Readme.md文件中的带有预览模式的Readme.md(处于编辑模式和3)的新URL。
Nexus7_2012

0

我的图像在.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的更多信息。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.