Typora+PicGo+阿里云OSS搭建博客图床(超详细)-程序员宅基地

技术标签: 差生文具多  阿里云  

为什么要搭建博客图床?

以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

在弹出的界面里,记住你的accessKeyIdaccessKeySecret


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上传

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/muxuen/article/details/122441469

智能推荐

macos mojave_如何在macOS Mojave中启用暗模式-程序员宅基地

文章浏览阅读245次。macos mojaveMacOS Mojave brought with it a slew of new features, the most striking of which is a system-wide dark mode that applies to all native Apple apps and compliments Apple’s Night Shift to ease..._macos夜间模式太灰色

ubuntu 16.04 + ROS kinetic 安装Kinect v1驱动_ros16下安装kinectv1驱动-程序员宅基地

文章浏览阅读2.7k次。openni、Sensor、NITE(可选)这三个包的版本必须匹配才能正常运行主要参考①https://www.20papercups.net/programming/kinect-on-ubuntu-with-openni/②https://blog.csdn.net/u011092188/article/details/54861591③https://blog.csdn.ne..._ros16下安装kinectv1驱动

2020最新版Python学习路线图--Python框架与项目重点知识_传智博客2020 python-程序员宅基地

文章浏览阅读1.3k次。Python学习路线图的Python框架部分有Django框架和Flask框架,学完这部分Python框架就可以去找Web全栈工程师工作,独立开发前端和后端业务。Python学习路线图的Django框架部分需要掌握Web主流框架-Django的使用;可根据Web框架设计,开发对应的数据库;可根据业务流程图,开发Web网站的前后台业务。黑马程序员Python学习路线图的Flask框架部分需要掌握W..._传智博客2020 python

HOJ Megaminx-程序员宅基地

文章浏览阅读705次。MegaminxMy Tags (Edit) Source : fishcanfly Time limit : 1 sec Memory limit : 64 MSubmitted : 59, Accepted : 47M_hoj

snapchat注册不到_从Snapchat获得开发人员职位中学到的经验教训-程序员宅基地

文章浏览阅读144次。snapchat注册不到Here are three links worth your time: 这是三个值得您花费时间的链接: I just got a developer job at Snapchat. Here’s what I learned and how it can help you with your job search (15 minute read) 我刚刚在Snapc..._type in snapchat search

鸟哥的LINUX私房菜第二章 学习笔记-程序员宅基地

文章浏览阅读218次。0.2.1多核CPU是指在一颗CPU封装当中嵌入了两个及以上的运算核心不同的CPU型号大多有不同的脚位,更换CPU时要注意能否与主板相配频率是指CPU每秒钟可以进行的工作次数但注意,不同的CPU之间不能单纯以频率判断运算效能 早期的CPU构架主要通过北桥来链接系统最重要的CPU,主存储器与相关适配器设置;由于所有设备通过北桥连接,所以每个设备的工作频率都应该相同;但

随便推点

离散数学大作业_离散数学实验大作业-程序员宅基地

文章浏览阅读932次,点赞19次,收藏22次。1.作业要求2.题目选择命题公式的真值表用户输入一个命题公式,输出该公式对应的真值表。例如:输入(p ∨ q) → ¬r,输出:题目描述关于为什么选择了这个题目,最后会提到 。3.所需解决的关键问题4.代码使用Python完成注释已经给出。import itertoolsfrom tabulate import tabulate # 导入 tabulate 用于美化表格格式# 处理蕴含操作的函数def handle_imp_离散数学实验大作业

查看wpar的配置信息_基于FC适配器的WPAR创建和Oracle数据库配置-程序员宅基地

文章浏览阅读65次。存档日期:2019年5月13日 | 首次发布:2012年9月12日 工作负载分区(WPAR)是IBMAIX6.1和更高版本随附的许可程序产品。 本文介绍了导出了光纤通道(FC)的WPAR的概念和配置。 此外,它还描述了在WPAR内安装和配置Oracle数据库和Oracle自动压力测试(OAST)工作负载的步骤。 此内容不再被更新或维护。 全文以PDF格式“按原样”提供。 随着技术的..._fc适配器存储配置

outlook收邮件延迟_如何计划或延迟在Outlook中发送电子邮件-程序员宅基地

文章浏览阅读5.7k次。outlook收邮件延迟When you click Send on an email, it is typically sent immediately. Butwhat if you want to send it at a later time? Outlook allows you delay the sending of a single message or all email me..._outlook delay delivery

jQuery中attr的用法_jq attr用法-程序员宅基地

文章浏览阅读7.4k次,点赞13次,收藏44次。attr用来获取属性,prop获取特性Jquery1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性属性指的是“name,id”等等,特性指的是“selectedIndex, tagName, nodeName”jquery判断checked的三种方法:.attr('checked'): //看版本1.5-返回:true或false.prop('checked')..._jq attr用法

feed_如何自定义Google Feed(并使之真正有用)-程序员宅基地

文章浏览阅读1.2k次。feedWhen Google first released Google Now, it was celebrated by Android users across the board. When Now evolved into the Google Feed, however, this change was much less accepted. But the Feed is grea..._feed ang grow怎么自定义

meteor构建app程序_在Meteor.js中构建Slack克隆:实时数据-程序员宅基地

文章浏览阅读267次。meteor构建app程序This is the second of a five-part series on building a Slack clone using Meteor. The aim of these tutorials are not just for you to blindly follow instructions, but it's our hope that you...