Typora + PicGo + Aliyun OSS + CSDN

深藏阁楼爱情的钟 2023-02-25 13:26 4阅读 0赞

# Typora + PicGo + Aliyun OSS + CSDN #

## 1、参考资料 ##

*  https://www.jianshu.com/p/4cd14d4ceb1d

## 2、Aliyun OSS ##

### 2.1、创建 Bucket ###

*  进入阿里云 OSS（对象存储）页面，选择**创建 Bucket** ，用于存储博客中使用的图片

![image-20200712180920449][]

*  设置参数
    
     *  设置 **bucket name** ：heygo
     *  设置区域为附近区域，我人在上海，所以选择**华东2（上海）**
     *  选择**标准存储**（数据常被访问）
     *  读写权限设置为**公共读**，不然别人怎么访问呢？
     *  剩下服务的都不开通

![image-20200711220145723][]

### 2.2、删除 Bucket ###

*  点击 **bucket name**，选择**基础设置**

![image-20200711220722224][]

*  往最底下滑，选择【**删除 Bucket**】即可

![image-20200711215829088][]

### 2.3、创建子用户 AccessKey ###

*  一般我们不使用主账户（登录账户）来调用 API 接口，因为主账户的权限太大，一旦 **key secret** 泄露，就玩完。。。
 *  一般创建子账户来调用 OSS API 接口，点击用户头像，选择【**AccessKey 管理**】

![image-20200711221116977][]

*  选择【**开始使用子用户 AccessKey**】

![image-20200711215800217][]

*  设计**登录名称**和**显示名称**，选择【**编程访问**】（自己编写的程序调用或 PicGo 等第三方程序调用）

![image-20200712182351305][]

*  **Key Secret** 貌似仅此一次机会可以查看，赶紧保存下来
    
     *  **AccessKey ID** ：相当于账户（编程访问）
     *  **SECRET** ：相当于账户密码（编程访问）

![image-20200711223553261][]

### 2.4、子用户AccessKey授权 ###

*  选择刚才创建的用户，点击**添加权限**，给子用户添加权限

![image-20200711223650947][]

*  添加 OSS 服务：**AliyunOSSFullAccess** ，FullAccess 表示可读可写，这样我们就能拿着刚才创建的 Heygogo 账户，通过编程接口操作阿里云 OSS 啦~

![image-20200710161624237][]

## 3、Typora 配置 PicGo ##

### 3.1、配置 PicGo 路径 ###

*  如果 PicGo 选择**默认安装**，那么 PicGo 路径不用修改

![image-20200711223822986][]

### 3.2、测试 PicGo 配置 ###

*  成功上传

![image-20200710161935619][]

![image-20200710162050375][]

## 4、Typora 上传图片 ##

### 4.1、PicGo设置上传路径 ###

*  强迫症：我要让 Markdown 笔记的文件目录和阿里云 OSS 中的文件目录一致

![image-20200712120514350][]

![image-20200710163014690][]

### 4.2、Typora上传图片 ###

*  点击【**上传所有本地图片**】会将当前 Markdown 笔记中的本地图片上传至 OSS 服务器上

![image-20200710163044305][]

### 4.3、上传失败 ###

*  打开 **PicGo 日志文件**瞅一瞅

![image-20200710164800812][]

*  PicGo 将 + 号替换成了空格，那么我们就将就一下吧

![image-20200710164929207][]

heygo/Software/Typora/Typora   PicGo   CSDN.assets/

### 4.4、解决问题 ###

*  那就将就下呗，将图片存储路径改个名呗，路径名统一改为：

Software/Typora/Typora_PicGo_CSDN.assets/

*  PicGo 路径设置

![image-20200710165929937][]

*  阿里云 OSS 路径设置

![image-20200710170329856][]

*  上传成功

![image-20200712120622631][]

### 4.5、粘贴即上传 ###

*  勾选如下选项时，当在 typora 中粘贴图片时，PicGo 将直接上传图片至 OSS 服务器，我并不建议这样做，原因见后

![image-20200710173757155][]

### 4.6、重复上传 ###

*  问题描述：如果一张图片已经存在于 OSS ，重复上传会发生什么？

![image-20200710171224537][]

*  经测试，如果重复上传，将覆盖之前 OSS 中的图片，所以图片的 URL 并不会改变，所以不必担心重复上传的问题（就是耗流量。。。）

### 4.7、PicGo Bug ###

*  问题描述：上传所有本地图片至 OSS 后，图片顺序都乱了
 *  我改了好久的图片链接。。。我被搞得没脾气了。。。我还是自己写程序上传 OSS 吧。。。

## 5、CSDN导入笔记 ##

### 5.1、导入 MD 文件 ###

*  选择使用 Markdown 编辑器

![image-20200710171147083][]

*  导入 MD 文件（或者直接**复制粘贴**）

![image-20200711105910628][]

*  导入后的效果

![image-20200710172348601][]

### 5.2、为何要用 OSS ###

*  因为 Markdown 语法中，插入图片并不是真正插入了一张图片，而是插入了一张**图片的链接**
 *  对于本地图片链接，我们无法将其直接导入到 CSDN 博客中
 *  我们需要将 MD 文件中的图片链接改为 **URL 链接**的形式，这样就可以直接往博客上 Copy

### 5.3、个人建议 ###

*  图片保留**两份**：
    
     *  一份本地图片，以相对路径的形式引用（备份、本地编辑使用）
     *  一份云图片，本地编辑完成之后，就可以将图片上传至阿里云 OSS 啦~
 *  Why ？因为 OSS 上的图片一旦**误删**，你的笔记里面的图片就凉了，但如果本地还有**同名的图片**（以相对路径的形式存储），就还有救！我写了个 Java 脚本来挽救这种情况~
 *  PS ： 之前的笔记名称为 Typora + PicGo + CSDN ，强迫症患者（我）表示看着不舒服，改成了 Typora + PicGo + Aliyun OSS + CSDN ，所以本文中的本地图片目录并不是 Typora + PicGo + Aliyun OSS + CSDN.asset，而是 Typora + PicGo + CSDN.asset

[image-20200712180920449]: /images/20230209/7b93fe921c4943c78e4c4c671ecfffc6.png
[image-20200711220145723]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjIwNzIyMjI0LnBuZw?x-oss-process=image/format,png
[image-20200711220722224]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjE1ODAwMjE3LnBuZw?x-oss-process=image/format,png
[image-20200711215829088]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjE1ODI5MDg4LnBuZw?x-oss-process=image/format,png
[image-20200711221116977]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjIxMTE2OTc3LnBuZw?x-oss-process=image/format,png
[image-20200711215800217]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEyMTgwOTIwNDQ5LnBuZw?x-oss-process=image/format,png
[image-20200712182351305]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEyMTgyMzUxMzA1LnBuZw?x-oss-process=image/format,png
[image-20200711223553261]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjIzNTUzMjYxLnBuZw?x-oss-process=image/format,png
[image-20200711223650947]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjIzNjUwOTQ3LnBuZw?x-oss-process=image/format,png
[image-20200710161624237]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMjIzODIyOTg2LnBuZw?x-oss-process=image/format,png
[image-20200711223822986]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTYxNjI0MjM3LnBuZw?x-oss-process=image/format,png
[image-20200710161935619]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTYyMDUwMzc1LnBuZw?x-oss-process=image/format,png
[image-20200710162050375]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTYxOTM1NjE5LnBuZw?x-oss-process=image/format,png
[image-20200712120514350]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEyMTIwNTE0MzUwLnBuZw?x-oss-process=image/format,png
[image-20200710163014690]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTYzMDE0NjkwLnBuZw?x-oss-process=image/format,png
[image-20200710163044305]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTYzMDQ0MzA1LnBuZw?x-oss-process=image/format,png
[image-20200710164800812]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTY0ODAwODEyLnBuZw?x-oss-process=image/format,png
[image-20200710164929207]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTY0OTI5MjA3LnBuZw?x-oss-process=image/format,png
[image-20200710165929937]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEyMTIwNTQzMTE2LnBuZw?x-oss-process=image/format,png
[image-20200710170329856]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTcwMzI5ODU2LnBuZw?x-oss-process=image/format,png
[image-20200712120622631]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEyMTIwNjIyNjMxLnBuZw?x-oss-process=image/format,png
[image-20200710173757155]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTczNzU3MTU1LnBuZw?x-oss-process=image/format,png
[image-20200710171224537]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzExMTA1OTEwNjI4LnBuZw?x-oss-process=image/format,png
[image-20200710171147083]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTcxMTQ3MDgzLnBuZw?x-oss-process=image/format,png
[image-20200711105910628]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTcxMjI0NTM3LnBuZw?x-oss-process=image/format,png
[image-20200710172348601]: https://imgconvert.csdnimg.cn/aHR0cDovL2hleWdvLm9zcy1jbi1zaGFuZ2hhaS5hbGl5dW5jcy5jb20vaW1hZ2VzL2ltYWdlLTIwMjAwNzEwMTcyMzQ4NjAxLnBuZw?x-oss-process=image/format,png