来了，永久免费的图床服务
<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>markdown的简洁语法，<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>用markdown语法<span style="color: black;">亦</span>有一个坏处，<span style="color: black;">便是</span>在向markdown中<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>的是vscode<span style="color: black;">或</span>typora,在<span style="color: black;">运用</span><span style="color: black;">照片</span>的时候<span style="color: black;">仅有</span>两种<span style="color: black;">办法</span>，<span style="color: black;">第1</span><span style="color: black;">便是</span>用外链<span style="color: black;">照片</span>，你需要先找到这个<span style="color: black;">照片</span>的url<span style="color: black;">位置</span>，<span style="color: black;">而后</span>再<span style="color: black;">运用</span>markdown语法把这个<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>就没办法在各个公共平台进行传播了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">之前我都是用的csdn的图床服务，<span style="color: black;">然则</span>每次都需要手动获取<span style="color: black;">照片</span>的url，非常的麻烦。</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>简单，快速的在markdown中<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>介绍一个非常强大的软件picgo和对应的免费图床服务。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">PICGO</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Picgo是一个用于快速上传<span style="color: black;">照片</span>并获取<span style="color: black;">照片</span> URL 链接的工具。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它的下载<span style="color: black;">位置</span>在这里：</p>https://github.com/Molunerfinn/PicGo
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它的界面大概是长这个样子:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span>分为上传区，相册，图床设置，PicGO设置和插件设置这几个部分。</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>剪贴板拷贝和URL拷贝的方式来上传<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>了markdown格式，<span style="color: black;">那样</span>等<span style="color: black;">照片</span>上传完毕之后，直接在对应的markdown文本中粘贴<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>html<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;">先看下图床，在PocGo设置中，<span style="color: black;">日前</span>支持腾讯云，SMMS，七牛云，又拍云，阿里云，gitlab和Imgur这几种图床：</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>不贵。</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>SMMS。<span style="color: black;">每一个</span>账号有5G的免费额度，还是很不错的，<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;">关于SMMS的注册和<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;">插件</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>来介绍一下PicGo的高级服务：插件。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你<span style="color: black;">能够</span>在这个地址</p>https://github.com/PicGo/Awesome-PicGo 找到<span style="color: black;">非常多</span>PicGo的插件，<span style="color: black;">能够</span>扩展<span style="color: black;">非常多</span>功能。
<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>picgo-plugin-compress:https://github.com/JuZiSang/picgo-plugin-compress。
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你在PicGO的插件设置部分，输入compress，点击搜索就<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>
<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;">其中tinypng 是无损压缩，<span style="color: black;">然则</span>需要上传到tinypng。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">imagemin压缩过程不需要经过网络，<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;">image2webp 本地有损压缩，支持 GIF 格式有损压缩。<span style="color: black;">然则</span>有些图床不支持 webp <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>就选imagemin就行了。</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>开启压缩了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在PicGo的日志里面，<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;">2024-04-04 19:39:36 <span style="color: black;">照片</span>信息:{"fileName":"</p>image-20240404193936680.png","extname":".png"}
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2024-04-04 19:39:36 imagemin 压缩<span style="color: black;">起始</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2024-04-04 19:39:36 获取本地<span style="color: black;">照片</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2024-04-04 19:39:37 imagemin 压缩完成</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">好了PicGo软件就介绍到<span style="color: black;">这儿</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">免费的图床服务</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">谈到免费，<span style="color: black;">大众</span>肯定会想到最著名的github。没错，你<span style="color: black;">能够</span>在github上上传任何东西，他<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>上github的服务，<span style="color: black;">倘若</span>你把<span style="color: black;">照片</span>放在github上，<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>不贵。</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>smms图床服务。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">smms的官方网站是https://sm.ms/ , <span style="color: black;">倘若</span>内地用户<span style="color: black;">拜访</span>不了的话，它<span style="color: black;">亦</span><span style="color: black;">供给</span>了一个额外的网站，叫做： https://smms.app/。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">注册之后，在User–》DashBoard中,<span style="color: black;">能够</span>找到API Token。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">把它填到PicGO的图床设置里面<span style="color: black;">就可</span>：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在Vscode中<span style="color: black;">运用</span>PicGo</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有了PicGo，<span style="color: black;">咱们</span><span style="color: black;">能够</span>在vscode中进行配置，<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>在vscode的插件中找到这个PicGo的插件。</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>支持的图床配置。</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>Smms，把之前的key填上去就行了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">记得要在Current中<span style="color: black;">选取</span>smms。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">VScode中<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;">在Typora中<span style="color: black;">运用</span>PicGo</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">除了vscode，Typora<span style="color: black;">亦</span>是一个非常优秀的markdown工具。<span style="color: black;">咱们</span><span style="color: black;">亦</span><span style="color: black;">能够</span>在Typora中设置PicGo.</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">详细</span>的，在Typora的图像设置部分，在<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>PicGo.app:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">好了，设置完<span style="color: black;">成为了</span>，你只需要在Typora中复制粘贴对应的<span style="color: black;">照片</span>，<span style="color: black;">照片</span>就会自动上传到服务器上，<span style="color: black;">而后</span>转换成对应的markdown格式啦。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总结</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>
你的见解独到，让我受益匪浅，期待更多交流。 一看到楼主的气势，我就觉得楼主同在社区里灌水。
页:
[1]