Typora+PicGo+阿里云OSS搭建博客图床（超详细）

已于 2023-02-13 07:53:06 修改
阅读量1.5w 收藏 282
点赞数 148
分类专栏： 差生文具多 文章标签： 阿里云
于 2022-01-11 21:02:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/muxuen/article/details/122441469
版权

文章目录

为什么要搭建博客图床?

以CSDN为例，我们可以选择使用大部分blog平台通用的markdown语法进行博客创作

虽然CSDN自带的编辑器已经能满足我们95%的写作需求

但是Typora在markdown语法编辑上能给你提供更好的写作体验

所以我选择了以Typora+Picgo+图床的方式来进行博客创作

而在本地的markdown文件.md中，图片是以“外链”这一形式存在的

  • Office word中，图片是直接插入docx文件里面
  • Markdown中，图片只是一个本地/联网的地址

也就是说，如果我们使用本地markdown编译器（如typora）来编辑MD文件的时候，如果MD里面插入的图片的源文件被移动或者删除了，我们的MD文档里面对应的图片也无法显示出来。

同时，如果我们用本地编辑器写好了一篇博客，想把它上传到CSDN上。CSDN是无法自动转存文件里面的图片的（因为这个图片只是一个你硬盘里面的文件路径）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0gNYdqHb-1647670910810)(photo/image-20220318140612548.png)]

这时候我们就需要用图床来解决这个问题

什么是图床？

在我们往typora里插入图片的时候，PicGO会自动上传图片到图床，并返回一个图片的链接

这时候你的图片就是一个网络的链接(网址)，不再是本地路径。

你也可以在任何有网络的地方、用任何设备访问这张图片了

即便是本地的那张图片移动or删除，也不会影响图床里的这张图片

markdown本地文件里面的图片也就不会失效了！

接下来就是如何搭建阿里云OSS图床的教学了！

前排提醒，阿里云图床需要付费💴，但价格非常便宜！

如果你想白嫖，也可以考虑用gitee作为你的图床。但是gitee有单仓库文件大小限制(600mb)。后续图片多了，转移图床的成本更高。还不如一开始就选个好的平台，不是嘛？

  • typora+picgo+gitee图床配置方法，看这个👉【链接】

22.03.26更新：果然“免费的才是最贵的”，经过多个朋友的反馈，确认gitee图床已经崩溃，图片在gitee仓库内没有问题，但是typora/picgo/obsidian内都无法正常预览图片，CSDN也无法转存！可能是gitee更新了外链机制。还是建议大家更着本篇博客使用阿里云OSS吧！

  • 如何批量转存图片到阿里云oss👉点我

1.准备软件

1.1Typora

想必各位应该听很多博主安利过Typora这款软件，这里就不展开描述了

新版本typora需要付费买断。可以考虑支持正版，也可以去找找旧版本安装包

参考这个视频👉【链接】

如果你找到了旧版本安装包，需要确认typora版本高于0.9.86

1.2Picgo

找到对应安装包，下载安装即可

image-20220111193636551

2.配置阿里云OSS

在浏览器搜索阿里云OSS，即可找到官网

https://www.aliyun.com/product/oss

image-20220111193847214

2.1注册,开通对象储存

注册账户并实名后，进入你的控制台

image-20220111194645144

选择对象储存并开通

image-20220111194540431

2.2创建bucket

在左侧选择概览，然后在右侧创建一个新的bucket

image-20220111195034924

注意：

  • Bucket名字不能有大写字母
  • 服务器就近选择
  • 图床选择标准存储
  • 读写权限公共读

image-20220111195753835

创建完成后，你的bucket应该就出现在了左侧

2.3找到你的地域节点

点击你的bucket名

image-20220111200207252

然后点击bucket下的概览

image-20220111200304506

在访问域名一栏找到你的地域节点，后面会用到

如图，只需要复制oss-cn-shenzhen即可，不需要后面的.aliyuncs.com

image-20220111200522615

2.4找到你的Key

来到右上角，鼠标放在你的头像上，在弹出的框里选择AccessKey管理

image-20220111200832708

在弹出的选项框里，选择“继续使用”

image-20220111200939292

进入后，创建一个AccessKey

image-20220111201037036

在弹出的界面里，记住你的accessKeyId和accessKeySecret

2.5给你的阿里云账户充值

2.5.1收费问题

阿里云OSS的各项收费是独立的！

对于图床而言，有两种收费形式

  • 以充值的方式使用储存容量以及流量(默认状态)
  • 按年/月收费，购买一定存储包。流量额外收费

也就是说，即便你购买了下图的存储包，你依旧要为访问图床的流量付钱！

image-20220104200946233

下图是在默认状态下，容量和流量收费的价格

图床使用的是标准型，请勿购买其他类型

  • 储存容量：0.12元/GB/月
  • 图片上传到阿里OSS流量：免费
  • 外网流出流量(如typora访问图床图片)：闲时0.25元/GB，忙时0.50元/GB
image-20220104193905591

仔细算算，我们图床的数据量其实很小的

0.12元/1GB/1个月，一年就是1.44元，远低于40GB的9元收费！

截图/照片以平均0.5mb/张估算，1gb可存放超过1600张图片！

数据低于6GB的情况下直接充值，以GB付费其实比购买储存包更加值得！

2.5.2注意事项

  • 记得给阿里云账户充值！！别到时候欠费停用了！！
  • 刚开始作图床的时候，直接充值使用即可，无需购买容量包！

image-20220111201309818

到这里，我们阿里云OSS基本配置完毕了😎

3.配置picgo

打开picgo后，在你windows的状态栏里找到picgo的图标，打开picgo的主界面

image-20220111203136884

3.1图床设置

在图床设置里面选择阿里云OSS，依照以下步骤填写信息

  • 设定Keyld：填写刚刚获得的AccessKeyID

  • 设定KeySecret：填写AccessKeyIDSecret

  • 设定储存空间名：填写bucket名称

    这里填写的是bucket名称，不是浏览器里的域名

  • 确认存储区域：填写你的地域节点，注意复制的格式

  • 指定存储路径：其实就是自定义一个文件夹的名字，以/结尾

    它会自动在你的bucket里面创建一个文件夹，并把图片上传进去

image-20220111203313899

弄完之后，记得“确定”，并点击“设置为默认图床”！

3.2picgo设置

在设置里打开时间戳重命名和上传后自动复制URL

时间戳重命名：以上传时间来重命名图片，避免同名的图片无法上传（该设置不影响本地图片名）

image-20220111204114564

4.配置typora

进入typora主界面，点击左上角的“文件-偏好设置”

  • 选择图像

  • 插入图片时上传图片

  • 下面的选项全勾上【更新22.03.05: 第二个网络位置的图片可以不勾，避免已经上传到图床的图片重复上传】

  • 上传服务选择PicGo(app)

  • PicGo路径：找到picgo的安装路径
    不是安装包的路径！！！！

image-20220104193025600

5.大功告成！

设置完毕后，我们点击验证图片上传选项

如果弹出以下弹窗，我们的图床就搞定了！😀

image-20220111205131635

最后新建一个文件，验证图片是否正常上传

日常写作的时候，我们只需要复制图片，在typora里面粘贴即可，无需拖动！

当你的图片链接显示为阿里云的网络链接，而不是本地路径时

image-20220111205318201

我们的图床就大获全胜！

开始你的创作吧！🧐

如果这篇博客帮到了你，还请在留言回复一下哦~万分感谢！

如果你在配置完picgo后发现有问题，检查过picgo配置内容和阿里云OSS设置、重启picgo、重启电脑后仍然无法成功上传。还可以参考这篇博客的配置方法👉【博客园】

更多相关文章：自建lsky pro图床并使用picgo上传

慕雪华年
关注
专栏目录
Typora+PicGo+阿里云OSS搭建个人博客图床（2024最新详细搭建教程）
流苏的博客
05-01 1074
Typora+PicGo+阿里云OSS搭建个人博客图床（2024最新详细搭建教程）
Alibaba_pic:一款美到不行的极简阿里图床
03-21
阿里巴巴 一个美到不行的阿里图床上传
【保姆级】阿里云OSS+PicGo+Typora搭建图床
2301_76884890的博客
08-13 2095
​ 图床，作为储存图片的服务器，主要分为国内和国外两种类型。由于空间距离等因素，国外的图床在访问速度上可能较慢，进而影响图片的显示速度。而在国内，图床又可分为单线空间、多线空间和CDN加速三种形式，各具特色。​ 简而言之，图床就是存储图片的地方，为每一张图片提供一个独一无二的链接，使得用户能够轻松地在网上访问和查看。​ 当前，市场上涌现出众多免费图床供用户选择，如Gitee、Github等。然而，使用免费图床也存在一些潜在问题，如图床失效、防盗链等。
Typora+PicGo写作时图片自动上传
最新发布
lixin5456985的博客
10-06 667
自己配置的途中遇到了不少的坑，尽管这其实并不是一件多么复杂的工程，比如这个PicGo是发布在GitHub上的，GitHub在国内有时访问不到、下载速度太慢等等。为了让你少花点时间，我把Windows和mac的PicGo都放到下面网盘中了。其实mac用户还有一个方案可与选，那就是ipic图床。
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS)，新手小白一看就会
dingyuzhi的专栏
03-22 2983
PicGo最大的特点是，可以和阿里云，腾讯云等各大图床软件连接，又可以和Typora结合使用，配置好关联之后，在使用Typora写文章时，如果需要插入图片，只需要将图片复制粘贴到Typora的编辑区域，就会自动通过PicGo上传到指定图床，自动复制外网能访问的URL并展示，简直不要太方便，极大的解决了编辑文章时复制处理图片链接的痛点。阿里云官网网站阿里云OSS。
MarkDown软件Typora图片上传解决方案：Typora+PicGo图床
Sihang_Xie的博客
10-04 1049
MarkDown软件Typora图片上传解决方案：Typora+PicGo图床 一、问题描述 今天在网上学习Java开发环境配置，想在CSDN上写篇博客记录安装及环境配置过程。 经过在网上的调研，相当一部分的程序员都喜欢用一款名为"Typora"的MarkDown编辑软件来记录学习过程或者撰写博客草稿。于是我也开始使用这款软件 Typora官方下载网址：Typora — a markdown editor, markdown reader. 打开网站后往下滑到底，选择你操作系统下载安装即可。 我先用mar
(三) Markdown插入互联网或本地视频解决方案
张博在读
10-04 7717
不论博客系统是WordPress还是Typecho，绕不开的是两种书写语言，一种称之为富文本，一种叫做Markdown。Markdown有很多好处，也有很多坏处，比如Markdown本身不具备段落居中的功能，以及Markdown也不具有插入视频的功能。
typora+picGo经典教程
weixin_44169596的博客
07-11 3954
typora+picGo经典教程 简介：typora有着markdown编辑器之王之称，它有着简约、优雅、实用等优点。然而图片的存储问题就限制了这个软件的使用，我们搭配使用picGo这个免费的图床软件就可以轻易解决这个问题了。并且搭配gitee码云，用上去，嗯，真香，丝滑！ 一、 typora安装 考虑到官网下载或许会有点慢，这里提供目前最新版本的typora的安装包，链接如下：https://wwa.lanzous.com/iE60rehxw8j 安装过程就是无脑的next，路径选择好，不安装在C盘即可。
typora + PicGo
07-23
它支持多种图片托管服务，例如GitHub、阿里云OSS、七牛云存储等，可以自动将本地图片上传至云端并返回Markdown格式的图片链接。这样，在Typora中写作时，用户只需将图片拖放到编辑器中，PicGo就会自动处理图片上传，...
腾讯云cos+阿里云oss+thinkphp3.2上传文件驱动
01-15
2、PHP版本：7.2.5以上，以下版本使用腾讯云官方对应版本的sdk自行替换 （https://cloud.tencent.com/document/product/436/12266） 3、后续会上传thinkphp5以上版本的对应资源 4、原创资源真实可靠，自行集成如有...
使用PicGo+阿里云OSS扩展MarkDown软件的图片上传功能
01-06
文章目录阿里云OSS购买阿里云OSS服务创建Bucket创建AccessKeyPicGo设置软件下载SM.MS图床设置阿里云OSS设置上传快捷键选择生成的链接格式上传测试 阿里云OSS 购买阿里云OSS服务 价格不贵，我直接买了5年40G的，放...
SpringBoot+阿里云OSS_自定义图床_springboot-aliyun-oss.zip
09-04
SpringBoot+阿里云OSS_自定义图床_springboot-aliyun-oss
基于Springboot + Vue +阿里云 OSS的网盘项目源码+数据库
03-05
基于Springboot + Vue +阿里云 OSS的网盘项目源码+数据库 总体为前后端分离架构。 前端：Vue + Vuex + axios UI: Ant Design for Vue 后端：Springboot + MybatisPlus + Redis + JWT
阿里云图床搭建
心之所向
03-30 825
阿里云对象存储OSS搭建图床+PicGo+Typora
Markdown插入视频、mp3音频和gif图的语法
热门推荐
慕雪华年的博客
05-01 2万+
没想到CSDN一个都不支持……
使用阿里云和PicGo搭建个人图床
m0_68389211的博客
06-12 1627
可以用于作为写笔记和博客的工具，平时做笔记时直接通过截图保存的图片一般都存储在本地，一当本地图片受不可抗力被删除或者是希望把文档分享给他人或上传到自己的博客的时候，图片就无法正常加载，因为网站可不知道你的图片的位置。Typora 是一款支持Markdown 编辑器和阅读器，我们可以通过Typora软件记笔记，而在Typora记录的笔记默认是存储在本地的，我们希望将Typora写好的笔记直接上传到博客或者发送给好友时就无法正常加载图片。完成了图床的创建之后，接下来就需要实现图片上传了，我们可以通过上上面的。
Typora结合PicGo + 使用Github搭建个人免费图床
qq_39921135的博客
02-25 3534
图床配置名：自己取设定仓库名：用户名+仓库名设定分支名：设定Token：就是上面我们刚刚在Github上获取的token设定存储路径：需要放到仓库中的哪个文件夹下。如果直接放到仓库的根目录下就不需要填写这一栏如果需要放到某个目录下，直接写目录名就行，不需要在目录名前加 /。eg：test当有多级目录时，也是直接写路径。当填写的目录不存在时，PicGo会自动帮你在Github上创建目录，这个不用担心！设定自定义域名：此时就需要结合jsDelivr来加速了。
我是如何在markdown编辑器中完成视频的插入和播放的
qq_39373532的博客
06-24 1977
实现在bytemd中插入视频组件的能力，支持上传视频和在线播放
Typora 图床教程（阿里云版）
Java是世界上最好的语言
01-07 1055
Typora 图床教程（阿里云版）
typora图床搭建阿里云oss
08-11
Typora图床搭建阿里云OSS的步骤如下： 1. 首先，登录阿里云账号并打开OSS控制台。 2. 创建一个新的存储空间(bucket)，用于存放Typora上传的图片。 3. 在存储空间(bucket)设置中，找到权限管理，确保该存储空间(bucket)的访问权限设置为公共读。 4. 在存储空间(bucket)设置中，找到域名管理，将自定义域名与该存储空间(bucket)关联。 5. 下载并安装PicGo工具，它是一个用于快速上传图片并获取图片URL链接的工具。 6. 打开PicGo工具，配置阿里云OSS作为图床，并输入对应的OSS Access Key ID、Access Key Secret以及Bucket名称等信息。 7. 配置上传路径和命名规则，以便管理和组织上传的图片。 8. 保存配置并测试上传一张图片，确保能够成功上传并生成对应的URL链接。 9. 完成以上步骤后，即可在Typora中使用PicGo工具进行图片上传，将图片存储到阿里云OSS，并获取对应的URL链接，用于在Markdown文档中引用图片。 请注意，配置阿里云OSS时需要提供正确的Access Key ID和Access Key Secret，以确保上传图片的权限和安全性。同时，根据个人需求和隐私保护的考虑，可以选择将图片以相对路径的形式复制到md文件的次级目录同名文件夹下，而不是全部上传到图床。 参考资料： markdown的特性决定了其文字与图片是分离的，图片通过引用的方式添加到md中，本文所讲的是利用阿里云OSS搭建Typora图床，但是并不推荐将所有图片上传图床，推荐将图片以相对路径的形式复制到md文件的次级目录同名文件夹下，有利于隐私保护并且方便图片管理，只有在博客或者需要公开md时选择上传图床阿里云对象存储配置。 以上步骤就是使用图床将typora数据进行上传到网络上，将图片上传到图传上，这样不管文章发给谁，只要他有网络，他就可以进行访问，使用阿里云oss的目的也是为了防止图片进行丢失，效率极高，使用到图床，那就需要用上传图传的工具picgo了，使用起来也是非常方便，但是一定要注意配置，一步一步来，不然熬夜肝，就等于浪费时间。 尤其注意点。 而有了选择好图床之后，那就需要上传图片的工具，而大家常用的工具为：PicGo ，PicGo是一个用于快速上传图片并获取图片URL链接的工具，目前支持微博图床、七牛图床、腾讯云、又拍云、GitHub、阿里云、Imgur等图床购买对象存储oss。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使用阿里云OSS搭建Typora图床配置](https://blog.csdn.net/qq_29688717/article/details/128740958)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Typora+阿里云oss搭建图床](https://blog.csdn.net/weixin_51253120/article/details/131680678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 71
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

慕雪华年

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

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

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

打赏作者

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

抵扣说明：

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

余额充值