在开发过程中,我们经常需要上传图片到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内容生成、新媒体营销和短视频营销等业务的公司。我们拥有一支优秀的团队,专门致力于为客户提供优质的服务。
我们致力于为客户提供一站式的互联网营销服务,帮助客户在激烈的市场竞争中获得更大的优势和发展机会!
发表评论 取消回复