个人博文之 Typora编辑器+PicGo图床工具+七牛云图床

前言:说实话,体验了一段时间的typora,的确很爽。那种码字的沉静让我可以陷入独立思考的空间。可是写文案不可能没有配图吧,如果按照默认的方式他是先新建一个examplename.assets的文件夹放到我们的文档同级目录下,然后再把图片复制过来。这样有一个非常大的弊端就是你将一篇写好的博客(我主要用来写博客),发给别人看的时候你需要把相应的图片资源也发过去,否则对方是无法正常浏览的。这时图床就来了,这也就是图床存在的原因。只需要嵌入链接就可以正常显示出图片了,不需要原本的图片文件存在。如果你是网站网页的话,是不是间接的也就提高了你网站的速度了呢?这也就是我对CDN分发网络最直白的理解。一方面我们减少了服务器的硬盘存储消耗,二来我们提高了加载网页时的速度,因为你不需要在你的服务器加载图片等资源了阿。只需要加载链接即可,加载链接的速度那可是非常快的。经过一番探索,我搭配出了自己的组合工具,如果用了之后也觉得好用,那就说明我写这篇文章还是有意义的。接下来直接分三个方面开展,如果没有七牛云的话建议先从七牛云开始哈:

Typora设置:

  1. 我们找到Typora的全局图像设置(好像在Typora0.9.86之后才可以利用图床上传工具,我下的时候最新才是这个版本)
  2. image-20200504154408563
  3. 插入图片选择成上传图片,我们下载PicGo这个软件,毕竟GUI格式的软件比起命令行简单。下载安装好之后上传服务我们选择PicGo(app),路径就直接定位到我们刚才的安装路径找到PicGo.exe。

七牛云设置:

  1. 先进行注册,认证,一系列按照指示来就好,官方文档非常详细。他的认证非常详细,这也是我为什么选择他的原因,因为我相信他可以活的更久。记得认证的时候选择个人。
  2. 认证好之后到主页,选择对象存储服务,新建一个空间。
  3. 存储空间名称:自己起名字。
  4. 存储区域:选离你最近的。
  5. 访问控制:一定要公开,要不然访问不到哈。
  6. 然后自己会跳转到空间管理,右边操作下面有域名,设置域名。
  7. 这就到了我们配置CDN的页面。
  8. image-20200504160135251
  9. 配置加速域名,我这里用的我个人域名(99couple.top)前面加img.形成一个新的二级域名,这样便于管理,也便于域名解析时不和一级域名冲突。(如果没有个人域名的建议买一个然后备好案,一年几十块足够了,要不然七牛云给你的是测试域名就30天,还不够折腾的)
  10. 就是这个样子image-20200504160820870
  11. 你把鼠标放到域名那块,会浮出来一个复制CNAME,复制它。
  12. 然后到你的域名管理商那里解析记录里添加CNAME解析记录。
  13. 我是阿里云,就拿阿里云举例子了哈。
  14. [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d5fv3Rxf-1588582005570)(http://img.99couple.top/image-20200504161708449.png)]
  15. 记录类型:CNAME。
  16. 主机记录:我这里用的img.99couple.top二级域名,只需要在前面写img。
  17. image-20200504162006366
  18. image-20200504162152713
  19. 记录值:将你刚才复制的CNAME粘贴过来即可。
  20. 到这里图床就搭建完了,可以试一下在网页上上传文件是可以的。

PicGo设置:

  1. image-20200504162538199
  2. 在这我们需要安全钥匙,还需要回到七牛云,右上角个人中心,密钥管理。
  3. 将你的AK和SK分别复制粘贴到七牛图床设置对应位置。
  4. 存储空间名:你新建的存储空间名字。
  5. 访问网址:就是你刚才第二部分忙活的那一堆,把域名前面加http://写到这里面就行(https协议的自动改成加s的哈)。
  6. 存储区域:你自己新建的时候选的区域在哪就对应着写过来。image-20200504163011406
  7. 我设置为了默认图床,点击确定。
  8. 回到Typora,你试一下,截个图,直接粘贴选上传就可以了。
  9. image-20200504163240727

这篇文档就是采用这种方式生产出来的,我相信你也会喜欢。记得如果没有其他需求,除了上述我说的设置之外你不需要动任何地方,我就是在七牛云里设置了原图保护。导致我在Typora里粘贴出来的图片只是以链接形式存在,我一度怀疑我哪个步骤出错了,但是经过我理性的分析和测试之后,我判断是七牛云的问题,一搜就是原图保护的问题,关掉就一切正常了。

问题追加:

遇到了全选复制之后,发布到我的个人博客浏览的时候不能正常显示,第一直接就是http的问题。因为我的博客网站设置了强制https,于是我又去七牛云申请了https,很快。十五分钟左右就下来了。重新发布,就正常了。image-20200504181133546

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值