还在找免费的能提供HTTPS协议外链的图床?这个开源插件轻松搞定

简介: 期间也有提到一点就是我们在写博客的时候,因为使用的是Markdown格式的文件,而如果想要Markdown格式的文件在图片上传到Gitee仓库,服务更新后,能在网站上正常显示,可以采用有两种方式。

前天,强哥发了一篇推文,讲述了应该如何免费且快速的生成自己的博客网站:不花钱,用一个小时搭建自己的博客网站


期间也有提到一点就是我们在写博客的时候,因为使用的是Markdown格式的文件,而如果想要Markdown格式的文件在图片上传到Gitee仓库,服务更新后,能在网站上正常显示,可以采用有两种方式。


一种是就需要使用固定的图片文件夹,然后文章以相对路径的方式引用。但是这样会导致我们的博客代码体积随着博客越来越多而占据很大的一部分磁盘空间,毕竟光写文字占不了多大地方。


另一种方式,则是将图片上传到第三方公司提供的图床上,然后Markdown直接通过外链的方式引用即可。不过虽然这种方式能够减小我们的磁盘开销,但是在强哥试用了七牛、麦克等图床后发现,许多图床不是需要付费,就是公司太小,很不靠谱,指不定哪天网站就挂了。


七牛图床本来强哥是比较推荐的,可是非付费会员外加强哥没有网站HTTPS证书,所有七牛的图床外链强哥只能使用临时的HTTP域名,而强哥的网站又是HTTPS的,这会导致在Chrome浏览器上,打开博客,图片依然无法正常显示,因为Https的网站在Chrome下无法直接打开HTTP链接的图片。


不过,在强哥的不懈努力下,终于让我找到了一款Chrome插件。通过它,能够将图片保存到微博上,然后直接获取到图片在微博上对应的HTTPS外链。而微博,作为一个大厂产品,又不需要担心它会一时半会倒闭什么的。总之用起来之后,强哥只能说:“真香啊”。下面就让我具体介绍下吧。


插件信息


由于公众号文章没法跳转外链,所以要获取插件的小伙伴可以在后台留言:“图床插件”,获取插件的下载地址。


支持选择、拖拽、粘贴、网页右键上传图片,并生成图片地址,支持浏览和删除历史记录,支持同步上传记录

上传到图片到微博,同步到微相册,并生成外链


支持的功能也很多:


  • 支持点选、拖拽、粘贴以及页面右键菜单上传图片到微博并同步到微相册;
  • 支持拖拽上传文件夹中的图片文件;
  • 支持 JPEG、PNG、GIF 三种图片格式;
  • 支持 SVG、BMP、WebP、ico 有损转换为 PNG;
  • 支持把 HTML5 视频的当前帧上传为 JPG 图像;
  • 支持查看上传记录,简单的浏览及删除操作;
  • 支持生成 URL、HTML、UBB、Markdown 四种格式;
  • 支持单条、多条模式的复制操作;
  • 支持选择协议(http、https 和相对协议);
  • 支持三种固定裁剪尺寸和用户自定义尺寸;
  • 支持使用微博账号和密码自动登录;
  • 支持微博图片水印功能;


插件原理


整个的原理其实就是自动将我们选中的图片上传到我们的微博相册上,然后把相册的图片地址保存下来,方便我们直接获取并使用。


使用指南


首先必须要在我们的浏览器上登录微博web。插件开启后会出现如下提示:


47.png


然后,选择自己想要保存的图片,右击鼠标弹出如下菜单:


46.png


点击“把这张图片上传到微相册”的选项,点击后会自动上传,上传结束后会出现提示。


当然,也可以直接先把图片保存到本地,然后再点击插件上传,具体如下:


45.png


上传完后,我们就可以拿到图片的Https的链接然后自由使用啦。


当然更具体的使用教程地址强哥也同样会在发送后台消息“图床插件”中一并提供。作者把插件的源码都开源了,非常详细,有兴趣的小伙伴也可以学习学习。


写在最后


哈哈,强哥的博客网站,也顺利用上了对应的链接,不过暂时只把最新的几篇更新了,最近太忙了,也没时间去把旧博客都处理了,不过慢慢来。


暂时来说,这个方式获取到的链接也没有被微博进行反盗链处理,所以正常使用应该没问题。当然以后怎么样就不知道了,毕竟白嫖党有时候也要为自己的行为负责的,哈哈哈。

相关文章
|
1月前
|
前端开发
webpack如何设置devServer启动项目为https协议
webpack如何设置devServer启动项目为https协议
135 0
|
3月前
|
Web App开发 移动开发 JavaScript
Python网络编程(三),HTTP协议
Python网络编程(三),HTTP协议
60 0
|
4月前
|
网络协议
【计算机网络-应用层】HTTP协议
【计算机网络-应用层】HTTP协议
|
4月前
|
网络协议 网络安全
【网络安全 | HTTP】 gopher协议原理、语法及利用总结
【网络安全 | HTTP】 gopher协议原理、语法及利用总结
83 0
|
1月前
|
安全 搜索推荐 数据安全/隐私保护
深入探讨HTTPS协议的原理和工作流程
【2月更文挑战第10天】
34 4
深入探讨HTTPS协议的原理和工作流程
|
2月前
|
安全 算法 Java
【JavaEE初阶】 详解HTTPS协议加密过程
【JavaEE初阶】 详解HTTPS协议加密过程
|
3月前
|
安全 算法 网络安全
浏览器 HTTPS 协议的相关知识点有哪些?
浏览器 HTTPS 协议的相关知识点有哪些?
20 0
|
3月前
|
缓存 前端开发
HTTP协议学习
HTTP协议学习
15 0
|
3月前
|
存储 缓存 安全
面试题:HTTP 协议包括哪些请求?
面试题:HTTP 协议包括哪些请求?
23 0
|
3月前
|
存储 安全 网络安全
HTTP与HTTPS的区别:安全性、协议地址和默认端口等比较
HTTP与HTTPS的区别:安全性、协议地址和默认端口等比较
142 0