本地图片上传到github

在开发过程中,我们经常需要上传图片到Github这样的代码托管平台上。Github除了提供在线的代码托管服务之外,还可以作为一个静态网站来使用。本文将介绍如何上传本地图片到Github并在Github上进行展示,以及相关的知识和注意要点。

一、在本地创建Github仓库

首先,需要在本地创建Github仓库(repository),并进行一次commit操作。在此过程中,需要在仓库的根目录下新建一个名为"img"的文件夹来存放图片文件。

二、上传图片到Github

1. 直接上传

将要上传的图片文件直接拖放到"img"文件夹中,然后使用git命令进行提交。

```

$ git add img/xxx.png // 添加图片文件到仓库

$ git commit -m "add image" // 提交修改

$ git push origin master // 推送到master分支

```

2. 通过命令上传

使用git命令将图片文件复制到本地仓库的"img"文件夹中,然后进行提交。

```

$ cp ~/path/to/image.png ./img/

$ git add img/image.png // 添加图片文件到仓库

$ git commit -m "add image" // 提交修改

$ git push origin master // 推送到master分支

```

三、展示图片

在Github上展示图片主要有两种方式,分别是使用相对路径和直接使用URL地址。

1. 相对路径

在README.md文件中添加相对路径,如下所示:

```

![alttext](/img/image.png)

```

这里的路径是相对于项目根目录的,可以在其他markdown文件中重复使用。同时,使用相对路径需要注意两点:

(1)路径中的斜杠需要使用正斜杠"/",而不是反斜杠"\"。

(2)文件名字母需小写。

2. URL地址

在README.md文件中添加图片的URL地址,如下所示:

```

![alttext](https://raw.githubusercontent.com/username/repo-name/master/img/image.png)

```

这里的URL地址是图片的绝对地址,需要注意两点:

(1)图片文件需要公开可见,没有限制访问权限。

(2)在使用过程中,需要修改文件地址。因为地址中的"username"和"repo-name"需要替换为你自己的Github用户名和仓库名称。

四、注意事项

1. Github仓库的大小限制为1G,如果上传的图片文件太大,会超过限制。需要合理压缩图片大小,并只上传必要的图片。

2. Github的使用要遵守版权法,不得上传未经授权的图片。

3. 使用相对路径时,需要确认路径的大小写及斜杠方向是否正确。

4. 不要将Github作为文件存储工具,仅作为代码、文档和图片的托管平台。

总结

本文介绍了上传图片到Github的步骤及注意事项,包括创建Github仓库、上传图片文件、展示图片等。同时,还给出了使用相对路径和URL地址两种展示图片的方法。在使用过程中,需要注意仓库大小限制、版权法的规定和路径大小写、斜杠方向等问题。

壹涵网络我们是一家专注于网站建设、企业营销、网站关键词排名、AI内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队,专门致力于为客户提供优质的服务。

我们致力于为客户提供一站式的互联网营销服务,帮助客户在激烈的市场竞争中获得更大的优势和发展机会!

点赞(91) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部