Typora + PicGo + Aliyun OSS + CSDN

1、参考资料

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

2、Aliyun OSS

2.1、创建 Bucket

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

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

2.2、删除 Bucket

点击 bucket name，选择基础设置

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

2.3、创建子用户 AccessKey

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

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

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

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

2.4、子用户AccessKey授权

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

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

3、Typora 配置 PicGo

3.1、配置 PicGo 路径

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

3.2、测试 PicGo 配置

成功上传

4、Typora 上传图片

4.1、PicGo设置上传路径

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

4.2、Typora上传图片

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

4.3、上传失败

打开 PicGo 日志文件瞅一瞅

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

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

4.4、解决问题

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

Software/Typora/Typora_PicGo_CSDN.assets/

PicGo 路径设置

阿里云 OSS 路径设置

上传成功

4.5、粘贴即上传

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

4.6、重复上传

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

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

4.7、PicGo Bug

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

5、CSDN导入笔记

5.1、导入 MD 文件

选择使用 Markdown 编辑器

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

导入后的效果

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

Typora + PicGo + Aliyun OSS + CSDN相关推荐

Typora一次编辑，知乎、CSDN等多平台快速发布：Typora + PicGo + 图床
Typora一次编辑,知乎.CSDN等多平台快速发布:Typora + PicGo + 图床一.起因做创作,发布文章,一般大家都会在多个平台发布,这样的话就会面临一个问题,每个平台要进行重复编辑很 ...
Typora + Picgo + 阿里云oss实现图片上传
Typora + Picgo + 阿里云oss实现图片上传设置原因 Typora是一款markdown文本编辑器,无法承载本地图片存储的功能,书写好的文章上传到博客或其他设备上时会导致图片丢失,无法 ...
Typora+PicGo+阿里云OSS实现云笔记
大家好,我是阿滨,从今天开始我会每天输出内容,希望跟大家一起进步!!! 今天跟大家介绍,如何通过Typora+PicGo+阿里云OSS实现云笔记. 如何购买阿里云OSS 如何下载并使用PicGo 如何 ...
typora+picgo+gitee一键搬家csdn
1. 要用什么工具写?为什么? 2. 推荐的整体方案 3. 达成的效果 3.1. 微信截图 3.2. 通过picgo客户端的快捷键ctrl+shift+p上传图片到gitee 3.3. 复制picgo ...
博客同步typora笔记图片|typora+picgo+阿里云oss
Typora+PicGo+阿里云OSS实现云笔记|Typora上传图片 Typora笔记上传到博客 Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版.它使用易读易写 ...
Typora + PicGo + Gitee
Typora + PicGo + 码云使用Typora 编写markdown格式的文档. 通过PicGo将markdown文档里面的图片保存到图床上. 使用码云作用图床工具,保存我们的图片. 下载安 ...
【博客写作-Typora】保姆级教程：Typora+PicGo+Bilibili简单搭建图床
目录 [博客写作]保姆级教程:Typora+PicGo+Bilibili简单搭建图床一.背景二.其他解决方案三.Typora+PicGo+Bilibili简单搭建图床 3.1.Typora和Pi ...
Typora+PicGo+github搭建免费稳定图床写博客如行云流水（mac+window）
Typora+PicGo+github搭建免费稳定图床写博客如行云流水(mac+window) 0.前言一直都在用typora写博客和技术文档,它干净整洁的洁面让我流连忘返.不过一直有一个问题困扰着 ...
Typora+PicGo+SMMS、github、gitee实现Typora图片上传到图床
最近写博客的时候,经常会放入截图或编程图.每次将 Typora 写好的内容ctrl + c,ctrl + v 复制到 csdn,博客园,知乎等博客社区发表时,都会显示不支持外部链接,然后就只能一张一张 ...

Typora + PicGo + Aliyun OSS + CSDN

Typora + PicGo + Aliyun OSS + CSDN

1、参考资料

2、Aliyun OSS

2.1、创建 Bucket

2.2、删除 Bucket

2.3、创建子用户 AccessKey

2.4、子用户AccessKey授权

3、Typora 配置 PicGo

3.1、配置 PicGo 路径

3.2、测试 PicGo 配置

4、Typora 上传图片

4.1、PicGo设置上传路径

4.2、Typora上传图片

4.3、上传失败

4.4、解决问题

4.5、粘贴即上传

4.6、重复上传

4.7、PicGo Bug

5、CSDN导入笔记

5.1、导入 MD 文件

5.2、为何要用 OSS

5.3、个人建议

Typora + PicGo + Aliyun OSS + CSDN相关推荐

最新文章

热门文章