还在找免费的能供给HTTPS协议外链的图床？这个开源插件容易完成
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前天，强哥发了一篇推文，讲述了应该<span style="color: black;">怎样</span>免费且快速的生成自己的博客网站：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">时期</span><span style="color: black;">亦</span>有<span style="color: black;">说到</span>一点<span style="color: black;">便是</span><span style="color: black;">咱们</span>在写博客的时候，<span style="color: black;">由于</span><span style="color: black;">运用</span>的是Markdown格式的文件，而<span style="color: black;">倘若</span>想要Markdown格式的文件在<span style="color: black;">照片</span>上传到Gitee仓库，服务更新后，能在网站上正常<span style="color: black;">表示</span>，<span style="color: black;">能够</span>采用有两种方式。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一种是就<span style="color: black;">必须</span><span style="color: black;">运用</span>固定的<span style="color: black;">照片</span>文件夹，<span style="color: black;">而后</span><span style="color: black;">文案</span>以相对路径的方式引用。<span style="color: black;">然则</span><span style="color: black;">这般</span>会<span style="color: black;">引起</span><span style="color: black;">咱们</span>的博客代码体积随着博客越来越多而占据很大的一部分磁盘空间，毕竟光写文字占不了多大<span style="color: black;">地区</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">另一种方式，则是将<span style="color: black;">照片</span>上传到第三方<span style="color: black;">机构</span><span style="color: black;">供给</span>的图床上，<span style="color: black;">而后</span>Markdown直接<span style="color: black;">经过</span>外链的方式引用<span style="color: black;">就可</span>。<span style="color: black;">不外</span>虽然这种方式能够减小<span style="color: black;">咱们</span>的磁盘开销，<span style="color: black;">然则</span>在强哥试用了七牛、麦克图床等，<span style="color: black;">发掘</span>许多图床不是<span style="color: black;">必须</span>付费，<span style="color: black;">便是</span><span style="color: black;">机构</span>太小，很不<span style="color: black;">可靠</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">七牛图床本来强哥是比较<span style="color: black;">举荐</span>的，可是非付费会员外加强哥<span style="color: black;">无</span>网站Https证书，所有七牛的图床外链强哥只能<span style="color: black;">运用</span>临时的Http域名，而强哥的网站又是Https的，这回<span style="color: black;">引起</span>在Chrome浏览器上，打开博客，<span style="color: black;">照片</span>依然<span style="color: black;">没</span>法正常<span style="color: black;">表示</span>，<span style="color: black;">由于</span>Https的网站在Chrome下<span style="color: black;">没</span>法直接打开Http链接的<span style="color: black;">照片</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不外</span>，在强哥的不懈<span style="color: black;">奋斗</span>下，<span style="color: black;">最终</span>让我找到了一款Chrome插件。<span style="color: black;">经过</span>它，能够将<span style="color: black;">照片</span><span style="color: black;">保留</span>到<span style="color: black;">博客</span>上，<span style="color: black;">而后</span>直接获取到<span style="color: black;">照片</span>在<span style="color: black;">博客</span>上对应的Https外链。而<span style="color: black;">博客</span>，<span style="color: black;">做为</span>一个大厂<span style="color: black;">制品</span>，又不<span style="color: black;">必须</span>担心它会一时半会倒闭什么的。总之用起来之后，强哥只能说：“真香啊”。下面就让我<span style="color: black;">详细</span>介绍下吧。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">插件信息</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 要获取插件的小伙伴<span style="color: black;">能够</span>在<a style="color: black;">点击链接，后台留言：“图床插件”</a>
</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">，获取插件的下载<span style="color: black;">位置</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">博客</span>图床，支持<span style="color: black;">选取</span>、拖拽、粘贴、网页右键上传<span style="color: black;">照片</span>，并生成<span style="color: black;">照片</span><span style="color: black;">位置</span>，支持浏览和删除历史记录，支持同步上传记录</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 上传到<span style="color: black;">照片</span>到<span style="color: black;">博客</span>，同步到微相册，并生成外链</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 支持的功能<span style="color: black;">亦</span><span style="color: black;">非常多</span>：</p>
支持点选、拖拽、粘贴以及页面右键菜单上传<span style="color: black;">照片</span>到<span style="color: black;">博客</span>并同步到微相册；支持拖拽上传文件夹中的<span style="color: black;">照片</span>文件；支持 JPEG、PNG、GIF 三种<span style="color: black;">照片</span>格式；支持 SVG、BMP、WebP、ico 有损转换为 PNG；支持把 HTML5 视频的当前帧上传为 JPG 图像；支持查看上传记录，简单的浏览及删除操作；支持生成 URL、HTML、UBB、Markdown 四种格式；支持单条、多条模式的复制操作；支持<span style="color: black;">选取</span>协议（http、https 和相对协议）；支持三种固定裁剪尺寸和用户自定义尺寸；支持<span style="color: black;">运用</span><span style="color: black;">博客</span>账号和<span style="color: black;">暗码</span>自动登录；支持<span style="color: black;">博客</span><span style="color: black;">照片</span>水印功能；<h3 style="color: black; text-align: left; margin-bottom: 10px;"> 插件原理</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">全部</span>的原理其实<span style="color: black;">便是</span>自动将<span style="color: black;">咱们</span>选中的<span style="color: black;">照片</span>上传到<span style="color: black;">咱们</span>的<span style="color: black;">博客</span>相册上，<span style="color: black;">而后</span>把相册的<span style="color: black;">照片</span><span style="color: black;">位置</span><span style="color: black;">保留</span>下来，方面<span style="color: black;">咱们</span>直接获取并<span style="color: black;">运用</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">运用</span>指南</p> <span style="color: black;">首要</span><span style="color: black;">必要</span>要在<span style="color: black;">咱们</span>的浏览器上登录<span style="color: black;">博客</span>web。插件开启后会<span style="color: black;">显现</span>如下提示：
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-1a38dff200cfa5a10b506b9a1d5c757e_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">而后</span>，<span style="color: black;">选取</span>自己想要<span style="color: black;">保留</span>的<span style="color: black;">照片</span>，右击鼠标弹出如下菜单： </p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-40bd58446e29006db35c5d2008581a53_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 点击“把这张<span style="color: black;">照片</span>上传到微相册”的选项，点击后会自动上传，上传结束后会<span style="color: black;">显现</span>提示。</p> 当然，<span style="color: black;">亦</span><span style="color: black;">能够</span>直接先把<span style="color: black;">照片</span><span style="color: black;">保留</span>到本地，<span style="color: black;">而后</span>在点击插件上传，<span style="color: black;">详细</span>如下：
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-9fecbb387598a61e0800737565c842f8_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">上传完后，<span style="color: black;">咱们</span>就<span style="color: black;">能够</span>拿到<span style="color: black;">照片</span>的Https的链接<span style="color: black;">而后</span>自由<span style="color: black;">运用</span>啦。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 当然更<span style="color: black;">详细</span>的<span style="color: black;">运用</span>教程<span style="color: black;">位置</span>强哥<span style="color: black;">亦</span><span style="color: black;">一样</span>会在发送后台<span style="color: black;">信息</span>“图床插件”中一并<span style="color: black;">供给</span>。作者把插件的源码都开源了，非常<span style="color: black;">仔细</span>，有兴趣的小伙伴<span style="color: black;">亦</span><span style="color: black;">能够</span>学习学习。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">写在最后</p>
</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">哈哈，强哥的博客网站，<span style="color: black;">亦</span>顺利用上了对应的链接，<span style="color: black;">不外</span>暂时只把最新的几篇更新了，<span style="color: black;">近期</span>太忙了，<span style="color: black;">亦</span>没时间去把旧博客都处理了，<span style="color: black;">不外</span>慢慢来。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 暂时<span style="color: black;">来讲</span>，这个方式获取到的链接<span style="color: black;">亦</span><span style="color: black;">无</span>被<span style="color: black;">博客</span>进行反盗链处理，<span style="color: black;">因此</span>正常<span style="color: black;">运用</span>应该没问题。当然以后怎么样就不<span style="color: black;">晓得</span>了，毕竟白嫖党有时候<span style="color: black;">亦</span>要为自己的<span style="color: black;">行径</span>负责的，哈哈哈。</p>
谷歌网站排名优化 http://www.fok120.com/ 期待楼主的下一次分享！”
页:
[1]