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

已于 2023-02-13 07:53:06 修改
阅读量1.4w 收藏 268
点赞数 140
分类专栏： 差生文具多 文章标签： 阿里云
于 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上传

慕雪华年
关注
  • 140
    点赞
  • 踩
  • 268
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 70
    评论
专栏目录
阿里云图床配置教程
qq_52475653的博客
11-30 918
图片上传：支持将本地图片快速上传到云存储服务，如七牛云、腾讯云、阿里云等，并可以选择喜欢的云存储服务。图片压缩：内置图片压缩功能，可以在上传图片之前对图片进行压缩，减小图片文件大小，提高网页加载速度。图片编辑：提供简单的图片编辑功能，包括裁剪、旋转、调整亮度、对比度等，可以在上传图片之前对图片进行一些基本的编辑操作。图床管理：PicGo不仅是一个图片上传工具，同时也提供简易的图床相册管理功能。
Markdown插入视频、mp3音频和gif图的语法
热门推荐
慕雪华年的博客
05-01 1万+
没想到CSDN一个都不支持……
Blog的图床搭建
最新发布
weixin_45944462的博客
05-26 819
基于GitHub+PicGo+jsDelivr搭建图床
Typora配合PicGo阿里云图床配置
米不开朗基罗的博客
12-22 546
写博客的时候，刚开始直接在各大平台上直接写，后来还是觉得不太方便，需要在各大平台之间来回切换。于是就改用Typora，但是有个问题就是图片的处理，只能放在本地。想要发布到各大平台，就需要图床。本文结合阿里云OSS、PicGo图床配置、Typora配置，能够做到一次文章编写，各大平台统一输出。
【搭建】Typora+阿里云oss+PicGo 搭建自己的图床
程序员好冰的博客
02-14 243
Typora下载、阿里云oss搭建、PicGo下载与配置，在线图床搭建
个人博客如何选择图床
小康博客
10-24 1522
前言 自2020年8月9日jsdelivr发表了“新规则”后，便引起QQ群、v2ex、知乎等各大平台的议论。小康 新规则中有一条是这样说的： running an image hosting website and using jsDelivr as a storage for all uploaded images 大概意思就是不允许作为图站使用。于是便有了歧义。要多少的图片才能算是图站？博客里面图片放里面算吗？上传的图片怎样才不行？ 虽然到目前为止，我的曾使用的还没有被和谐，但为了长久，只能考虑其他图
【实践】给typora加上图床picgo+阿里云对象存储OSS
weixin_45424804的博客
06-26 182
使用markdown格式写博客，当需要复制去网络发表时，因为图片为本地格式，所以往往在网络上复制成功。搜索后比较多的解决方案是使用picgo这个软件，使用后，就可以将typora里的图片转为公网的形式，后面发表则直接复制粘贴即可。 使用的原理：typora可以配置使用picgo去上传图片...
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 + Vue +阿里云 OSS的网盘项目源码+数据库
03-05
基于Springboot + Vue +阿里云 OSS的网盘项目源码+数据库 总体为前后端分离架构。 前端：Vue + Vuex + axios UI: Ant Design for Vue 后端：Springboot + MybatisPlus + Redis + JWT
Alibaba_pic:一款美到不行的极简阿里图床
03-21
阿里巴巴 一个美到不行的阿里图床上传
使用picgo和阿里云oss对象存储搭建一个自动上传的图床工具.pdf
11-27
标题中的“使用picgo和阿里云oss对象存储搭建一个自动上传的图床工具”涉及到的知识点是关于构建一个自动化图片托管服务的过程。图床工具通常指的是用于存储和管理网络图片的平台，对于博客、论坛或者在线文档的用户...
PicGo+阿里云Oss图床
牢骚太盛防肠断，风物长宜放眼量
03-26 687
首先说一下我为什么使用阿里云，我之前是用gitee做图床，后面被限制了，图片也访问不了，阿里云这个5块钱可以用半年，还是很便宜的，主要不会突然见不能用 文章目录PicGo下载阿里云Oss图床的配置 PicGo下载 PicGo2.3.0 我这边使用的是2.3.0版本 正常安装即可 阿里云Oss图床的配置 PicGo官方文档 如果配置完还是不行，建议重装一下picgo ...
如何申请一个免费的图床
sworddancing is the best one
07-22 2349
做web前端的都离不开图床，利用hexo+GitHub搭建一个个人博客同样也需要用到图床 因此拥有体个自己的图床是很有必要的，所以我在这里简述一下如何免费申请一个图床。我用的例子是极简图床： 首先，百度搜索极简图床，进入极简图床官网（当然也可以直接搜极简的网址：http://jiantuku.com/#/）    然后注册一个极简账号：    注册好之后，验证一下邮箱账号就注册...
Typora配置阿里云图床详细教程（PicGo+阿里云OSS）
BISyus的博客
07-29 2878
Typora图床——PicGo阿里云OSS 引言 1. 什么是图床 云服务器图床原理： 图床就是一个专门用来存放图片，同时允许图片对外链接的网上空间。可以把它理解为一个远程仓库，每一张图床里的图片都有一个自己的url，在联网环境中，我们可以通过图片对应的url访问到该图片 2.为什么使用阿里云OSS图床 markdown图片多平台使用问题 经常用markdown写博客的小伙伴一定遇到过这种问题，在本地用markdown编辑器编写文章，但是将文章上传到自己搭建的网站上或者csdn、博客园等平台上，文章中
自制图床，将项目部署到阿里云服务器，文件上传成功后，因为文件权限低，导致无法访问（读）图片问题的解决。
dong__CSDN的博客
05-31 1534
        将文件上传项目部署到阿里云服务器上，来自制简单的图床。过程中遇到，图片能成功上传，但上传的图片无法读（文件的权限太低，是-rw-r----）。要想能访问该文件，一开始只能手动改权限，但是太麻烦，不能每次上传都要手动改，实用性太低。 找了很久资料，都没有找到完美的解决方法。有次找到一个方法：             Runtime.getRuntime().exec("chmod ...
windows下typora图床（附带阿里云教程）
zlj1217的博客
12-10 3607
typora Typora是大家写博客、记笔记、写文档等日常使用场景下都会使用的一个MarkDown语法的软件，对于熟悉markdown语法和喜欢markdown简洁性的朋友来说，typora是不可或缺的工具。但是，对于图片处理，我们需要图床去将我们的本地图片（截图、流程图之类的）上传到第三方的对象存储上（当然自己的服务器也是可以的）。 本文基于一个typora在windows下的小插件windo...
Typora安装&配置图床工具(picgo)，让你优雅高效的写博客
hibugs
05-30 1027
让你优雅的写博客。释放双手，提高效率。教会你如何拥有极致的写博客体验！
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 ]
评论 70
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

慕雪华年

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

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

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

打赏作者

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

抵扣说明：

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

余额充值