tw4ld6 发表于 2024-11-1 19:49:34

Typora+PicGo+阿里云OSS搭建博客图床


    <h1 style="color: black; text-align: left; margin-bottom: 10px;">Typora+PicGo+阿里云OSS搭建博客图床</h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">为何</span>要搭建博客图床?</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">以CSDN为例，<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">选取</span><span style="color: black;">运用</span>大部分blog平台通用的Markdown语法进行博客创作，<span style="color: black;">做为</span>一个合格的程序狗，<span style="color: black;">那样</span>Markdown语法必然是首选。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">虽然CSDN自带的编辑器<span style="color: black;">已然</span>能满足<span style="color: black;">咱们</span>95%的写作<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></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在Typora在Markdown语法编辑上能给你<span style="color: black;">供给</span>更好的写作体验，那<span style="color: black;">为何</span><span style="color: black;">必定</span>要<span style="color: black;">选取</span>阿里云OSS，其实我最早是<span style="color: black;">运用</span>github跟gitee免费搭建的图床，<span style="color: black;">然则</span>俗话说，</span><span style="color: black;"><span style="color: black;">便宜没好货</span></span>，github因服务器在国外，之前很长一段时间国内<span style="color: black;">没法</span><span style="color: black;">拜访</span><span style="color: black;">照片</span>，于是便转战国内gitee，<span style="color: black;">然则</span>当时那次事故之后，gitee里面的<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 style="color: black;">因此</span>我<span style="color: black;">选取</span>了以Typora+Picgo+图床的方式来进行博客创作,<span style="color: black;">日前</span><span style="color: black;">亦</span>是我的主力图床！</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而在本地的Markdown文件.md中，<span style="color: black;">照片</span>是以“外链”这一形式存在的</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Office word中，<span style="color: black;">照片</span>是直接<span style="color: black;">插进</span>docx文件里面 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>本地Markdown编译器（如typora）来编辑MD文件的时候，<span style="color: black;">倘若</span>MD里面<span style="color: black;">插进</span>的<span style="color: black;">照片</span>的源文件被移动<span style="color: black;">或</span>删除了，<span style="color: black;">咱们</span>的MD文档里面对应的<span style="color: black;">照片</span><span style="color: black;">亦</span><span style="color: black;">没法</span><span style="color: black;">表示</span>出来。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">同期</span>，<span style="color: black;">倘若</span><span style="color: black;">咱们</span>用本地编辑器写好了一篇博客，想把它上传到CSDN上。CSDN是<span style="color: black;">没法</span>自动转存文件里面的<span style="color: black;">照片</span>的（<span style="color: black;">由于</span>这个<span style="color: black;">照片</span>只是一个你硬盘里面的文件路径）</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">倘若</span>你的<span style="color: black;">照片</span>在本地上传到CSDN上，就如下这个效果 ：</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>下来直接上传(img)(</p>blog/image-20220318140612548.png)]
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">此时</span>候<span style="color: black;">咱们</span>就需要用</span><strong style="color: blue;"><span style="color: black;">图床</span></strong><span style="color: black;">来<span style="color: black;">处理</span>这个问题</span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">什么是图床？</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">图床<span style="color: black;">通常</span><span style="color: black;">指的是</span>储存<span style="color: black;">照片</span>的服务器</span></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>分为单线空间、多线空间和cdn加速三种。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">简单<span style="color: black;">来讲</span>：</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在<span style="color: black;">咱们</span>往typora里<span style="color: black;">插进</span><span style="color: black;">照片</span>的时候，PicGO会自动上传<span style="color: black;">照片</span>到</span><span style="color: black;"><span style="color: black;">图床</span></span>，并返回一个<span style="color: black;">照片</span>的<span style="color: black;"><span style="color: black;">链接</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;"><span style="color: black;">此时</span>候你的<span style="color: black;">照片</span><span style="color: black;">便是</span>一个</span></span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">网络的链接(网址)</span></span></strong><span style="color: black;"><span style="color: black;">，<span style="color: black;">再也不</span>是本地路径。</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">你<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></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">即便是本地的那张<span style="color: black;">照片</span></span><strong style="color: blue;"><span style="color: black;">移动<span style="color: black;">或</span>删除</span></strong><span style="color: black;">，<span style="color: black;">亦</span>不会影响图床里的这张<span style="color: black;">照片</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Markdown</span><strong style="color: blue;"><span style="color: black;">本地文件</span></strong><span style="color: black;">里面的<span style="color: black;">照片</span><span style="color: black;">亦</span>就不会失效了！</span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">准备工作</h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">typora</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">Typora</span></span>：【中文官网】</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">必各位应该听<span style="color: black;">非常多</span>博主安利过Typora这款软件，<span style="color: black;">这儿</span>就不展开描述了。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">新版本typora需要付费买断。<span style="color: black;">能够</span><span style="color: black;">思虑</span>支持</span><strong style="color: blue;"><span style="color: black;">正版</span></strong><span style="color: black;">，<span style="color: black;">亦</span><span style="color: black;">能够</span>去找找</span><strong style="color: blue;"><span style="color: black;">旧版本安装包</span></strong></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">PicoGo</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">PicGo</span></span>：【Github<span style="color: black;">位置</span>】</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/76aec05a517c417ea770fffc0394c758~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=gKqNnMAp2co1fH%2BrmodLo6WMVmQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/293d115f122d428bb205348ab80d30d5~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=VdUjOk83tJVOrPMjEyqMA54uEJg%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">配置阿里云OSS</h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">注册,开通对象储存</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">百度搜索阿里云<span style="color: black;">就可</span>看到阿里云的官网</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/790cd12549fd4892866b0c5ac21b569c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=VY3HK5C9HBcmvWlDNwfapVuRyWA%3D" 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 style="color: black;"><span style="color: black;">掌控</span>台</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/7d31842c2517413ba8fb8047f4c2fd0f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=sknQcoM%2FbP01axp9lVjQ8g2i4iQ%3D" 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 style="color: black;">选取</span></span><span style="color: black;"><span style="color: black;">对象储存</span></span>并开通</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a6237f3681c24a8db86fe414a684ed3d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=qGYDzaDiBLoxCa5QC5hdJOiGn1k%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">创建bucket</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在左侧<span style="color: black;">选取</span>概览，<span style="color: black;">而后</span>在右侧创建一个新的bucket</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">重视</span>：</span></strong></p><span style="color: black;">Bucket名字</span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">不可</span></span></strong><span style="color: black;">有大写字母</span><span style="color: black;">服务器就近<span style="color: black;">选取</span></span><span style="color: black;">图床<span style="color: black;">选取</span></span><span style="color: black;"><span style="color: black;">标准存储</span></span><span style="color: black;">读写权限</span><span style="color: black;"><span style="color: black;">公共读</span></span>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c981ac469b584e19baf57dbba0d4ae79~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=g5Mlga6JX2%2BUn2jiIJ5uGbuPGFc%3D" 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 style="color: black;">创建完成后，你的bucket应该就出<span style="color: black;">此刻</span>了左侧</span></span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">找到你的地域节点</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">点击你的</span><strong style="color: blue;"><span style="color: black;">bucket名</span></strong></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/360e94bcc1794580ae6ed622362aebc1~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=k7EUsx0a%2FqamudqPW3a5B4z4Qgw%3D" 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 style="color: black;">而后</span>点击bucket下的</span><span style="color: black;"><span style="color: black;">概览</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/37f16d1e318a4637936579c9c7804ffe~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=glp30ZR8QNYNqe0YoG0RTZ9646Q%3D" 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 style="color: black;"><span style="color: black;">拜访</span>域名</span></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 style="color: black;">oss-cn-hangzhou</span></span><span style="color: black;">就可</span>，不需要后面的<span style="color: black;"><span style="color: black;">.aliyuncs.com</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/5f403f53228d4078a2a3017f596ad8bf~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=wQYXFpa0VnKi9MR6vrs25V5t42I%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">找到你的Key</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">来到右上角，鼠标放在你的头像上，在弹出的框里<span style="color: black;">选取</span>AccessKey管理</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/68a577aadadc4f5ea904c490f8680c80~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=2FzOyYWFQbrfRWhx5KfDWsB%2Bwxg%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">阿里云账户充值</h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">收费问题</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">阿里云OSS的各项收费是</span><strong style="color: blue;"><span style="color: black;">独立</span></strong><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 style="color: black;">针对</span></span><strong style="color: blue;"><span style="color: black;">图床</span></strong><span style="color: black;">而言，有两种收费形式</span></p><span style="color: black;">以</span><strong style="color: blue;"><span style="color: black;">充值的方式</span></strong><span style="color: black;"><span style="color: black;">运用</span></span><strong style="color: blue;"><span style="color: black;">储存容量</span></strong><span style="color: black;">以及</span><strong style="color: blue;"><span style="color: black;">流量</span></strong><span style="color: black;">(默认状态)</span><span style="color: black;">按年/月收费，购买<span style="color: black;">必定</span>存储包。</span><strong style="color: blue;"><span style="color: black;">流量额外收费</span></strong>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">亦</span><span style="color: black;">便是</span>说，即便你购买了下图的存储包，你依旧要为</span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">拜访</span>图床的流量</span></strong><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 style="color: black;">图床<span style="color: black;">运用</span>的是</span></span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">标准型</span></span></strong><span style="color: black;"><span style="color: black;">，请勿购买其他类型</span></span></p><span style="color: black;">储存容量：0.12元/GB/月</span><span style="color: black;"><span style="color: black;">照片</span></span><strong style="color: blue;"><span style="color: black;">上传</span></strong><span style="color: black;">到阿里OSS流量：免费</span><strong style="color: blue;"><span style="color: black;">外网流出</span></strong><span style="color: black;">流量(如typora<span style="color: black;">拜访</span>图床<span style="color: black;">照片</span>)：闲时0.25元/GB，</span><strong style="color: blue;"><span style="color: black;">忙</span></strong><span style="color: black;">时0.50元/GB</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">仔细算算，<span style="color: black;">咱们</span>图床的数据量其实很小的</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">0.12元/1GB/1个月，一年<span style="color: black;">便是</span>1.44元，</span></span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">远<span style="color: black;">小于</span>40GB的9元收费！</span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">截图/照片以平均0.5mb/张估算，1gb可存放超过1600张<span style="color: black;">照片</span>！</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">数据<span style="color: black;">小于</span>6GB的<span style="color: black;">状况</span>下直接充值，以GB付费其实比</span></span><strong style="color: blue;"><span style="color: black;"><span style="color: black;">购买储存包</span></span></strong><span style="color: black;"><span style="color: black;">更加值得！</span></span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">重视</span>事项</h1><span style="color: black;">记得给阿里云账户充值！！别到时候欠费停用了!!(笔者<span style="color: black;">意见</span>下载一个阿里云的APP，在手机上<span style="color: black;">能够</span>随时看到你的阿里云<span style="color: black;">花费</span><span style="color: black;">状况</span>)</span><span style="color: black;">刚<span style="color: black;">起始</span>作图床的时候，直接充值<span style="color: black;">运用</span><span style="color: black;">就可</span>，</span><strong style="color: blue;"><span style="color: black;">无需购买容量包</span></strong><span style="color: black;">！</span>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c6748d010563472cb1a7c4973ed0c07d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=9t%2BEbVHopgu5LbYZh0Rc%2FMp6xHU%3D" 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 style="color: black;">这儿</span>，<span style="color: black;">咱们</span>阿里云OSS基本配置完毕了</span></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">配置PicGo</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">打开picgo后，在你windows的</span><strong style="color: blue;"><span style="color: black;">状态栏</span></strong><span style="color: black;">里找到picgo的图标，打开picgo的主界面</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/5e4e41749ff3425aa628987a799312cc~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=TfHYlKSWeDtbhBl31zkkg2hNjY4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">图床设置</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在图床设置里面<span style="color: black;">选取</span></span><span style="color: black;"><span style="color: black;">阿里云OSS</span></span>，<span style="color: black;">按照</span>以下<span style="color: black;">过程</span>填写信息</p><strong style="color: blue;"><span style="color: black;">设定Keyld</span></strong><span style="color: black;">：填写<span style="color: black;">刚才</span><span style="color: black;">得到</span>的</span><span style="color: black;"><span style="color: black;">AccessKeyID</span></span><strong style="color: blue;"><span style="color: black;">设定KeySecret</span></strong><span style="color: black;">：填写</span><span style="color: black;"><span style="color: black;">AccessKeyIDSecret</span></span><strong style="color: blue;"><span style="color: black;">设定储存空间名</span></strong><span style="color: black;">：填写</span><span style="color: black;"><span style="color: black;">bucket</span></span>名<span style="color: black;">叫作</span><span style="color: black;"><span style="color: black;">这儿</span>填写的是bucket名<span style="color: black;">叫作</span>，不是浏览器里的域名</span><strong style="color: blue;"><span style="color: black;">确认存储区域</span></strong><span style="color: black;">：填写你的地域节点，<span style="color: black;">重视</span>复制的格式</span><strong style="color: blue;"><span style="color: black;">指定存储路径</span></strong><span style="color: black;">：其实<span style="color: black;">便是</span>自定义一个文件夹的名字，以/结尾</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">它会</span><strong style="color: blue;"><span style="color: black;">自动</span></strong><span style="color: black;">在你的bucket里面创建一个文件夹，并把<span style="color: black;">照片</span>上传进去</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/675f724664574849b98a3c548d248a7d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=yc9iaIbaPh4f0hCkc934Br4v%2Fl0%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">弄完之后，记得“确定”，并点击“设置为默认图床”！</span></strong></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">picgo设置</h1>
    <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 style="color: black;">时间戳重命名</span></span>和<span style="color: black;"><span style="color: black;">上传后自动复制URL</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">时间戳重命名：以上传时间来重命名<span style="color: black;">照片</span>，避免同名的<span style="color: black;">照片</span><span style="color: black;">没法</span>上传（该设置不影响本地<span style="color: black;">照片</span>名）</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c3a45ea42f144cd2afe39a9d72f4ca73~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=hccUr1rRi9Klntcqz%2F9mjUX%2BdrI%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">配置typora</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">进入typora主界面，点击左上角的“文件-偏好设置”</span></p><span style="color: black;">择</span><span style="color: black;"><span style="color: black;">图像</span></span><span style="color: black;"><span style="color: black;">插进</span><span style="color: black;">照片</span>时</span><span style="color: black;"><span style="color: black;">上传<span style="color: black;">照片</span></span></span><span style="color: black;">下面的选项全勾上【更新22.03.05: 第二个</span><span style="color: black;"><span style="color: black;">网络位置的<span style="color: black;">照片</span></span></span><span style="color: black;">能够</span>不勾，避免<span style="color: black;">已然</span>上传到图床的<span style="color: black;">照片</span>重复上传】<span style="color: black;">上传服务<span style="color: black;">选取</span></span><span style="color: black;"><span style="color: black;">PicGo(app)</span></span><span style="color: black;">PicGo路径：找到picgo的安装路径 </span><strong style="color: blue;"><span style="color: black;">不是安装包的路径！！！！</span></strong>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c897a7afff2f407c86116bc08675a35d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=WUYjP%2Bm%2Fyf5iy06UJLxCoGasEFo%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">大功告成！</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">设置完毕后，<span style="color: black;">咱们</span>点击</span><span style="color: black;"><span style="color: black;">验证<span style="color: black;">照片</span>上传选项</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">倘若</span>弹出以下弹窗，<span style="color: black;">咱们</span>的图床就搞定了！</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/7419a86d180642d086f37ece3ef9fcb5~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=xaiAvvmd%2Fuh8E1FJ%2Bzw7c4Rsdqc%3D" 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 style="color: black;">照片</span><span style="color: black;">是不是</span>正常上传</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">平常</span>写作的时候，<span style="color: black;">咱们</span>只需要</span><span style="color: black;"><span style="color: black;">复制</span></span><span style="color: black;">照片</span>，在typora里面<span style="color: black;"><span style="color: black;">粘贴</span></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 style="color: black;">照片</span>链接<span style="color: black;">表示</span>为</span><strong style="color: blue;"><span style="color: black;">阿里云的网络链接</span></strong><span style="color: black;">，而不是本地路径时</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/5807e50435374f87862960bedb1de847~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729712165&amp;x-signature=ShtGS557YcAoI%2FSNJG1LwarC2BY%3D" 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 style="color: black;">咱们</span>的图床就大获全胜！</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">今天的<span style="color: black;">文案</span>就到<span style="color: black;">这儿</span>了，欢迎<span style="color: black;">大众</span>评论区留言!!!</span></p>




页: [1]
查看完整版本: Typora+PicGo+阿里云OSS搭建博客图床