Typora+PicGo+阿里云OSS搭建博客图床

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,内容安全 1000次 1年
对象存储 OSS,恶意文件检测 1000次 1年
简介: Typora+PicGo+阿里云OSS搭建博客图床

为什么要搭建博客图床?

以CSDN为例,我们可以选择使用大部分blog平台通用的Markdown语法进行博客创作,作为一个合格的程序狗,那么Markdown语法必然是首选。


虽然CSDN自带的编辑器已经能满足我们95%的写作需求,但是我们的图片不可能一直保存在本地吧,想要在网络中看到我们图片,那么图床就必不可少啦


在Typora在Markdown语法编辑上能给你提供更好的写作体验,那为什么一定要选择阿里云OSS,其实我最早是使用github跟gitee免费搭建的图床,但是俗话说,便宜没好货,github因服务器在国外,之前很长一段时间国内无法访问图片,于是便转战国内gitee,但是当时那次事故之后,gitee里面的全部图片都挂了,真的心疼,将近一万字图片就这么没了…


所以我选择了以Typora+Picgo+图床的方式来进行博客创作,目前也是我的主力图床!


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


Office word中,图片是直接插入docx文件里面

Markdown中,图片只是一个本地/联网的地址

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


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


如果你的图片在本地上传到CSDN上,就如下这个效果 :


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


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


什么是图床?

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。


简单来说:


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


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


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


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


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


准备工作

typora

Typora:【中文官网】


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


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


PicoGo

PicGo:【Github地址】

1fc21dfd506ec0428a901c6d6fd0f125.png



4386275949cf1c0366e51b0c1b26395d.png


配置阿里云OSS

注册,开通对象储存

百度搜索阿里云即可看到阿里云的官网


986169c7283ce949ecf7167e40cc676e.png


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


6a33ffba50e90952a0e5f772e418f0bb.png


选择对象储存并开通


c0f171aa793ba8f0bea2a5b2dbebc2ac.png


创建bucket

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


注意:


Bucket名字不能有大写字母

服务器就近选择

图床选择标准存储

读写权限公共读

b4d6435ce0a181112743b62895bfbd10.png


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


找到你的地域节点

点击你的bucket名


87c18728e1312366820b1d05f3546e76.png


然后点击bucket下的概览


d35f0169bbe4c8e342a0089159bfb14e.png


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


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


6e96fd6ae7d3e4f47a0841a725deb17e.png


找到你的Key

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


6fb5ace9c3e930360a9e3495cc6fbc58.png


阿里云账户充值

收费问题

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


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


以充值的方式使用储存容量以及流量(默认状态)

按年/月收费,购买一定存储包。流量额外收费

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


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


储存容量:0.12元/GB/月

图片上传到阿里OSS流量:免费

外网流出流量(如typora访问图床图片):闲时0.25元/GB,忙时0.50元/GB

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


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


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


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


注意事项

记得给阿里云账户充值!!别到时候欠费停用了!!(笔者建议下载一个阿里云的APP,在手机上可以随时看到你的阿里云费用情况)

刚开始作图床的时候,直接充值使用即可,无需购买容量包!


4214dcda8627412ccf9981bb953876dc.png

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


配置PicGo

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


938d769dc3b71f429c672986813240b7.png


图床设置

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


设定Keyld:填写刚刚获得的AccessKeyID


设定KeySecret:填写AccessKeyIDSecret


设定储存空间名:填写bucket名称


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


确认存储区域:填写你的地域节点,注意复制的格式


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


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


165fe4d1588fc81ee4fb6b36d039e656.png


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


picgo设置

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


时间戳重命名:以上传时间来重命名图片,避免同名的图片无法上传(该设置不影响本地图片名)



b94bd55186a6a962f1bf0a58c95252d6.png

配置typora

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


择图像

插入图片时上传图片

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

上传服务选择PicGo(app)

PicGo路径:找到picgo的安装路径

不是安装包的路径!!!!


188e7f9bde94767bd112a43e7d6a3b95.png

大功告成!

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


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


1d8b368ffa386ec47a4866a5395660c5.png


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


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


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


e321e38e0e7775fc6994b38b11d50e80.png


我们的图床就大获全胜!


今天的文章就到这里了,欢迎大家评论区留言!!!


相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
4月前
|
机器学习/深度学习 人工智能 专有云
人工智能平台PAI使用问题之怎么将DLC的数据写入到另一个阿里云主账号的OSS中
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。
|
17天前
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
|
3月前
|
存储 机器学习/深度学习 弹性计算
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决
阿里云EMR数据湖文件系统问题之OSS-HDFS全托管服务的问题如何解决
|
4月前
|
消息中间件 分布式计算 DataWorks
DataWorks产品使用合集之如何使用Python和阿里云SDK读取OSS中的文件
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
4月前
|
存储 运维 安全
阿里云OSS的优势
【7月更文挑战第19天】阿里云OSS的优势
192 2
|
4月前
|
存储 API 开发工具
阿里云OSS
【7月更文挑战第19天】阿里云OSS
188 1
|
4月前
|
存储 弹性计算 对象存储
预留空间是什么?阿里云OSS对象存储预留空间说明
阿里云OSS预留空间是预付费存储产品,提供折扣价以锁定特定容量,适用于抵扣有地域属性的Bucket标准存储费用及ECS快照费。通过购买预留空间,如500GB通用预留+100GB标准-本地冗余存储包,用户可优化成本。
206 4
|
4月前
|
人工智能 对象存储
【阿里云AI助理】自家产品提供错误答案。阿里云OSS 资源包类型: 下行流量 地域: 中国内地通用 下行流量包规格: 300 GB 套餐: 下行流量包(中国内地) ,包1年。那么这个是每月300GB,1年是3600GB的流量;还是1年只有300GB的流量?
自家产品提供错误答案。阿里云OSS 资源包类型: 下行流量 地域: 中国内地通用 下行流量包规格: 300 GB 套餐: 下行流量包(中国内地) ,包1年。那么这个是每月300GB,1年是3600GB的流量;还是1年只有300GB的流量?
128 1
|
5月前
|
SQL 分布式计算 DataWorks
DataWorks产品使用合集之如何将CSV文件从阿里云OSS同步到ODPS表,并且使用列作为表分区
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
DataWorks产品使用合集之如何将CSV文件从阿里云OSS同步到ODPS表,并且使用列作为表分区
|
6月前
|
SQL 分布式计算 监控
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
本文演示了使用 EMR Serverless Spark 产品搭建一个日志分析应用的全流程,包括数据开发和生产调度以及交互式查询等场景。
56595 7
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用