Hexo+Next（2）PicGo图床搭建

Posted on Edited on In Word count in article: 573 Reading time ≈ 2 mins.

因为要在博客里面使用图片，但是也不想放在项目文档里面，也不想用第三方的图床，所以决定自己使用腾讯云+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: ![](https://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