html - 将图片插入到 Github 页面?

标签 html github markup

如何在 Github README 中插入图像,以便在加载使用 README 作为源的 Github 页面时显示?

我在我的自述文件中写了这段代码:

<img src="https://github.com/my_username/xxx/blob/master/image.jpeg" width="1000"/>

当我查看存储库中的 README 时,图像出现了。但是,当我打开 Github 页面(使用 Jekyll 主题)时,图片显示为损坏的图像符号。

我将不胜感激一些指导!谢谢 :)

最佳答案

shown here ,请尝试将您的图像放在另一个文件夹中(不是带有 _ 下划线的文件夹)。创建 /assets/images/在项目的根目录中,并将图像放在那里。

然后在你的 README.md 中,你可以用 HTML 或 Markdown 引用它

![image](/assets/images/your-image.jpg)

(为了避免将所有图像放在同一个文件夹中,请参阅 jekyll-postfiles 插件)

在 Jekyll 处理您的项目后,检查 GitHub 和 GitHub 页面中是否显示。

关于html - 将图片插入到 Github 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59149579/

相关文章:

javascript - 隐藏和替换 html 内容和数据属性值

javascript - 我有多个 html 表单的下拉列表,现在我必须使用 Coldfusion 将选定的值存储到数据库中

javascript - 无法阻止我的网页换行

git - 为什么我在Android Studio 3.3.1 中执行Checkout revision 和Commit 操作时会得到 "Detached Head"消息?

html - 标题的正确标记

javascript - 使用 d3.js 在 svg 中创建具有模糊笔划的矩形

html - 调整大图像的大小以填充定义的空间而不拉伸(stretch)

linux - 致命的 : could not create work tree dir 'scrumwala.git.' : Permission denied

git - 为什么 Git 说我的主分支是 "already up to date"即使它不是?

json - 什么是标记语言? (XML、YAML、JSON)