程序小牛

来了就随便看看,虽然没有什么好看的~~

Typora配合PicGo使用七牛云实现图片云存储

之前分享了《hexo搭配typora在文档中插入图片上传到github》,github作为代码存储仓库,放置图片总有些不合适,况且由于网络原因,加载效果并不是很好,因此,在这里推荐大家使用Typora+PicGO+七牛云来实现图片的云存储

一、工具说明

1、Typora

typora大家都不陌生,是一款MarkDown语法的编辑工具,用来写笔记比较方便

具体介绍和获取方式,可以参照我的实用工具介绍

2、PicGo

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具,这个工具在GitHub上是开源的,我们可以访问直接下载

PicGo开源GitHub点击跳转

3、七牛云

七牛云存储用来存储图片,通过typora实用PicGo实际上是将图片上传到七牛云提供的云存储服务器上,然后我们通过图片访问url就能快速访问图片

二、使用操作

1、下载工具和七牛云注册

Typora进入官网下载即可,正常安装

PicGo进入GItHub网站,点击下载安装的应用,然后再新的页面下载exe可执行文件即可

image-20211124093453034

image-20211124093527306

软件正常安装即可,需要记住安装的地址,后面需要配置使用

  • 注册七牛云账户

点击跳转官网

注册认证完成后,在对象存储>>空间管理>>新建一个空间,后续备用

image-20211124093850230

2、配置PicGo

软件安装完成后,打开PicGo

将七牛云个人中心的 AKSK,分别配置到 PicGo >> 图床设置>>七牛图床 对应位置

image-20211124094120923

然后在打开七牛云新建的空间,依次将空间名称、域名地址配到PicGo中(注意,域名配置中,需要添加http://或者https://),这里需要记一下,空间的存储区域在哪个位置,例如我的在华南。

image-20211124094500089

然后对照这张表将对应的地域简称填到PicGo的存储区域中,至此,PicGo完成配置

image-20211124094707432

3、Typora配置

Typora依次选择格式>>图像>>全局图像设置

image-20211124094940026

在偏好设置处,先将 插入图片时改为上传图片,在上传服务设定处,选择上传服务为PicGo(app),PicGo路径选择PicGo的安装路径

最后点击验证图片上产选项,如果成功的话至此所有配置完成。

image-20211124095057680

4、测试

打开Typora,随便粘贴一张图片,看路径是否是配置的七牛云地址,以及图片是否能够正常显示。如果不能的话看看PicGo是否配置出错,例如协议是否加对了,将https://和http://切换试下。

image-20211124095443295

至此完成配置使用,大家愉快的耍起来吧~

5、问题

这是看资源加载会发现本是http的数据资源会被强制加载成https

image-20211124103733805

如果此页面图片无法正常显示,请点击解决方案

image-20211124154552264