【问题标题】:How to display images in Markdown files on Github?如何在 Github 上的 Markdown 文件中显示图像?
【发布时间】:2012-10-14 14:58:11
【问题描述】:

我想在 Github 上的 Markdown 文件中显示一些图像。我发现它是这样工作的:

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

但我需要与其他人合作,所以我不希望用户名和 repo 名称被硬编码。

我试过用这个:

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

它适用于我的本地磁盘,但不适用于 Github。

有人知道这个问题吗?

【问题讨论】:

    标签: github markdown


    【解决方案1】:

    我自己找到了答案。

    只需将 ?raw=true 附加到图片网址即可:

    ![](images/table 1-1.png?raw=true)
    

    【讨论】:

    • 这适用于我直接在 GitHub 上查看 Markdown 文件,但不适用于项目主页上显示的 README.markdown 文件。
    • @jmohr 我认为主页上的 README 文件应该被视为例外。
    • 这对我来说适用于主页上的 README 文件。
    • Github 仍然不允许使用 SVG,即使使用 rawstackoverflow.com/questions/13808020/…
    【解决方案2】:

    我刚刚遇到了同样的问题,结果证明是由 URL 中的空格引起的。手动将空间 URL 编码为 %20 已修复它。

    所以用你的例子我改变了:

    ![](images/table 1-1.png)
    

    到:

    ![](images/table%201-1.png)
    

    2021 年编辑:感谢 Emilio 指出 GitHub 风格的降价规范已更新,当文件名包含在“尖”(尖角)括号内时,文件名中允许有空格:

    The destination can only contain spaces if it is enclosed in pointy brackets
    Example 498
    [link](</my uri>) --> <p><a href="/my%20uri">link</a></p>
    

    参考:https://github.github.com/gfm/#example-498(向上滚动查看描述)

    这也适用于图像,所以我们现在也可以使用:

    ![](<images/table 1-1.png>)
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-07-12
    • 2018-12-29
    • 2013-02-12
    • 2021-09-21
    • 2021-02-07
    • 1970-01-01
    • 2017-05-27
    • 1970-01-01
    相关资源
    最近更新 更多