使用 PicGO 和腾讯云 COS 搭建个人图床

0.预先准备

  • 腾讯云服务器

  • 腾讯云 COS:对象存储 控制台快速入门-快速入门-文档中心-腾讯云

  • PicGO 图床

  • Typora Markdown 写作

1.创建存储桶

腾讯云 COS 创建存储桶 https://link.zhihu.com/?target=https%3A//console.cloud.tencent.com/cos/bucket

地域选择自己云服务器所在地区就行,私有读写,服务端加密

使用 PicGO 和腾讯云 COS 搭建个人图床
使用 PicGO 和腾讯云 COS 搭建个人图床

创建完成后点击存储桶,文件列表,创建文件夹(请记住文件夹,等下 pigGO 配置需要用到):

使用 PicGO 和腾讯云 COS 搭建个人图床

2.下载 PicGo:

官网链接:https://link.zhihu.com/?target=https%3A//picgo.Github.io/PicGo-Doc/

安装包链接:https://link.zhihu.com/?target=https%3A//github.com/Molunerfinn/PicGo/releases

找到对应自己操作系统的版本,这里演示的是 Windows 版本

使用 PicGO 和腾讯云 COS 搭建个人图床

如果还有其他问题,可以参考官方问题总结:

官方问题总结:https://link.zhihu.com/?target=https%3A//github.com/Molunerfinn/PicGo/blob/dev/FAQ.md

3.安装完成后,打开应用:

使用 PicGO 和腾讯云 COS 搭建个人图床

4.图床设置 → 腾讯云 COS:

使用 PicGO 和腾讯云 COS 搭建个人图床

获取 APPID,SecretId 和 SecretKey,需要访问腾讯云的 API 密钥管理

腾讯云 API 密钥管理:https://link.zhihu.com/?target=https%3A//console.cloud.tencent.com/cam/capi

获取 bucket 名以及存储区域代号

腾讯云 COS 存储桶列表:https://link.zhihu.com/?target=https%3A//console.cloud.tencent.com/cos5/bucket

使用 PicGO 和腾讯云 COS 搭建个人图床

配置完成:

注意设定存储路径和之前创建文件夹名称一样 例如 img/

使用 PicGO 和腾讯云 COS 搭建个人图床

到 PicGO-图床设置:

设置为默认图床

使用 PicGO 和腾讯云 COS 搭建个人图床
使用 PicGO 和腾讯云 COS 搭建个人图床

这样就完成了,你上传一张图片,回到腾讯云控制台,相关联的存储桶文件夹就有了。

5.后续配置问题

picgo 相册中不能正常显示图片,这是因为我们在存储桶中权限设置为私有读写的原因,需要修改存储桶的设置

使用 PicGO 和腾讯云 COS 搭建个人图床

改为公有读私有写即可;

注意:这样会加大你的流量支出,可能遇到恶意访问,使用你的资源。

可以使用 cdn 加速来解决过高的流量费,后续再介绍怎么使用。

使用 PicGO 和腾讯云 COS 搭建个人图床

也可以在存储桶中设置防盗链,像我这一样设置,其中 referer:设置白名单,添加自己的域名;

使用 PicGO 和腾讯云 COS 搭建个人图床

注意:空 referer 设置允许,这样可以让读者从你的博客里正确预览图片;

使用 PicGO 和腾讯云 COS 搭建个人图床

重新打开 picgo,这样就能正常显示了。

6.配合 markdown 编辑器 Typora

官网链接:https://typoraio.cn/,此软件是收费的。

需要的小伙伴,可以参考一下:

打开 Typora,点击文件 → 偏好设置

点击图像,参考我的设置,其中 picgo 路径选择你自己实际安装的位置:

使用 PicGO 和腾讯云 COS 搭建个人图床
使用 PicGO 和腾讯云 COS 搭建个人图床

这样我们就完成图床的搭建了,可以做到插入图片就立即调用 picgo 上传到你的存储桶,加上 Typora 所见即所得的优越书写体验,只能说就像吃了德芙巧克力非常丝滑了 。


原文始发于微信公众号(有追求的开发者):使用 PicGO 和腾讯云 COS 搭建个人图床

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/257053.html

(0)
李, 若俞的头像李, 若俞

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!