前天,强哥发了一篇推文,讲述了应该如何免费且快速的生成自己的博客网站:

期间也有提到一点就是我们在写博客的时候,因为使用的是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。插件开启后会出现如下提示:

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

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

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

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

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

写在最后

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

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

在这个插件帮助下,终于用上免费的Https协议外链的图床了的更多相关文章

  1. Charles在Mac、iPhone、Android上抓http/https协议的包

    1.我使用的版本是4.0.2,下载和破解网上方法很多,不做说明 2.Charles在Mac上抓http/https协议的包 2.1先把这三个都给装上,装完后会自动跳转到钥匙串中 2.2如果装完后提示证 ...

  2. 腾讯云上免费部署HTTPS

    接上篇<腾讯云下安装 nodejs + 实现 Nginx 反向代理>,想从头一步到位的同学建议从上篇文章开始阅读.本文将继续介绍如何通过 Nginx 免费部署HTTPS. 留意下,这里的“ ...

  3. jquery.fileupload插件 ie9下不支持上传

    根据https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support The following browsers support ...

  4. 如何让你的网站用上免费的HTTPS

    因为之前网站上被注入了广告,再百般尝试之后最后还是使用了HTTPS解决了. 在实现HTTPS的时候最关键的就是证书. 证书的质量觉得了你被多少浏览器所信任. 证书的价格也就蹭蹭蹭往上涨了. 这里推荐一 ...

  5. jQuery插件AjaxFileUpload实现ajax文件上传时老是运行error方法 问题原因

    今天在用jQuery插件AjaxFileUpload实现ajax文件上传时,遇到一个问题,如图: 老是运行error.无法运行succes方法,追踪ajaxfileupload.js源代码发现: wa ...

  6. 发现一个微博图床API和图片上传代码

    网上寻到一款微博图床的插件,然后顺藤摸瓜找到了原作者的API代码. API文件: <?php /** * 上传图片到微博图床 * @author Youngxj & mengkun &a ...

  7. JS+CSS实现的下拉刷新/上拉加载插件

    闲来无事,写了一个当下比较常见的下拉刷新/上拉加载的jquery插件,代码记录在这里,有兴趣将代码写成插件与npm包可以留言. 体验地址:http://owenliang.github.io/pull ...

  8. vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件

    vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件/库 一提到移动端的下拉刷新上拉翻页,你可能就会想到iScroll插件,没错iScroll是一个高性能,资源 ...

  9. 基于SwiperJs的H5/移动端下拉刷新上拉加载更多的效果

    最早时,公司的H5项目中曾用过点击一个"加载更多"的DOM元素来实现分页的功能,后来又用过网上有人写的一个上拉加载更多的插件,那个插件是页面将要滚动到底部时就自动请求数据并插入到页 ...

随机推荐

  1. 第10组 Beta冲刺 (1/5)

    1.1基本情况 ·队名:今晚不睡觉 ·组长博客:https://www.cnblogs.com/cpandbb/p/14012521.html ·作业博客:https://edu.cnblogs.co ...

  2. stm32单片机利用ntc热敏电阻温度转换公式C语言版

    首先 我们需要明确电路结构 热敏电阻的原理就不再赘述,本文不凑字数,只讲干货 必须要知道的就是串联电阻R9程序中定义为resistanceInSeries ,精度越高越好 为了方便,先在程序中定义好你 ...

  3. Git 的配置 config

    Git 的配置 config Git 的配置 config config 文件简述 config 文件位置 信息查询 修改 config 文件 编辑配置文件 增加指定配置项 删除指定配置项 自助餐   ...

  4. 51 Nod 1006 最长公共子序列(LCS & DP)

    原题链接:https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1006 题目分析: 首先先知道LCS问题,这有两种: Long ...

  5. Keil MDK STM32系列(六) 基于抽象外设库HAL的ADC模数转换

    Keil MDK STM32系列 Keil MDK STM32系列(一) 基于标准外设库SPL的STM32F103开发 Keil MDK STM32系列(二) 基于标准外设库SPL的STM32F401 ...

  6. 你管这叫代理模式(Proxy Pattern)

    代理模式   代理模式即给一个真实类提供一个代理类,该代理类代替真实类完成其功能,一般还可在代理类上添加一些真实类不具有的附加功能,通俗来讲代理模式就是我们生活中常见的中介,代理模式又可分为静态代理和 ...

  7. 使用Rainbond打包业务模块,实现业务积木式拼装

    背景 每个程序员在学习开发的过程中,都知道解耦和模块化的重要性,也希望自己设计和开发的程序支持模块化,开发好的模块其他人就能快速复用,为了达成这个效果,我们学习各种模块化和解耦的技术,从面向对象的设计 ...

  8. 开源免费的WordPress个人博客主题推荐

    二次元动漫类个人主题 Sakura 功能强大,美观大气,二次元动漫专属 演示地址:https://2heng.xin/theme-sakura/ 开源地址:https://github.com/mas ...

  9. ApacheCN Java 译文集 20210921 更新

    新增了五个教程: Java 设计模式最佳实践 零.前言 一.从面向对象到函数式编程 二.创建型模式 三.行为模式 四.结构模式 五.函数式模式 六.让我们开始反应式吧 七.反应式设计模式 八.应用架构 ...

  10. Gitee 自已提交的代码提交人头像为他人、码云上独自开发的项目显示为 2 个开发者

    简介 自己写的代码提交到码云(Gitee)上却变成了两个人,一个被正确的代码提交统计了,另一个却没有,并且确信自己输入的Gitee账号是自己绑定的邮箱,具体如下: 解决办法 查看自己的用户名 git ...