[{"data":1,"prerenderedAt":190},["ShallowReactive",2],{"content:\u002Fposts\u002F2022\u002Foss-builds-a-personal-image-bed":3,"surround:\u002Fposts\u002F2022\u002Foss-builds-a-personal-image-bed":179},{"id":4,"title":5,"body":6,"canonical":150,"categories":151,"date":153,"description":154,"draft":155,"extension":156,"image":150,"meta":157,"navigation":158,"path":159,"permalink":150,"readingTime":160,"recommend":150,"references":150,"seo":165,"sitemap":166,"stem":174,"tags":175,"type":150,"updated":153,"__hash__":178},"content\u002Fposts\u002F2022\u002Foss-builds-a-personal-image-bed.md","oss搭建个人图床",{"type":7,"value":8,"toc":136},"minimark",[9,16,20,23,27,32,51,55,66,69,85,89,92,97,116,119,122,130,133],[10,11,12],"blockquote",{},[13,14,15],"p",{},"在写 markdown 文档的时候，经常会想要插入一些图片来让文章变的尽可能的图文并茂，但是如果是托管到 GitHub 上的话，图片又不是太好处理，所以就有了今天的这篇文章。",[17,18,19],"h2",{"id":19},"搭建自己的图床的好处",[13,21,22],{},"再网上你可以搜索到许许多多的图床供你来使用，但是这些经常会因为各种各样的原因被封。如果你使用网上的图床，有可能会使你的博客的文章在一夜之间所有的图片显示不出来。这时你就会感到自己搭建图床的好处了。\n有的人可能会想，免费的图床它不香吗，被封了我再将图片传到另一个不就行了吗？\n但是你想过没有，有时你急需要图床的时候，又不是很好找到，还有自己的图片在本地不小心被删掉的状况。搭建一个自己的图床来保存图片，可以随时随地的使用自己的链接，不是很好吗？",[17,24,26],{"id":25},"搭建的方法这里用阿里云-oss","搭建的方法（这里用阿里云 OSS）",[28,29,31],"h3",{"id":30},"一开通阿里云-oss-服务","一、开通阿里云 OSS 服务",[13,33,34,35,41,42,47,48],{},"首先在阿里云上购买 OSS 服务，地址 ",[36,37,38],"a",{"href":38,"rel":39},"https:\u002F\u002Fwww.aliyun.com\u002Fproduct\u002Foss",[40],"nofollow","\n点击折扣套餐\n",[43,44],"img",{"alt":45,"src":46},"","https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002F85bc003f4f1dcce2b1ff498ec050af4d.png","\n跳转后，选择最低配置，选择支付\n",[43,49],{"alt":45,"src":50},"https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002Fc16213efc85c9ed83bfe4082b4da7f0a.png",[28,52,54],{"id":53},"在管理控制台新建-bucket","在管理控制台新建 Bucket",[13,56,57,58,62,65],{},"Bucket 名称按要求填好即可，下面的读写权限选择成为",[59,60,61],"code",{"code":61},"公共读",[43,63],{"alt":45,"src":64},"https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002Fd9f7035d466687feca5849ab67d0604a.png","\n创建成功后，就先可告一段落",[28,67,68],{"id":68},"图片的上传",[13,70,71,72,76,77,81,82],{},"这里推荐使用",[73,74,75],"strong",{},"PicGo","，它是 GitHub 上的开源项目，可以快速的将本地图片上传到图床，可以去",[36,78,79],{"href":79,"rel":80},"https:\u002F\u002Fgithub.com\u002FMolunerfinn\u002FPicGo",[40]," 下载 PicGo（文档都是中文，安装过程应该不用赘述）\n下载安装好后，是这个样子的 ↓\n",[43,83],{"alt":75,"src":84},"https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002Fc8faebf2c042feaa2236de292d5f2f4c.png",[28,86,88],{"id":87},"picgo-配置图床","PicGo 配置图床",[13,90,91],{},"点击图床设置，找到并点击阿里云 OSS",[13,93,94],{},[43,95],{"alt":45,"src":96},"https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002Ffac6a985d5c953cf1a0c2d66805f5202.png",[98,99,100,104,107,113],"ul",{},[101,102,103],"li",{},"这里的 accesskey 和 accesskeySecret 可以从阿里云控制台获取（鼠标移至阿里云你的头像上，可以发现 Accesskey 管理）",[101,105,106],{},"存储空间和你刚才创建 Bucket 时使用同一个，可以从阿里云 OSS 控制台上复制，以免手贱打错字",[101,108,109,110],{},"存储区域在阿里云 OSS 控制台去找，如下图所示\n",[43,111],{"alt":45,"src":112},"https:\u002F\u002Fimg-blog.csdnimg.cn\u002Fimg_convert\u002Faf5ddb7ff3fda0cd12c9f65a5895ca92.png",[101,114,115],{},"可以先填写有星号的，其他默认即可",[28,117,118],{"id":118},"使用",[13,120,121],{},"配置完成后，就可以再截图后，点击剪贴板图片上传直接将刚截到的图片上传至图床；或者可以将本地的图片拖到虚线框内即可。\n如果你和我一样是在 markdown 中使用，就选择西方的 markdown 即可。",[10,123,124],{},[13,125,126,127],{},"至此，图床就可以使用了。在 PicGo 中，点击相册，看到图片下面有 3 个按钮，点击第一个就是复制链接。复制后，将其直接粘贴到你的 markdown 文章中即可使用。",[73,128,129],{},"本文中所使用的所有图片都是来源于此",[17,131,132],{"id":132},"注意事项",[13,134,135],{},"将自己阿里云上的 accesskey 保存好，不要轻易的告诉别人。信息安全问题，有可能就是一个疏忽造成的。",{"title":45,"searchDepth":137,"depth":137,"links":138},4,[139,141,149],{"id":19,"depth":140,"text":19},2,{"id":25,"depth":140,"text":26,"children":142},[143,145,146,147,148],{"id":30,"depth":144,"text":31},3,{"id":53,"depth":144,"text":54},{"id":68,"depth":144,"text":68},{"id":87,"depth":144,"text":88},{"id":118,"depth":144,"text":118},{"id":132,"depth":140,"text":132},null,[152],"代码","2022-12-04 15:44:28","oss 的简单应用",false,"md",{},true,"\u002Fposts\u002F2022\u002Foss-builds-a-personal-image-bed",{"text":161,"minutes":162,"time":163,"words":164},"4 min read",3.855,231300,771,{"title":5,"description":154},{"loc":159,"images":167},[168,169,170,171,172,173],{"loc":46},{"loc":50},{"loc":64},{"loc":84},{"loc":96},{"loc":112},"posts\u002F2022\u002Foss-builds-a-personal-image-bed",[176,177],"阿里云","oss","2NQ5BJx7AxPGzIX5ihp_A10Mq_4eFMnTy7nfcuQZulg",[180,185],{"title":181,"path":182,"stem":183,"date":184,"type":150,"children":-1},"Vue3 响应式系统","\u002Fposts\u002F2022\u002Fvue3-mini-core","posts\u002F2022\u002Fvue3-mini-core","2022-12-04 15:43:03",{"title":186,"path":187,"stem":188,"date":189,"type":150,"children":-1},"nrm切换npm镜像","\u002Fposts\u002F2022\u002Fnrm","posts\u002F2022\u002Fnrm","2022-12-04 15:52:28",1789642596529]