github上怎么添加图片

worktile 其他 300

回复

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

    在GitHub上添加图片可以使用以下两种方法:

    方法一:使用GitHub的图床服务
    1. 打开GitHub的图床服务网站,比如 “https://sm.ms” 或者 “https://imgur.com”。
    2. 在图床服务网站上点击上传按钮,选择你要上传的图片。
    3. 上传完成后,图床服务网站会给出一个图片链接。
    4. 将这个图片链接复制下来。

    方法二:使用GitHub的仓库
    1. 创建一个新的仓库或者找到已有的仓库。
    2. 在仓库中创建一个新的Markdown文件(后缀为.md)。
    3. 点击Markdown文件的编辑按钮进入编辑页面。
    4. 在编辑页面中,使用以下格式插入图片:
    “`markdown
    ![图像描述](图片链接)
    “`
    其中,”图像描述”是对图片的简短描述,”图片链接”是方法一中得到的图片链接。
    5. 按照需要添加更多的文本或者图片。
    6. 完成编辑后,提交保存。

    无论使用哪种方法,当你在GitHub上查看Markdown文件时,图片都会显示出来。在其他地方引用这些图片时,只需要使用相应的链接即可。

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

    在 GitHub 上添加图片有几种方法,具体步骤如下:

    1. 使用 Markdown 语法添加图片:
    – 在你的仓库中选择一个 Markdown 文件(例如 README.md)。
    – 在文件中的适当位置使用以下语法添加图片:`![图片描述](图片链接)`
    – 图片描述是可选的,可以用于提供图片的简短说明。
    – 图片链接可以是图片的 URL,也可以是相对于仓库根目录的路径。
    – 保存文件后,刷新 GitHub 页面即可看到添加的图片。

    2. 使用 HTML 添加图片:
    – 在你的仓库中选择一个 HTML 文件(例如 index.html)。
    – 在文件中的适当位置使用以下语法添加图片:`图片描述`
    – 图片链接可以是图片的 URL,也可以是相对于仓库根目录的路径。
    – 图片描述是可选的,可以用于提供图片的简短说明。
    – 保存文件后,刷新 GitHub 页面即可看到添加的图片。

    3. 将图片上传至仓库:
    – 在你的仓库中选择一个文件夹作为存储图片的目录。
    – 点击该文件夹,进入文件夹的页面。
    – 点击页面右上方的 “Add file” 按钮,然后选择 “Upload files” 选项。
    – 将要上传的图片拖拽到页面中,或者点击页面中的 “choose your files” 按钮选择图片。
    – 等待图片上传完成后,刷新 GitHub 页面即可看到添加的图片。
    – 在 Markdown 文件或 HTML 文件中使用上述添加图片的语法,将链接地址指向图片在仓库中的路径。

    4. 使用 GitHub Pages 展示图片:
    – 打开你的仓库的 “Settings” 页面。
    – 滚动到 “GitHub Pages” 部分。
    – 在 “Source” 下拉菜单中选择一个分支,例如 “master”。
    – 点击保存后,等待几分钟,你的仓库就会创建一个 GitHub Pages 网站。
    – 将图片上传至网站的根目录或者子目录。
    – 在 Markdown 文件或 HTML 文件中使用上述添加图片的语法,将链接地址指向图片在网站中的路径。
    – 在浏览器中访问你的 GitHub Pages 网站,即可看到展示的图片。

    5. 使用第三方图床服务:
    – 将图片上传至第三方图床服务,如 imgur、sm.ms 等。
    – 获取图片链接。
    – 在 Markdown 文件或 HTML 文件中使用上述添加图片的语法,将链接地址指向第三方图床服务提供的图片链接。

    请注意,如果你的仓库是私有的,那么只有有权限访问仓库的用户才能看到添加的图片。

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

    在Github上添加图片的方法有多种,下面将介绍两种常用的方法:

    方法一:使用README.md文件中的图片链接

    1. 将图片上传到Github仓库中的某个目录下,例如在仓库根目录下新建一个名为”images”的文件夹。
    2. 上传图片可以直接选中文件并拖拽到Github仓库的对应目录下,或者使用命令行的方式进行上传。如使用git命令行工具,可以使用以下命令:
    “`
    git add images/your_image.png
    git commit -m “add image”
    git push
    “`

    3. 在需要添加图片的README.md文件中使用图片链接。假设我们上传的图片为”your_image.png”,在README.md文件中添加以下内容:
    “`
    ![image](images/your_image.png)
    “`

    方法二:使用外部图床

    1、将图片上传到外部图床,例如使用Imgur、Gitee等图床服务。
    2、在README.md文件中使用外部图床提供的图片链接。例如,在Gitee上上传图片后,会得到一个图片链接,形如:
    “`
    https://gitee.com/username/repo/raw/branch/images/your_image.png
    “`
    将这个链接添加到README.md中即可:
    “`
    ![image](https://gitee.com/username/repo/raw/branch/images/your_image.png)
    “`

    无论使用哪种方法,都需要注意以下几点:

    – 确保图片链接是有效的,可以通过在浏览器中访问链接来验证。
    – 尽量使用相对路径或者外部图床来引用图片,可以确保图片在不同环境下都能正确显示。
    – 如果是团队协作项目,需要告知其他成员图片的存储位置,并确保他们能够正确访问。
    – 在使用图片链接时,可以添加图片描述文字,以提供更好的阅读体验。例如:
    “`
    ![image](images/your_image.png “这是图片的描述”)
    “`

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

400-800-1024

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

分享本页
返回顶部