互联网

当前位置 /首页/游戏数码/互联网/列表

怎样在GitHub建立目录上传图片?

GitHub是全世界最大的极客网站,在这里可以建立自己的项目代码,并能够和世界上优秀的程序员交流心得。这篇指南是教大家怎样在GitHub项目仓库中建立目录上传图片,希望对你有所帮助!

工具/材料

GitHub项目管理员

操作方法

01

在GitHub的项目仓库中,点击【upload files】就可以将文件上传到服务器,可以使用查到上传的方法,也可以直接将待上传的图片拖拽到这个地方。另外建议在文件上传之前,将它命名成简单的名称,便于在代码编辑中使用。

怎样在GitHub建立目录上传图片?
怎样在GitHub建立目录上传图片? 第2张
02

必须上传进度条完成才可以点击【commit changes】,否则会出现未知错误,上传的时间和网速以及文件大小有关。

怎样在GitHub建立目录上传图片? 第3张
怎样在GitHub建立目录上传图片? 第4张
03

上传成功后,在仓库的主目录中可以看到0.jpg的图片,这个就是刚刚成功上传的文件。这里我们将另外一个文件进行编辑,将图片0.jpg添加到我们的网页中,同样点击文件后面的编辑符号即可。

怎样在GitHub建立目录上传图片? 第5张
怎样在GitHub建立目录上传图片? 第6张
04

在body中插入图片,这里需要使用到图片标签<image src="0.jpg"/>
这样就会将统计目录下的0.jpg插入到网页中,网页效果如图。

怎样在GitHub建立目录上传图片? 第7张
怎样在GitHub建立目录上传图片? 第8张
05

对于复杂的网页(多图)怎办?
这里就需要将文件分类,在仓库中创建文件夹,使用“/”,这样就可以创建一个目录,但是该目录下必须新建文件才会成为目录文件夹,否者就是文本文件,这里创建的是001文件夹,下面有一个test文件。

怎样在GitHub建立目录上传图片? 第9张
怎样在GitHub建立目录上传图片? 第10张
06

移动文件
对于HTML文件,可以进行移动位置,我们点击HTML后面的编辑符号,修改文件的储存地址,需要使用到“/”,比如移动到001文件夹下,输入001/即可。

怎样在GitHub建立目录上传图片? 第11张
怎样在GitHub建立目录上传图片? 第12张
怎样在GitHub建立目录上传图片? 第13张
07

移动图片
刚刚上传的图片,我们用上述方法是不行的,只能将这个图片删除,然后重新上传到指定目录下面。

怎样在GitHub建立目录上传图片? 第14张
08

这里图片上传的方法和步骤一模一样,由于文件地址发生变化,我们的代码也要修改,这里插入的图片就是不是同级目录下的0.jpg了,而是同级目录下image文件夹中的0.jpg。

怎样在GitHub建立目录上传图片? 第15张
怎样在GitHub建立目录上传图片? 第16张
09

插入的代码格式是这样的<image src="./images/0.jpg">,访问自己的网页时候就可以将仓库的目录地址粘贴到网址后面进行访问了。

怎样在GitHub建立目录上传图片? 第17张
怎样在GitHub建立目录上传图片? 第18张
怎样在GitHub建立目录上传图片? 第19张

特别提示

创建文件夹时候需要有一个文件在该目录下。

TAG标签:GitHub 目录 建立 #