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天前
|
Ubuntu JavaScript 关系型数据库
在阿里云Ubuntu 20.04服务器中搭建一个 Ghost 博客
在阿里云Ubuntu 20.04服务器上部署Ghost博客的步骤包括创建新用户、安装Nginx、MySQL和Node.js 18.x。首先,通过`adduser`命令创建非root用户,然后安装Nginx和MySQL。接着,设置Node.js环境,下载Nodesource GPG密钥并安装Node.js 18.x。之后,使用`npm`安装Ghost-CLI,创建Ghost安装目录并进行安装。配置过程中需提供博客URL、数据库连接信息等。最后,测试访问前台首页和后台管理页面。确保DNS设置正确,并根据提示完成Ghost博客的配置。
在阿里云Ubuntu 20.04服务器中搭建一个 Ghost 博客
|
4天前
|
存储 安全 对象存储
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。
287 2
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
|
4天前
|
开发者
一键自动化博客发布工具,用过的人都说好(阿里云篇)
使用一键自动化博客发布工具blog-auto-publishing-tools把博客发布到阿里云上。
一键自动化博客发布工具,用过的人都说好(阿里云篇)
|
4天前
调用阿里云接口实现短信消息的发送源码——CSDN博客
调用阿里云接口实现短信消息的发送源码——CSDN博客
67 0
|
4天前
|
存储 Oracle 关系型数据库
Typora+PicGo+super-prefix+阿里云OSS设置图床
Typora+PicGo+super-prefix+阿里云OSS设置图床
|
4天前
|
弹性计算 运维 监控
解密阿里云弹性计算:探索云服务器ECS的核心功能
阿里云ECS是核心计算服务,提供弹性云服务器资源,支持实例按需配置、集群管理和监控,集成安全防护,确保服务稳定、安全,助力高效业务运营。
83 0
|
4天前
|
存储 弹性计算 固态存储
阿里云服务器CPU内存配置详细指南,如何选择合适云服务器配置?
阿里云服务器配置选择涉及CPU、内存、公网带宽和磁盘。个人开发者或中小企业推荐使用轻量应用服务器或ECS经济型e实例,如2核2G3M配置,适合低流量网站。企业用户则应选择企业级独享型ECS,如通用算力型u1、计算型c7或通用型g7,至少2核4G配置,公网带宽建议5M,系统盘可选SSD或ESSD云盘。选择时考虑实际应用需求和性能稳定性。
149 6
|
4天前
|
域名解析 弹性计算 Linux
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
本文为大家介绍了2024年购买阿里云服务器和注册域名,绑定以及备案的教程,适合需要在阿里云购买云服务器、注册域名并备案的用户参考,新手用户可通过此文您了解在从购买云服务器到完成备案的流程。
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
|
2天前
|
存储 安全 数据库
阿里云服务器计算型、通用型、内存型主要实例规格特点、适用场景及最新价格参考
在阿里云服务器的实例规格中,有共享型也有企业型,一般用户选择较多的企业级实例规格有计算型、通用型、内存型,每一种实例规格又有多个实例规格族可选,不同的云服务器实例规格在架构、计算、存储、网络、安全等方面有着不同,因此,其适用场景也有所不同。本文来详细介绍一下阿里云服务器计算型、通用型、内存型主要实例计算、存储等性能及其适用场景,以供参考。
阿里云服务器计算型、通用型、内存型主要实例规格特点、适用场景及最新价格参考
|
4天前
|
存储 弹性计算 固态存储
阿里云服务器租用价格参考,云服务器收费标准与实时活动价格整理
阿里云服务器租用价格参考,本文更新了阿里云服务器最新的租赁费用,包括云服务器实时的活动价格与云服务器收费标准。经济型e实例云服务器4核16G10M带宽配置30.00元/1个月、90.00元/3个月,独享型通用算力型u1实例2核4G服务器仅需199元1年,轻量云服务器2核2G新用户专享价格61元/1年,计算型c7a实例2核4G配置特惠价625.68元/1年。更多阿里云服务器热门配置活动价格及云服务器租赁费用及活动价格见下文。
阿里云服务器租用价格参考,云服务器收费标准与实时活动价格整理

热门文章

最新文章