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

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

(0)

相关推荐

  • excel如何建立目录索引

    步骤1:如图,我们打开其中一个工作簿,里面有7个表格,我们怎么以最快方式到达"表4"呢? 步骤2:首先我们在D5单元格同时按住键盘上的"CTRL+K",出现如图 ...

  • linux目录结构

    linux标准目录结构: / root --- 启动Linux时使用的一些核心文件。如操作系统内核、引导程序Grub等。 home --- 存储普通用户的个人文件 ftp --- 用户所有服务 htt ...

  • 如何使用Win7办公绝配和Word添加毕业论文目录

    Win7和office两大利器可以说是大家日常工作生活中必不可少的伙伴。Win7让我们更加轻松的使用电脑,而office则是微软带给我们办公用的得力助手,可以说系统好用,软件也给力,才是使用电脑的最高 ...

  • WPS文字教程:用目录快速定位

    目录通常是长文档不可缺少的部分,有了目录,阅读者就能很容易地知道文档中有什么内容,如何查找这些内容。下面介绍使用内部标题样式创建目录的方法: 1、单击要建立目录的地方,通常是文档的最前面; 2、选择“ ...

  • Linux中使用ln命令在文件之间建立连接的用法讲解

    在Unix世界里有两个'link'(连接)概念,一般称之为硬连接和软连接.一个硬连 接仅仅是一个文件名.(一个文件可以有好几个文件名,只有将最后一个文件名从 磁盘上删除,才能把这个文件删掉.文件名的个 ...

  • 怎么设置word自动索引目录

    在word中编制目录最简单的方法是对要显示在目录中的标题使用内置的标题样式或大纲级别格式. 步骤如下: 1.首先对要显示在目录中的标题应用标题样式. 2.把光标定位到要建立目录的位置,目录一般位于文档 ...

  • Word自动生成目录的几种方法步骤

    方法一 1.用WORD根据文章的章节自动生成目录 --1.在[格式]中选[样式与格式] --2.出现右边的一条"样式格式"栏,这里面主要就是用到标题1,标题2,标题3.把标题1,标 ...

  • PDF文件怎么制作目录用于阅读导航?

    今天,小编将与大家分享如何建立PDF目录,便于PDF电子文档的阅读,尤其是扫描大文件. 1.首先,需要安装一款PDF阅读编辑器,比如Adobe Acrobat或福昕阅读器等.在这里,以Adobe Ac ...

  • word文档怎么自动创建文章目录

    word文档是一款文字处理软件,它是我们生活中的小助手,可是,不少小伙伴还不知道怎么才能自动创建文章目录,今天,小编就来和大家分享解决问题的方法.具体如下:1. 首先,请大家找到电脑中的word软件, ...