从Gitee迁移到免费的七牛云 PicGo+七牛云图床迁移教程

从Gitee迁移到免费的七牛云 PicGo+七牛云图床迁移教程

最近打开Typora发现Gitee图床上上传的各种文件都失效了,早几个月前就有许多人的图床都全变成Gitee的图标,这也是一个征兆,毕竟GItee码云被白嫖了那么久。如下图就是我失效的图片,图片是没办法显示的。

Typora_kGIpZsqQ69

既然码云用不了了,为何不找个可靠的替代品,看了一圈七牛云似乎很合适,适合我这种穷学生白嫖党,七牛云还是很良心的,每个月这些量的流量和存储完全足够我存储图床文件了。msedge_pbiSuibRWR

那么如何将原来的失效的PicGo图床替换过去呢?

**必要软件:**Pisco、能够对文件夹批量修改内容的IDE(如Pycharm等)

1. 七牛云账号,并实名认证

只需要注册,然后实名认证即可.

2. 创建七牛云空间

如图所示。

(1) 对象存储

(2) 空间管理

(3) 新建空间

在这里存储空间名称需要自己定义,可以把这个理解为在七牛云存储里你自己的一个小仓库,用这个来定位的到你的图床数据库,比如在这里我存储空间名称为metaimg,然后直接创建即可。

3. 将Gitee的图床clone下来,上传到七牛云中

  • 可以选择用git clone

  • 直接在码云上下载下来,里面存有你以前上传到gitee的图片文件

msedge_W1ghZvRdf6

  • 在七牛云空间管理页面里,最后将下载下来的图片全部上传到七牛云

以我自己设定的举例,我创建了文件夹Image-resp在根目录下,当然你也可以直接上传到这个文件夹之下。

4. 配置域名链接,解析域名

默认情况下七牛云创建仓库后是会给你一个测试域名的,但是这个域名只在一个月内有效。

如图所示,这个域名也是可以访问到图片的。

对于自己有域名的朋友,建议自己将域名解析上去,一劳永逸了
以我自己的域名为例,我的域名是在腾讯云上的,七牛云有官方文档提供了DNS域名解析的步骤。

七牛云域名管理

以下腾讯云的配置方法。

我的域名为whai.space,我的想法是将img.whai.space作为我的图床地址,设置步骤如下。

  • 首先是七牛云的配置

  • 加速域名放上我想要作为图床的地址

  • 其次,需要记住这个CNAME,需要在域名服务商端进行输入

chrome_l4fQTeo0Ak

  • 其次是腾讯云的配置

msedge_r4ZQtLiK8W

  • 添加解析,确认即可

msedge_jbDuQpYxp4

随后发现,使用img.whai.space已经能够访问到七牛云的图床了

Typora_qqt4tOsHqr

5. 配置Pisco

  • 勾选七牛云

PicGo_wuevfCTHgq

  • 设置如下,存储区域设置为七牛云的存储区域(华东 z0,华北 z1,华南 z2,北美 na0,东南亚 as0 )
    • 切记访问地址加上http:/的前缀,不然typora会只能上传不能访问,原因是markdown需要解析http的协议。

PicGo_j14MOvgcws

6. 设置typora

Typora_UyUnlq43g4

  • 尝试修改

如图,原来Gitee图床是有问题的

Typora_HudnjHQ7Dx

  • 只需要将**http://gitee…/image-resp/这一段替换为http://img.whai.space//image-resp/**就能通过自己域名访问七牛云了

Typora_2n503NgtVJ

6. 批量修改博客内容

使用Pycharm或者IntellJ idea打开需要修改的笔记文件夹。

  • 使用Shift+Ctrl+R,进行替换即可。

pU8nOjthum

自己瞎写的公众号与博客

普通二本数据科学与大数据技术专业菜鸟一个,望各位大神多多指导!互相学习进步!

whai的个人博客 whai.space 欢迎留言!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 首先,需要在七牛云上创建一个存储空间,并获取该存储空间的accessKey、secretKey、bucket和domain。 2. 在Springboot中引入七牛云的Java SDK,可以通过Maven或Gradle进行引入。例如,在Maven中添加以下依赖: ``` <dependency> <groupId>com.qiniu</groupId> <artifactId>qiniu-java-sdk</artifactId> <version>[7.2.0, 7.2.99]</version> </dependency> ``` 3. 创建一个七牛云的配置类,用于存储accessKey、secretKey、bucket和domain等配置信息。 ``` @Configuration public class QiniuConfig { @Value("${qiniu.accessKey}") private String accessKey; @Value("${qiniu.secretKey}") private String secretKey; @Value("${qiniu.bucket}") private String bucket; @Value("${qiniu.domain}") private String domain; @Bean public Auth auth() { return Auth.create(accessKey, secretKey); } @Bean public Configuration configuration() { return new Configuration(Zone.zone0()); } @Bean public UploadManager uploadManager() { return new UploadManager(configuration()); } @Bean public BucketManager bucketManager() { return new BucketManager(auth(), configuration()); } @Bean public StringMap putPolicy() { StringMap putPolicy = new StringMap(); putPolicy.put("returnBody", "{\"key\":\"$(key)\",\"hash\":\"$(etag)\",\"bucket\":\"$(bucket)\",\"name\":\"$(fname)\",\"size\":$(fsize)}"); return putPolicy; } @Bean public String uploadToken() { return auth().uploadToken(bucket, null, 3600, putPolicy()); } @Bean public String domain() { return domain; } } ``` 4. 在Vue中使用element-ui的上传组件,设置上传的接口为Springboot的接口。 ``` <el-upload class="upload-demo" action="/api/upload" :show-file-list="false" :on-success="handleSuccess" :before-upload="beforeUpload" :headers="{Authorization: 'Bearer ' + token}" > <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload> ``` 5. 在Springboot中编写上传接口,在该接口中使用七牛云的Java SDK进行上传。 ``` @RestController @RequestMapping("/api") public class UploadController { @Autowired private UploadManager uploadManager; @Autowired private String uploadToken; @Autowired private String domain; @PostMapping("/upload") public ResponseEntity<?> upload(@RequestParam("file") MultipartFile file) throws IOException { try { Response response = uploadManager.put(file.getBytes(), null, uploadToken); if (response.isOK()) { String key = JSON.parseObject(response.bodyString()).getString("key"); return ResponseEntity.ok(domain + "/" + key); } } catch (QiniuException e) { e.printStackTrace(); } return ResponseEntity.badRequest().build(); } } ``` 6. 程序运行后,在Vue中上传图片即可自动将图片上传到七牛云,并返回图片的访问URL。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值