解决markdown图片存储位置的问题

场景:

你有没有碰到过这样的问题,就是使用markdown记录笔记时图片是要从外部引用的,需要在本地专门新建文件夹来存放图片,想要分享笔记或上传博客会发现只上传.md文件图片链接就会失效。为了解决这个问题,我们可以使用阿里云oss+PicGo。阿里云oss作为我们的图床,将图片上传到该处再引用图片链接。PicGo是帮助我们快速上传图片不然要自己写代码对接oss。PicGo还可以和Typora搭配使用,做到引用本地图片后自动上传并转换为外部引用链接。下面就来介绍具体实现步骤。


阿里云OSS准备

第一步:注册阿里云账户 开通OSS

阿里云官网:https://www.aliyun.com/

阿里云OSS:对象存储OSS_云存储服务_企业数据管理_存储-阿里云

解决markdown图片存储位置的问题_第1张图片

 第二步:开通后打开OSS控制台

右上角点击控制台,找到对象存储oss

解决markdown图片存储位置的问题_第2张图片

解决markdown图片存储位置的问题_第3张图片

 第三步:创建bucket

解决markdown图片存储位置的问题_第4张图片

解决markdown图片存储位置的问题_第5张图片

 第四步:打开刚刚建的Bucket 可以在里面创建文件夹对接下来的图片存储进行分类

解决markdown图片存储位置的问题_第6张图片

 新建目录

解决markdown图片存储位置的问题_第7张图片

 第五步:创建AccessKey

解决markdown图片存储位置的问题_第8张图片

解决markdown图片存储位置的问题_第9张图片


PicGo的安装与使用

下载PicGo

Github下载地址:Releases · Molunerfinn/PicGo · GitHub

截止20220810的最新稳定版本为2.3.0,要翻很下面去找

解决markdown图片存储位置的问题_第10张图片

 Github下载速度很慢,已上传百度网盘。

链接:https://pan.baidu.com/s/1zfAt-6Q_JEIZ6wVNP8VkOg?pwd=rmf9

安装

解决markdown图片存储位置的问题_第11张图片

PicGo关联阿里云OSS

解决markdown图片存储位置的问题_第12张图片解决markdown图片存储位置的问题_第13张图片

设定KeyId和KeySecret是刚刚创建的AccessKey的ID和Secret

解决markdown图片存储位置的问题_第14张图片

设定存储空间名就是创建的Bucket名称

确定存储区域在OSS控制台的概览中查看

解决markdown图片存储位置的问题_第15张图片

指定存储路径就是我们在Bucket中创建的文件夹

解决markdown图片存储位置的问题_第16张图片

测试上传

解决markdown图片存储位置的问题_第17张图片

PicGo关联Typora

打开Typora点击偏好设置

解决markdown图片存储位置的问题_第18张图片

设置上传图片

解决markdown图片存储位置的问题_第19张图片

上传服务:选择PicGo(app)

PicGo路径:找到PicGo的安装路径

点击验证图片上传选项(成功关联PicGo上传阿里云OSS)

解决markdown图片存储位置的问题_第20张图片

设置了偏好设置我们就可以实现插入图片的同时上传图片并自动转换为外部引用链接 如图:

解决markdown图片存储位置的问题_第21张图片

如果没有自动上传,我们也可以点击右键

解决markdown图片存储位置的问题_第22张图片

至此我们就解决了markdown图片存储位置的问题


参考资料:Markdown基础语法及本地图片存储问题解决 - hnw - 博客园

                  PicGo简介及其下载 安装 配置 使用 卸载_徐晓康的博客的博客-CSDN博客_picgo

你可能感兴趣的:(问题解决,阿里云,经验分享)