0
点赞
收藏
分享

微信扫一扫

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

Raow1 2022-01-11 阅读 90

文章目录

为什么要搭建博客图床?

以CSDN为例,我们可以选择使用大部分blog平台通用的markdown语法进行博客创作

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

  • Office word中,图片是直接插入docx文件里面
  • Markdown中,图片只是一个本地/联网的地址

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

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

虽然CSDN自带的编辑器已经能满足我们95%的写作需求

但是Typora在markdown语法编辑上能给你提供更好的写作体验

所以我选择了以Typora+Picgo+图床的方式来进行博客创作


接下来就是如何搭建阿里云OSS图床的教学了!

前排提醒,阿里云图床需要付费💴,但价格非常便宜!

1.准备软件

1.1Typora

  • Typora:【中文官网】

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

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

1.2Picgo

  • PicGo:【Github地址】

找到对应安装包,下载安装即可

image-20220111193636551

2.配置阿里云OSS

在浏览器搜索阿里云OSS,即可找到官网

image-20220111193847214

2.1注册,开通对象储存

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

image-20220111194645144

选择对象储存并开通

image-20220111194540431

2.2创建bucket

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

image-20220111195034924

注意:

  • Bucket名字不能有大写字母
  • 服务器就近选择
  • 图床选择标准存储
  • 读写权限公共读

image-20220111195753835

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

点击你的bucket名

image-20220111200207252

然后点击bucket下的概览

image-20220111200304506

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

image-20220111200522615

2.3找到你的Key

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

image-20220111200832708

在弹出的选项框里,选择“继续使用”

image-20220111200939292

进入后,创建一个AccessKey

image-20220111201037036

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


2.4给你的阿里云账户充值

2.4.1收费问题

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

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

  • 充值的方式使用储存容量以及流量(默认状态)
  • 按年/月收费,购买一定存储包。流量额外收费

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

image-20220104200946233

下图是在默认状态下,容量和流量收费的价格

  • 储存容量:0.12元/GB/月
  • 图片上传到阿里OSS流量:免费
  • 外网流出流量(如typora访问图床图片):闲时0.25元/GB,时0.50元/GB
image-20220104193905591

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

2.4.2注意事项

  • 记得给阿里云账户充值!!别到时候欠费停用了!!
  • 刚开始作图床的时候,直接充值使用即可,无需购买容量包

image-20220111201309818

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


3.配置picgo

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

image-20220111203136884

3.1图床设置

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

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

  • 设定KeySecret:填写AccessKeyIDSecret

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

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

  • 确认存储区域:填写你的地域节点

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

image-20220111203313899

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

3.2picgo设置

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

image-20220111204114564

4.配置typora

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

  • 选择图像

  • 插入图片时上传图片

  • 下面的选项全勾上

  • 上传服务选择PicGo(app)

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

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

image-20220104193025600

5.大功告成!

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

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

image-20220111205131635

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

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

image-20220111205318201

我们的图床就大获全胜!

开始你的创作吧!🧐

举报

相关推荐

0 条评论