github博客怎么加图片

worktile 其他 22

回复

共3条回复 我来回复
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    在GitHub博客中添加图片可以通过以下步骤完成:

    1. 将图片上传到GitHub仓库:首先,在你的代码仓库中创建一个文件夹来存储图片。然后,将图片文件上传到这个文件夹中。可以使用以下命令将图片文件推送到GitHub仓库中:
    “`
    git add 图片文件路径
    git commit -m “Add image”
    git push
    “`

    2. 获取图片的URL:在GitHub仓库中,找到刚才上传的图片文件,点击进入文件的预览页面,然后点击页面上方的“Download”按钮。这将打开一个新的标签页并显示图片。复制该标签页的URL。

    3. 在博客文章中插入图片:在你的博客文章中,使用以下Markdown语法来插入图片:
    “`
    ![图片描述](图片URL)
    “`
    将“图片描述”替换为你想要显示的文字描述,将“图片URL”替换为你刚才复制的图片URL。例如:
    “`
    ![示例图片](https://github.com/your_username/repository_name/raw/master/图片文件夹/图片文件名.png)
    “`

    4. 预览和发布博客文章:保存你的博客文章,并在GitHub仓库中找到博客文章的Markdown文件。点击文件名称进入预览页面,即可查看插入的图片。如果一切正常,点击页面上方的“Edit”按钮,进行最后的编辑和保存。

    总结:通过上传图片到GitHub仓库,并使用图片URL在博客文章中插入图片这两个步骤,你就可以成功地在GitHub博客中添加图片了。记得每次修改图片后要及时推送到仓库,以确保图片始终可用。

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

    在GitHub博客中添加图片有多种方法。下面是五种常用的方式:

    1. 使用Markdown语法
    在Markdown文件中使用双感叹号`!`来插入图片。可以直接通过图片URL或者本地图像路径来引用图片。示例:

    “`markdown
    ![图片描述](https://example.com/images/image.jpg)
    “`

    或者

    “`markdown
    ![图片描述](/path/to/image.jpg)
    “`

    2. 使用HTML标签
    可以直接使用HTML的``标签来插入图片。可以使用图片URL或者本地图像路径。示例:

    “`html
    图片描述
    “`

    或者

    “`html
    图片描述
    “`

    3. 使用GitHub仓库中的图片
    如果你已经将图片上传到了GitHub仓库中,可以使用相对路径来引用图片。示例:

    “`markdown
    ![图片描述](./images/image.jpg)
    “`

    4. 使用相对链接
    如果你的图片存储在其他位置,可以使用相对链接来引用图片。示例:

    “`markdown
    ![图片描述](../images/image.jpg)
    “`

    5. 使用图床
    除了直接将图片存储在GitHub仓库中,你也可以使用图床来储存图片,并通过图片URL来引用图片。常见的图床有Imgur、Markdown编辑器等。

    无论选择哪种方法,在添加图片之前,通常需要先创建一个新的Markdown文件或编辑现有的Markdown文件。在这个文件中,你可以按照上述方法来插入图片。

    2年前 0条评论
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    在GitHub博客中添加图片可以通过以下方法来实现:

    步骤1:将图片上传到GitHub仓库
    首先,在GitHub仓库中创建一个存储图片的文件夹,可以命名为“images”或者其他你喜欢的名称。然后将你的图片文件添加到这个文件夹中。你可以使用以下两种方法来上传图片:

    方法一:使用网页上传
    点击仓库主页右上角的“Add file”按钮,然后选择“Upload files”选项。在弹出的文件选择窗口中,将你的图片文件拖拽到页面上或者点击“choose your files”按钮来选择你需要上传的图片文件。

    方法二:使用Git命令行上传
    在本地克隆你的GitHub仓库到本地。在终端或命令行中,使用以下命令将图片文件添加到你的仓库:

    “`
    $ git add images/your_image.jpg
    $ git commit -m “Add image”
    $ git push origin master
    “`

    你需要将“your_image.jpg”替换为你要上传的图片的实际文件名。

    步骤2:在博客文章中引用图片
    一旦图片被上传到你的GitHub仓库中,你可以在博客文章中使用Markdown语法来引用这些图片。在你的文章中,使用以下语法来添加图片:

    “`
    ![image description](/images/your_image.jpg)
    “`

    你需要将“your_image.jpg”替换为你上传的图片的实际文件名,同时可以在“image description”中填写图片的描述。

    步骤3:预览及发布博客文章
    完成以上步骤后,你可以使用这些图片来装饰你的博客文章了。在编写博客文章的过程中,你可以通过本地的Markdown编辑器来预览你的文章,并确保图片能够正确显示。你也可以将这些文件提交到GitHub仓库,并通过GitHub Pages来发布你的博客。

    总结
    通过以上步骤,你可以在GitHub博客中添加图片。请确保你在编写Markdown文档时使用正确的文件路径来引用这些图片,并且这些图片已经被正确地上传到了你的GitHub仓库中。

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

400-800-1024

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

分享本页
返回顶部