七牛云图床+Typora+PicGo+实现图片上传存储并解决{“success“:false,“message“:“upload error. see C:\\XXX\\picgo.log}

最新推荐文章于 2024-07-26 15:57:30 发布

尤雨溪般的艺术编程者

最新推荐文章于 2024-07-26 15:57:30 发布

阅读量646

点赞数

分类专栏：必备技巧部署我的博客文章标签：前端 javascript

本文链接：https://blog.csdn.net/solar7system/article/details/128451360

版权

必备技巧同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

部署

3 篇文章 0 订阅

订阅专栏

我的博客

2 篇文章 0 订阅

订阅专栏

七牛云图床+Typora+PicGo+实现图片上传存储

应用场景

图床是什么？

了解七牛云图床之前，我们需要先了解一下图床是什么，图床就是把图片上传到一个专门储存图片的服务器，可以用外链网址直接访问到，有效减少我们自己站点服务器的资源，市面上图床比较多，免费和收费的都有，这里我选择使用的是七牛云图床。

1. 注册七牛云

首先，需要在七牛云官网注册账号并进行实名认证，注册----->申请个人账户----->填写注册信息----->实名认证

七牛云

注册

然后创建一个密钥用于后续插件上传图片。
在这里插入图片描述

新建对象存储

在这里插入图片描述

选择新建空间。

在这里插入图片描述

在新建空间中，填入空间名称，区域，对于图床来说访问控制一定要选择公开，不然会造成图片无法访问。在这一步，先确定你的域名是否有备案，若没有备案就只能选择境外区域。

在这里插入图片描述

空间设置

创建完成后需要为该空间绑定域名，建议使用二级域名

在这里插入图片描述

如何配置域名的 CNAME

阿里云二级域名

在这里插入图片描述
七牛云二级域名

绑定完成后还要将域名解析到七牛云给定的记录值。

这一切做完之后，可以在七牛云的空间设置中选择开启防盗链Refere 防止图床中的图片被其他人盗用造成大量流量费用。防盗链开启后也需要在白名单中加入自己的博客地址和常用搜索引擎，否则搜索引擎的爬虫抓取时会抓取不到博客中的图片。

Referer 防盗链设置

在这里插入图片描述
至此一个简易的图床就搭建好了。

下文主要介绍了 Typora + PicGo 完美实现本地博客编写。

安装 Typora
Typora是一款非常好用极跨平台Markdown编辑器，虽然现在已经收费了，但还是可以下载到免费的测试版本。

具体资源请自行下载安装。

在这里插入图片描述

PicGo

PicGo是什么？
PicGo是一个用于快速上传图片并获取图片 URL 链接的工具，Typora笔记软件内置了此工具

PicGo软件下载
下载地址：地址

在这里插入图片描述

打开是小窗口，任务栏的小窗口

Typora+PicGo+七牛云

配置对应的七牛云设置

在这里插入图片描述

{
  "picBed": {
    "uploader": "qiniu",
    "qiniu": {
      "accessKey": "你的AccessKey",
      "secretKey": "你的SecretKey",
      "bucket": "存储空间的名称",
      "url": "绑定的域名地址",
      "area": "区域（下文中有）",
      "options": "不用填",
      "path": "存储路径（建议为:img/）"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDDHHmmss"
  }
}