Hexo+Next(2)PicGo图床搭建

因为要在博客里面使用图片,但是也不想放在项目文档里面,也不想用第三方的图床,所以决定自己使用腾讯云+PicGo搭建一个图床。

首先介绍一下PicGo,PicGo是一个用于快速上传图片并且获取图片URL连接的工具。

PicGo自己有一个Windows/Mac客户端,可以直接安装在电脑上,简单配置一下,就可以通过这个客户端上传图片到图床或者自己的对象存储里面,同时生成URL链接。

用户可以使用下面几种方式上传图片:

  • 拖拽图片上传
  • 快捷键上传剪切板里面的第一张图片

上传之后的图片URL链接会自动复制到剪切板里面,直接复制到文本里面。

更加全面的介绍可以参考官方文档:https://picgo.github.io/PicGo-Doc/

配置

我用的是腾讯云的COS对象存储,PicGo可以直接通过腾讯云的接口把图片上传到对象存储的bucket内。

hexo-config

这里需要一些COS的配置:

  • COS版本: v5,默认的就行了
  • 设定SecretId: 在API密钥管理里面能找到,如果没有就新生成一个
  • 设定SecretKey: API密钥管理里面的Secret,一定要保密
  • 设定AppId: 生成密钥的同时会生成一个APPID
  • 设定存储区域: 就是bucket所在的region
  • 设定存储路径: 上传的图片的路径的前缀
  • 设定自定义域名: 用来生成URL链接的,如果使用了CDN,就写CDN的域名
  • 设定网址后缀: 生成的URL链接的后缀,有需求就可以加上

使用

hexo-picgo

下方可以选择生成的链接的格式:

  • Markdown: ![](http://asset.sunshuyi.vip/pics/hexo2/20230528160754.png)
  • HTML: <img src="http://asset.sunshuyi.vip/pics/hexo2/20230528160754.png"/>
  • URL: http://asset.sunshuyi.vip/pics/hexo2/20230528160754.png
  • UBB: [IMG]http://asset.sunshuyi.vip/pics/hexo2/20230528160754.png[/IMG]
  • Custom: 自定义的链接格式,可以在PicGo设置-自定义链接格式里面进行设置

上传方法:

  • 直接把图片文件拖拽到文件上传区
  • 点击中间的上传区打开文件管理器上传
  • 点击剪切板图片按钮,上传剪切板内的第一张图片
  • 点击URL按钮,输入图片的URL