如何结合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!