编辑
2026-04-08
web经验技术
0

目录

0x1 vanblog安装
0x2 图床配置
1 cloudflare r2的设置
2 picgo 插件安装
3 配置文件的生成

0x1 vanblog安装

首先非常感谢vanblog的开源作者,安装过程和体验都非常棒。一健安装非常方便,没有遇到任何问题。 https://github.com/Mereithhh/vanblog

0x2 图床配置

安装完成之后,我打算使用cloudflare r2作为我的图床使用,但是原本vanblog readme里面的那篇自定义配置图床的文章无法访问了。我自己摸索了一天终于解决了。于是写个文章给需要的朋友。

1 cloudflare r2的设置

这个直接在网上找教程就好了,不赘述。

2 picgo 插件安装

直接登陆后台,存储策略选oss,然后在picgo 自定义插件里面输入s3,提交就可以了。

image.png 再看日志管理里面的系统日志,如果出现下面的提示,就表示安装成功了.(最开始我看到这个报错日志以为安装失败了,后面我在电脑上装了picgo 之后又安装这个插件,发现是一样的报错,但是是装成功了的,才知道这个提示只是安全提示)

image.png

3 配置文件的生成

新手不知道怎么生成配置文件,我在查看文档后推荐使用picgo cli自动生成。 使用命令:

bash
#安装picgo npm install picgo -g #安装插件 picgo install s3 #配置,安装提示一步一步输入信息即可 picgo set uploader aws-s3 #使用配置 picgo use uploader aws-s3 #上传文件测试 picgo upload ./Pictures/11.jpg -d #拷贝配置文件,一般在当前用户主目录下生成配置文件 cat .picgo/config.json

可以参考这个文档 https://www.npmjs.com/package/picgo-plugin-s3

image.png

这里有一些坑

注意

region:如果不知道填什么,就填 auto

endpoint:这里可以在couldflare的 api key里面可以看到,注意必须要以 http或者 https开头,不能像文档一样这样写:s3.us-west-000.backblazeb2.com,必须写https://s3.us-west-000.backblazeb2.com. 不然会报错!!

如果最后一步上传没问题的话就算成功了,有问题的话就看具体报错。

最后把cat .picgo/config.json 这个命令输出的文件内容复制到后台图床配置的 picgo配置里面,保存就可以了。

本文作者:LogicLife

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!