第三方图床利用

最开始学习前端的时候便被告知，在img标签里引用图片的时候要使用相对路径，以方便自己整个项目在不同的计算机之间进行移动。

然后在实际应用中，页面写好了，图片的地址也填完了，接着猛地发现自己写的这个页面不应该跟index同级，想重新建一个文件夹扔进去，或者把页面放到另一个层级中。那么，在移动了页面之后自然要对图片的路径进行修改，如果只是一两个还好说，但如果是上百张图片。。。。

所以，如果网络情况较好的话，我们可以将我们的图片放在第三方平台上，用的时候直接引用过来，这样就不需要在页面位置变更的情况下继续修改图片的相对路径了。

方法1：利用github

1. 搞一个空仓库配置仓库信息完成
2. 上传图片然后选择文件最后确认选择然后仓库里出现我们的文件
3. 点开我们上传的图片，并复制图片的url地址然后在img标签里使用，注意，直接粘贴进去的话是不可以的，需要把其中的blob替换成raw

原来的url：https://github.com/blackapocrypha/img01/blob/master/SharedScreenshot.jpg

修改后的：https://github.com/blackapocrypha/img01/raw/master/SharedScreenshot.jpg然后打开网页就能够出图片，但就是慢，网速好就能出来，否则就是白瞎。





方法2：利用七牛云

七牛云官网：https://www.qiniu.com/?utm_campaign=SEM&utm_content=pinzhuan&utm_medium=pinzhuan&utm_source=baiduSEM&utm_term=pinzhuan

1. 注册账号什么的就不需要讲了，需要用邮箱注册，然后还需要实名认证。
2. 注册完并且实名等一系列操作完成后回到主页，点击立即添加对象储存
3. 然后会提示创建，对空间进行命名，注意控制权一定要选择公开创建成功后会在列表内出现
4. 点击自己的空间名称进入空间，找到文件管理就可以看到文件上传选项
5. 最后鼠标悬停在更多上，复制外联，然后就可以在html中使用了这个可以直接粘贴，不用修改