概述:

近期在对一些博文进行迁移时,发现有大量的图片需要存储至服务器。大量的图片资源在前台同时展示时,无疑是对服务器增加了的压力,需要一个专门储存图片的服务器存储图片,加之平时笔记会第一时间写入typora,后期修改后上传文章至后台。
typora文章中的图片存储路径为本地,使得图片无法正常迁移(补充:在typora上传图片后,默认为本地的一个地址,当我们拷贝整篇幅文章时并发表时,图片的访问路径因为是本地,在浏览器上无法正常显示,我们需要在typora中上传图片默认上传至服务器,并通过服务器地址的形式访问图片),下面我们具体讲解如何配置。

图床是什么?

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

为什么使用七牛云图床?

文章中的图片是存储在自己的服务器上的并进行访问的,当大量的图片资源需要在前台展示时间无疑增加了服务器的压力。

图床使用

  1. 账号注册:七牛云 | 一站式场景化智能视频云 (qiniu.com)
  2. 创建存储服务:你注册完一个七牛云的账号,登录到控制台,然后进入对象存储子菜单空间管理并创建存储服务(新建空间),本存储空间是用于站点图床,所以选择访问控制类型为公开空间,如下所示,我这里选择的是公开,区域随意。

image-20221226090629254

  1. 存储服务基本信息:进入该存储服务,可以看到下图

image-20221226090102338

CDN测试域名:七牛提供的测试域名,只能使用30天。 后面需要添加已备案的域名。

CDN加速域名:这里需要添加自己的域名(lf.ilnafz.cn)并作出配置。

  1. 配置存储服务

存储服务创建完成后,需要配置一个融合CDN域名,融合CDN域名简单来说就是指资源对象的外链域名,七牛云提供了融合CDN的测试域名,官方提示为:七牛融合 CDN 测试域名(使用CDN测试域名后的融合域名http://rnc8vzscy.bkt.clouddn.com/%E5%B0%8F%E6%B8%B8%E6%88%8F/01.jpg),每个域名每日限总流量 10GB,每个测试域名自创建起 30 个自然日后系统会自动回收,仅供测试使用并且不支持 Https 访问。因此需要我们自己配置一个CDN加速域名,以本站点为例,控制台中点击创建域名,域名类型选择普通域名,其他配置默认或根据需求优化配置即可。这里域名我填的是我已经备案的域名的二级子域名lf.ilnafz.cn

  1. 配置域名解析

配置完成后跳转到域名管理界面,显示了一个cname记录,这就是配置好七牛云存储提供的的cdn加速域名,我的域名服务器是阿里云,所以要在阿里云域名解析那配置一条记录,这里配置的lf.ilnafz.cn域名和对应的cname记录需要

PicGo

PicGo是什么?

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

img

PicGo软件下载

下载地址:Releases · Molunerfinn/PicGo (github.com)

fc7ac43903af5b2005644c1e9bc730b8

Typora+PicGo+七牛云

利用编辑器Typora和图床工具PicGo可实现Markdown文件使用七牛云图床图片,具体步骤如下

1. 在PicGo中配置七牛云

image-20221226092351803

在这里AccessKeySecretKey是访问和操作对象存储的密钥对,这个在七牛云个人中心里

关于存储区域:存储区域_产品简介_对象存储 - 七牛开发者中心 (qiniu.com),这里我的存储区域为华东浙江2,所以填写cn-east-2

2. 在Typora 配置PicGo

打开Typora 软件文件菜单中的偏好设置,点击图像选项,如下是我个人的配置

image-20221226093024605

验证图片上传选项(如下是我点击验证图片上传选项后的提示框,上传图片后右下角落会出现提示信息)

image-20221226093121272

最后结果

当我们将图片拉入typora中后发现图片的路径变为了七牛云图床的融合图片路径,我们可通过复制此链接在浏览器访问该图片,同样也可以看到右下角出现了上传成功的提示框

image-20221226093345578

最后修改:2023 年 01 月 11 日
如果觉得我的文章对你有用,请随意赞赏