GitHub Pages - 从 README.md 正确生成的 Jekyll 模板失败

Question

我有以下问题... 我创建了一个 GitHub-Page for my project, because I'm not a webpage developer and don't have any special skills in HTML or CSS, I generated this page by a template 您可以从存储库设置中选择...

现在我遇到了一个问题，从模板生成的 Jekyll 页面结合我的 README.md 不显示预览图像。在我的 README.md 文件中，我用这个标签指定了图像：

| ![Preview Image](https://github.com/0x1C1B/JContacts/blob/master/doc/img/preview.png) | 
|:--:| 
| *Preview image of application* |

但是Jekyll只显示图片的订阅，你可以看到here。是否可以解决这个错误，或者它是一个模板相关的问题？

编辑： 这是生成的 HTML 代码：

<table>
    <thead>
        <tr>
            <th style="text-align: center"><img src="https://github.com/0x1C1B/JContacts/blob/master/doc/img/preview.png" alt="Preview Image" /></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="text-align: center"><em>Preview image of application</em></td>
        </tr>
    </tbody>
</table>

Answer 1

要对 GitHub 存储库中的图像使用绝对 url，请改用 link 到 "raw" 图像。
换句话说，请改用以下 URL：

https://github.com/0x1C1B/JContacts/raw/master/doc/img/preview.png

GitHub Pages - 从 README.md 正确生成的 Jekyll 模板失败

GitHubPages - Jekyll Template generated correctly from README.md failed

github

jekyll

github-pages