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,搭建一个在线教育视频课程分享网站。
目录
相关文章
|
1月前
|
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 博客
|
1月前
|
存储 安全 对象存储
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
本文详细介绍了怎样帮助新手小白从注册,购买阿里云OSS,到一步一步配置OSS做为图床,和PicGo、Typora软件连接,配置好关联之后,在使用Typora写文章时,如果需要插入图片,只需要将图片复制粘贴到Typora的编辑区域,就会自动通过PicGo上传到指定图床,自动复制外网能访问的URL并展示,简直不要太方便,极大的解决了编辑文章时复制处理图片链接的痛点。
183 2
手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会
|
2天前
|
网络协议 对象存储
阿里云oss配置自有域名
阿里云oss配置自有域名
9 1
|
4天前
|
存储 开发工具 对象存储
Javaweb之SpringBootWeb案例之阿里云OSS服务入门的详细解析
Javaweb之SpringBootWeb案例之阿里云OSS服务入门的详细解析
11 0
|
11天前
|
存储 Java API
阿里云oss简介和使用流程
本文档介绍了如何准备阿里云OSS(对象存储服务)并开始使用它。首先,需要注册阿里云账号并进行实名认证,然后购买OSS资源包。在阿里云控制台中,可以创建和管理OSS存储空间(称为“Bucket”)。接着,文章简要介绍了阿里云OSS,它是一个基于云端的对象存储服务,提供高可靠性、高性能、低成本和易于使用的特性。 在阿里云OSS控制台,用户可以进行文件的上传和下载操作。通过API,开发者可以使用各种编程语言(如Java)来创建、删除Bucket以及上传、下载和删除文件。例如,Java代码示例展示了如何创建Bucket、上传文件、删除文件以及下载文件到本地的操作。
|
18天前
|
开发工具 对象存储
阿里云OSS文件上传
阿里云OSS文件上传
60 0
|
18天前
|
存储 缓存 Java
阿里云OSS实战从入门到大神
说起阿里云OSS,那作用和功能都是非常强大的,它可以存放图片,音频,视频等资源文件,这些资源文件,你不必存放到服务器的硬盘里,这样既可以节省服务器硬盘空间,又可以降低服务器的读写压力,非常适合大并发的架构。
56 0
|
30天前
|
存储 对象存储 容器
阿里云OSS对象存储基础入门
阿里云OSS对象存储基础入门
90 0
|
1月前
|
Java API 开发工具
如何用阿里云 oss 下载文件
阿里云对象存储服务(OSS)提供了多种方式下载文件,以下讲解下各种方式的下载方法
924 1
|
2月前
|
对象存储
minio临时凭证直传切换到阿里云oss
minio临时凭证直传切换到阿里云oss
178 1