PicGo实现Typora图床

PicGo实现Typora图床

一、前言

大家好,我是秋意零。

大家平常都用什么工具记录笔记呢。记录笔记工具有很多,比如:OneNote、印象笔记、语雀等等。作为一个程序员,你肯定知道爆火的 Typora 这款 Markdown 编辑器和阅读器软件了。

由于 Markdown 是一种轻量级标记语言,它不直接保存图片,而是通过特定语法引用图片。Markdown 插入图片的基本语法是:

# 插入图片的基本语法
![图片描述](图片地址URL)

这会出现出现什么问题呢?在本地 Typora 软件里编辑一篇 Markdown 文件插入图片时,Typora 会自动将图片保存在本地。由于 Markdown 文件以链接的方式访问图片

如果我们将这篇文章发给其它人阅读,又或者将 Typora 编辑的文件复制到各种博客平台上(CSDN、博客园、稀土掘金等)你会发现除了图片其它都正常显示,这是因为 Markdown 图片保存的是本地链接,只有自己电脑可访问。为了解决这个问题,咱们可以搭建一个图床(存放图片的仓库),实现通过网络访问图片

二、前提条件

首先安装 2 款软件(本文省略软件安装过程),创建对象存储(以阿里云OSS为例),如下:

安装 Typora 官方中文站)(MD 编辑器)

安装 PicGo(上传图片的工具)。点击直达下载

创建对象存储 OSS(存放图片的仓库)

三、实现流程

Typora 编写 MD 文本 --> PicGo 上传图片到仓库 --> OSS 对象存储

四、创建对象存储OSS

登录阿里云,进入对象存储服务,创建 Bucket(存储桶)如图:

image-20240330180521186

修改图中指出部分,其它保持默认。

存储类型:本地冗余存储比同城冗余存储便宜

读写权限:选择公共读,否则只能将图片上传到对象存储,而 Typora 和 PicGo 中看不到图片

image-20240330180439682

进入对象 Bucket 选择 “新建目录”,如 images。

image-20240330184539686

接着获取阿里云的 AKSK(类似用户名和密码)

注意:为了安全咱们创建阿里云的子用户(如图)并给予操作对象存储OSS的权限。接着来获取它的 AKSK,这样可以降低 AKSK 操作权限。

image-20240330182928025

创建用户后,点击进入用户详情页找到 “创建 AccessKey” 按钮,获取AKSK,如图:

注意:保存好AKSK,PicGo 连接对象存储时使用

image-20240330182828723

给予该用户对象存储管理和读权限,如图:

image-20240330184105199

五、配置 PicGo

打开 PicGo 软件,点击图床设置,选择阿里云OSS,如图配置:

设定 KeyId:刚才获取的 AK

设定 KeySecret:获取的 SK

设定 Bucket:创建 OSS 的 Bucket 名称

设定存储区域:填写阿里云外网 Endpoint 地址。见图2

设定存储路径:如:images

设定自定义域名:可选。如果需要设置,需要为我们创建 Bucket 绑定一个域名(可自行创建)。

image-20240330181231336

阿里云查看 Endpoint 地址是 oss-cn-shenzhen.aliyuncs.com,PicGo只填写 oss-cn-shenzhen 部分。

image-20240331114712858

六、配置 Typora

进入 Typora,左上角点击文件选择偏好设置(Ctrl+逗号)。选择图像,根据下图进行配置。

PicGo 路径:软件安装路径选中 PicGo.exe 文件

image-20240331120521053

最后,点击 PicGo 路径下方的验证图片上传选项,结果如图:

image-20240331120836188

也可在 PicGo 相册也可以查看验证是否上传成功

image-20240331121325099

Typora 编辑 MD 文件时粘贴图片,也会上传到图床中,如图:

image-20240331121148648

  • 9
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

秋意零

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值