如何结合PicGo、Typora以及阿里云对象存储OSS搭建自己图床写博客？（手把手带你搭建-20210113）

如何结合PicGo、Typora以及阿里云对象存储OSS搭建自己图床写博客？（手把手带你搭建-20210113）

前言

作为一个运维小伙伴，维护好自己的IT笔记这个习惯很重要。但自己的本地笔记只有本人看得到，不能分享出来和道友们一起交流，这个就很不友好，通常的途径就是写博客了。通过写博客，对自己掌握的知识是一个总结，同时也有利于大家一起相互学习交流。

经常会看到有些IT大佬，他们的博客内容很丰富，他们的排版也很美观，心里好奇他们是通过什么方式来进行排版的呢？

自己以前在CSDN和博客园上都发布过技术博客，但总感觉csdn的在线编辑有点臃肿，博客园相对比较轻巧，但是在线发布实验文档还是很麻烦的。我的解决办法，通常是先在word里编好含实验步骤，然后复制粘贴到csdn等博客系统里。当时就觉的这个方式是真的蠢，又浪费时间，最关键 的是后续排版有很大的问题，由于时间关系，这里就不上图了。

一次偶然机会，我发现了新大陆——PicGo、Typora以及阿里云对象存储OSS，我们可在本地持续编写好md格式的文档，然后直接发布到csdn等博客系统上，既方便，版本也很美观。你也可以把md格式的文件从typora导出为word、pdf格式，以便后期自己维护。

好了，废话已经说的够多了，开始上干货。

下面要用到的3个概念：

1.阿里云OSS

对象存储 OSS：
海量、安全、低成本、高可靠的云存储服务，提供99.9999999999%(12个9)的数据持久性。使用RESTful API 可以在互联网任何位置存储和访问，容量和处理能力弹性扩展，多种存储类型供选择全面优化存储成本。

视频介绍链接地址：https://bucket-hg.oss-cn-shanghai.aliyuncs.com/img/对象存储OSS_海量安全高可靠的云存储 - 阿里云.mp4

2.PicGo软件

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具。

使用markdown一直有一个痛点，那就是图片的问题，不想word那样可以直接保存图片，markdown不行，如果插入图片，图片在本地会单独存放，以链接的形式插入在markdown中，如果本地图片丢失或者位置变了，那就不显示了。

所以这里就需要一个图床，也就是把图片传上去，弄个链接，然后插入markdown中，那么图床不少，怎么传呢？

使用PicGo这个工具，只要复制下图片，然后按个快捷键就可以直接将图片上传到你事先设定好的图床上，然后返回给你个链接，可以直接用。

3.Typora软件

 Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，是完全免费的。
​ Typora 首先是一个 Markdown 文本编辑器，它支持且仅支持 Markdown 语法的文本编辑。

搭建环境所需事项

• winodws10电脑；
• 购买阿里云OSS（2年才18元，很便宜的哦）；
• 下载PicGo软件（见下面百度云盘链接）；
• 下载Typora软件（见下面百度云盘链接）；
• 拥有一个CSDN博客；

一、购买阿里云OSS

1.购买阿里云OSS

进入阿里云官网，注册登录后，点击对象存储OSS：

https://www.aliyun.com/

选择立即开通：

同意，选择立即开通：

关于本次阿里云oss费用问题：

购买的时候可以选择按月付费一月一元的,也可以年费9元的,40GB作为博客图床基本就够用了；

我选择的是两年18元的，还是比较划算的；

通过支付宝支付费用后，阿里云OSS就已经算是成功开通了。

2.创建子用户

接下来，就开始创建子用户了。

主用户权限过高，只是作为图床就没有必要这么高的权限，我们通过创建子用户的方式来管理图床，点击头像——>访问控制：

选择用户–>新建用户:

记得勾选编程访问,这样才会生成秘钥,密码登录勾不勾选都可以,我之前是没勾选~然后确定：

新建用户成功后弹出:

用户创建完成后，会生成Access ID和Access secret，可以点击复制保存起来，后面做参数使用：

创建之后，对子用户添加权限：

只添加AliyunOSSFullAccess的权限即可：

至此，子用户已经创建完成了。

3.创建Bucket

接下来，就开始创建Bucket了：

开通成功后，貌似会自动跳转到对象存储页面，没有自动跳转就手动进入，如下所示，进入后点击 创建 Bucket：

Bucket名称请记住，读写权限选择公共读（其他都默认）：

创建成功后，在左边会显示你的Bucket名称：

点击你的Bucket名称,将EndPoint(地域节点)下的 oss-cn-shanghai 复制下来(创个txt文件记录吧)：

创建云端图片存放的目录,点击文件管理,新建目录,取一个存放路径名:

创建成功后,在下面会显示如下目录:

现在已经拥有了Bucket名称( xxx )、 oss-cn-shanghai 、图片存放目录( img/ ),以及前面生成的子用户key id及秘钥最好将这5个

参数放到一个txt文件中,方便后面PicGo需要用到：

二、配置并测试PicGo

上面阿里云oss配置已经完成了，接下来开始配置PicGo。

1.下载并配置PicGo

官网链接如下：

https://picgo.github.io/PicGo-Doc/zh/guide/

因次软件的下载速度贼慢，小伙伴可直接从如下百度云链接里提取：

目前次版本为最新版，版本号为PicGo 2.3.0 beta4:PicGo-Setup-2.3.0-beta.4.exe

链接：https://pan.baidu.com/s/1D_otYdvBseZ3x61thDJlGA 
提取码：2xyl 

下载完成后，一直下一步安装即可（要记住软件的安装目录，后续Typora软件配置需要用到次路径）。

安装软件完成后，可能在桌面上不会生成快捷方式，可从安装目录把次快捷方式发送到桌面。

双击PicGo图标，开始配置：

点击图床设置，找到阿里云OSS:

把前面保存在文档里的信息填写到对应位置即可：

下面的设置没什么需要改动的，自己认为有需要的就开启来，不影响软件使用：（以下是我自己的配置，可以作为参考）

2.测试PicGo

PicGo配置完成后，开始测试：

测试是否可以正常上传文件到OSS：

已经上传成功：

以上PicGo配置成功，接下来开始配置Typora。

三、配置并测试Typora

1.下载并配置Typora

官网链接如下：

https://www.typora.io/

因次软件的下载速度贼慢，小伙伴可直接从如下百度云链接里提取：

目前次版本为最新版，版本号为0.9.98:typora-setup-x64-0.9.93.exe

链接：https://pan.baidu.com/s/1Bu0_t-s36YG_PaQJ8UJjfA 
提取码：ga4y 

目前最新的是0.9.98版本，但https://gitee.com/typora-mirror/Typora-Mirror/releases里还没有最新版本镜像，因此可点击软件的帮助-检查更新更新到最新版0.9.98，可能要等待一段时间才可以更新完成：（建议升级到最新版本）

下载完成后，一直下一步安装即可。

桌面图标如下：

安装完成后，开始配置次软件：

双击软件打开后，点击文件-偏好设置-图像，按如下标识进行配置即可：

2.测试Typora

上面Typora软件配置完成后，点击验证图片上传选项开始测试：

验证测试通过，至此，上述环境搭建完成。

四、上传本地md文件到CSDN博客

现在，这个搭建文档已经完全在本地md文件中编写好了，现在直接上传到csdn上查看效果即可！

上传本地md文件到csdn后，总体上排版没有出现什么问题，但是后面有一小部分问题，删掉就好了：多出来了几个段落。。。

虽然不是很理想，但是已经很可以了，奥利给！

五、总结

“磨刀不误砍柴工”，至此，就可以开始你的博客记录生涯了！

最后，送上一整女神的照片，晚安啦,good night！