github个人博客图片如何显示

fiy 其他 40

回复

共3条回复 我来回复
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    在GitHub个人博客中,想要显示图片,可以通过以下几种方式实现:

    1. 使用外部图片链接:可以使用任意外部图片链接来显示图片。首先,你需要拥有图片的URL地址。然后,在Markdown文档中使用下面的格式来插入图片:

    “`markdown
    ![描述](图片链接)
    “`

    其中,”描述”是对图片的文字描述,可以为空;”图片链接”是指图片的URL地址。在使用外部链接时,需要注意确保链接是可访问的。

    2. 使用相对路径:如果你想将图片文件直接存储在项目目录中,可以使用相对路径来引用图片。首先,将图片文件保存在与Markdown文档相同的目录或子目录下。然后,使用相对路径来引用图片。例如,如果图片与Markdown文档位于同一目录下,你可以使用以下格式插入图片:

    “`markdown
    ![描述](./图片文件名)
    “`

    3. 使用GitHub仓库中的图片:GitHub支持将图片文件直接存储在仓库中,然后通过相对路径来引用。将图片文件上传至仓库,然后使用相对路径来引用图片。例如,如果图片文件位于仓库的images目录下,你可以使用以下格式插入图片:

    “`markdown
    ![描述](./images/图片文件名)
    “`

    通过以上几种方式,你可以在GitHub个人博客中轻松地显示图片。记得在使用外部链接或相对路径时,及时检查图片链接的有效性和正确性,以确保图片能够正确显示在博客中。

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    在GitHub个人博客上显示图片有几种常用的方法:

    1. 使用相对路径引用图片:在博客文章中使用相对路径引用图片。首先,将图片上传到与博客文章同级的文件夹中,然后在博客文章中使用相对路径引用该图片。例如,如果图片位于名为”images”的文件夹中,可以使用以下代码引用该图片:`![图片描述](images/图片文件名.jpg)`。

    2. 使用绝对路径引用图片:将图片上传到云存储或图床,然后在博客文章中使用绝对路径引用图片。绝对路径可以直接引用图片的链接地址。例如,可以使用以下代码引用图片:`![图片描述](https://example.com/images/图片文件名.jpg)`。

    3. 使用GitHub仓库中的Issue引用图片:将图片上传到GitHub仓库的Issue中,然后在博客文章中使用Issue引用图片。首先,在GitHub仓库的Issue中创建一个新的Issue,并将图片作为附件上传。然后,在博客文章中使用以下代码引用该图片:`![图片描述](https://github.com/用户名/仓库名/issues/Issue编号/附件名)`。

    4. 使用GitHub仓库中的图片链接:将图片上传到GitHub仓库的某个文件夹中,并获取该图片的链接地址。然后,在博客文章中使用以下代码引用该图片:`![图片描述](https://raw.githubusercontent.com/用户名/仓库名/分支名/文件夹名/图片文件名.jpg)`。

    5. 使用第三方图床服务:除了在GitHub仓库中存储图片,还可以使用第三方的图床服务来存储图片。上传图片到图床服务后,获取图片的链接地址,然后在博客文章中使用该链接地址引用图片。

    无论是使用相对路径引用图片、使用绝对路径引用图片还是使用GitHub仓库中的图片链接,都需要确保图片在对应的位置上,并且链接地址正确无误。另外,建议在引用图片时给出图片描述,以提高可读性和可访问性。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    在GitHub个人博客中显示图片有多种方法,下面我将通过以下几个步骤来详细讲解。

    1. 在GitHub仓库中创建一个文件夹用于存放图片。可以在你的博客仓库的根目录下创建一个名为“images”或“img”的文件夹。

    2. 将图片文件上传到该文件夹中。可以通过直接拖放文件到文件夹中或使用GitHub Desktop等工具上传。

    3. 选择一种适合你的方法来引用并显示图片。

    方法一:使用相对路径
    – 在你需要插入图片的位置使用Markdown语法:`![图片描述](相对路径)`。
    – 相对路径是相对于Markdown文件的当前位置来指定图片位置。例如,如果你的博客文件位于_posts文件夹下,图片位于images文件夹下,那么相对路径应为:`![图片描述](../images/图片文件名.jpg)`。

    方法二:使用绝对路径
    – 在你需要插入图片的位置使用Markdown语法:`![图片描述](绝对路径)`。
    – 绝对路径是指图片的完整URL路径。你可以将图片上传到图床(如imgur、sm.ms等)并获取其外链URL,然后使用该URL作为绝对路径插入图片。

    方法三:使用GitHub的相对路径
    – 在你需要插入图片的位置使用Markdown语法:`![图片描述](GitHub仓库相对地址)`。
    – GitHub会自动将该地址与仓库的根目录拼接,从而获取到正确的图片URL。例如:`![图片描述](images/图片文件名.jpg)`。

    无论使用哪种方法,你都应该在生成的博客页面中正确显示图片。在本地编写博客时,可以使用Markdown预览功能来检查图片是否正确显示。

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部