概述:
近期在对一些博文进行迁移时,发现有大量的图片需要存储至服务器。大量的图片资源在前台同时展示时,无疑是对服务器增加了的压力,需要一个专门储存图片的服务器存储图片,加之平时笔记会第一时间写入typora,后期修改后上传文章至后台。
typora文章中的图片存储路径为本地,使得图片无法正常迁移(补充:在typora上传图片后,默认为本地的一个地址,当我们拷贝整篇幅文章时并发表时,图片的访问路径因为是本地,在浏览器上无法正常显示,我们需要在typora中上传图片默认上传至服务器,并通过服务器地址的形式访问图片),下面我们具体讲解如何配置。
图床是什么?
了解七牛云图床之前,我们需要先了解一下图床是什么,图床就是把图片上传到一个专门储存图片的服务器,可以用外链网址直接访问到,neng'go有效减少我们自己站点服务器的资源,市面上图床比较多,免费和收费的都有,这里我选择使用的是七牛云图床。
为什么使用七牛云图床?
文章中的图片是存储在自己的服务器上的并进行访问的,当大量的图片资源需要在前台展示时间无疑增加了服务器的压力。
图床使用
- 账号注册:七牛云 | 一站式场景化智能视频云 (qiniu.com)
- 创建存储服务:你注册完一个七牛云的账号,登录到控制台,然后进入对象存储子菜单空间管理并创建存储服务(新建空间),本存储空间是用于站点图床,所以选择访问控制类型为公开空间,如下所示,我这里选择的是公开,区域随意。
- 存储服务基本信息:进入该存储服务,可以看到下图
CDN测试域名:七牛提供的测试域名,只能使用30天。 后面需要添加已备案的域名。
CDN加速域名:这里需要添加自己的域名(lf.ilnafz.cn)并作出配置。
- 配置存储服务
存储服务创建完成后,需要配置一个融合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
- 配置域名解析
配置完成后跳转到域名管理界面,显示了一个cname
记录,这就是配置好七牛云存储提供的的cdn加速域名,我的域名服务器是阿里云,所以要在阿里云域名解析那配置一条记录,这里配置的lf.ilnafz.cn
域名和对应的cname
记录需要
PicGo
PicGo是什么?
PicGo是一个用于快速上传图片并获取图片 URL 链接的工具,Typora笔记软件内置了此工具
PicGo软件下载
下载地址:Releases · Molunerfinn/PicGo (github.com)
Typora+PicGo+七牛云
Typora
和图床工具PicGo
可实现Markdown文件使用七牛云图床图片,具体步骤如下
1. 在PicGo中配置七牛云
在这里AccessKey
和SecretKey
是访问和操作对象存储的密钥对,这个在七牛云个人中心里
关于存储区域:存储区域_产品简介_对象存储 - 七牛开发者中心 (qiniu.com),这里我的存储区域为华东浙江2,所以填写cn-east-2
2. 在Typora 配置PicGo
打开Typora 软件文件菜单中的偏好设置,点击图像选项,如下是我个人的配置
验证图片上传选项(如下是我点击验证图片上传选项后的提示框,上传图片后右下角落会出现提示信息)
最后结果
当我们将图片拉入typora中后发现图片的路径变为了七牛云图床的融合图片路径,我们可通过复制此链接在浏览器访问该图片,同样也可以看到右下角出现了上传成功的提示框