给博客套上了CDN

随着博客文章越来越多,文章内的图片等文件也逐渐增加,我喜欢在文章里加上很多图片,能更清楚地分享一些事物。
但是随之而来的还有博客文件越来越多,加载耗时越来越多,给访客朋友们带来了很大的不便。
于是,一直都是习惯全部文件丢进空间里的我,开始考虑了为博客套个CDN。

我先在群里问了一下博友们CDN之类的话题,此时我完全忘了套CDN的域名是要备案的......
这时候清风艾特了我说可以为我提供一个备案的二级域名,我才反应过来未备案域名无法使用CDN......
不过也解决了备案的烦恼,暂时使用清风提供的二级域名,这里感谢一下清风~也就是岁月小筑的博主,可以在友链那里找他玩呀。

首先是选择一个服务商,不知道为什么,只想到了七牛云和又拍云,其他CDN压根没考虑。
看到友人C用的也是又拍云,同时配合主题的相册功能,能够使用一种叫做webp的缩略图功能,点开图片后才会加载原图,这让相册的浏览体验有了很大的提高。
选择了又拍云,首先是注册账号,注册完还需要实名验证才能使用,手机前摄拍手持真的很麻烦, 小米手机的前置自带美颜,关了也还是有效果,无奈拍了n多次,审核第二次才通过。
好在审核速度挺快的一天时间给我审核了两次,不然等待会很难受。

审核过后就是创建服务和绑定加速域名了,和清风从上午折腾到下午,总算理解了一些。
感谢清风的帮忙.png
这里再次感谢清风,全程语音教学,声音好听还细心讲解,辛苦了清风了哈哈~

CDN也算套好了,就是源站迁移功能还搞不懂,另外CDN跟云储存是什么关系也还分不清,之前从网上了解到的一点,大概就是云储存是将你的文件储存到他们的服务器中,需要的时候进行调用,而CDN则是同样的原理,但可以根据访客的地理位置和网络环境进行调控,以达到最好的访问效果。(不知道我理解错了没有,若是有懂得这方面的大佬,希望评论指点我一下呀)

大概处理完了之后,首页的确是快了一些,发到群里给博友们测速,他们建议我把图片压缩,以让加载速度减少。
emmm我个人还是比较喜欢保留原图的,因为原图有它特殊的意义,经过压缩处理了的话总感觉会失去一些什么。
于是我有了一个想法,就是将原图保留在本地服务器,然后通过CDN或者云储存的图片压缩功能进行处理,给访客输出压缩后的图片,这样既保留了原图,又能达到网站加速访问的效果。
向着这方面,又折腾了一晚上,在群里询问,网上找教程,发工单给客服,手段用尽......
最后还是没能弄成功,但是被阳光之海博主提醒,下载了一个附件上传又拍云储存的插件,索性就把图片都备份下来,然后全部上传到又拍云存储里,这样速度比原服务器快了一些,但仅仅是加载速度快了,文件的大小没有经过处理。
又通过工单询问客服,原来通过开启图片处理中的缩略图版本,您可以创建多个缩略图版本,调整参数,前端访问的时候携带上缩略图版本,以此达到图片压缩的目的。
工单询问.png
照着文档说明又折腾了一番,最后达到了首页文章输出也是webp格式的效果,目前首页加载测试的效果是加载完首页所有文件耗时2~3s,大小1m多。比没压缩的时候快了不少了,文件大小也小了很多。

想实现的效果差不多都搞定了,这个主题有一个相册功能,最新版本在文章中也能进行图片调用成相册的样子,现在想将文章内的图片,在没点开的时候进行缩略图加载和输出,点开放大后再加载原图,就跟相册内的图片浏览一样。
不过......我什么也不懂,只能一味折腾,但嘛,这也就是我玩博客的一种乐趣。
折腾,源于爱好。
以前折腾过不少网站,浪费了很多时间,但乐在其中的时候,以及网站变成想象中的效果的时候,那种自豪感,满足感,真的很快乐。

最后修改:2019 年 08 月 08 日 11 : 46 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论

21 条评论

  1. gaigai

    不错

  2. 青山

    换个主题折腾吧,这主题审美疲劳了

    1. 九日
      @青山

      以后会试着魔改美化一下,这主题功能我很喜欢的,也习惯了。

  3. 阿珏

    亲,这边不建议你使用七牛或者又拍。要不然哪天起床又拍就要来收房子了

    1. 九日
      @阿珏

      选择cdn的时候首先想到了这两家......其他的总感觉不太合适,但我压根没用过233,不知道有什么方法可以避免这种事发生不。

      1. 阿珏
        @九日

        多充钱 冲多点

        1. 九日
          @阿珏

          把房款也充了吧233

  4. 刘晨晨

    我在cdn上做了一个不开森的事,我资源都储存在oss已经开启了cdn,我又在博客开启了cdn,后知后觉的我过了很久才顿悟,我不是多此一举嘛OωO

    1. 九日
      @刘晨晨

      是开了双重cdn吗?我目前是将博客文件储存到又拍云储存,然后在又拍云开了cdn,博客静态资源也在又拍云储存上,速度就现在两三秒左右。

  5. repostone

    好高级的东西,非独立博客用不上。

  6. 摄影博客

    原图留在电脑里的好。

    1. 九日
      @摄影博客

      目前是先将原图上传到云储存,然后压缩输出,至于本地保存的话我会经常备份的,备份下来就是按照博客目录保存了,也方便以后迁移。

  7. maqingxi

    看来CDN是网站的标配了。

    1. 九日
      @maqingxi

      以前我也是裸奔的,一直很抵抗第三方的东西,最近才开始有想法尝试一下。

  8. 羽忆

    哎呀,都要把我夸上天了 人生多在于折腾,折腾折腾更健康 哈哈

    1. 九日
      @羽忆

      哈哈哈拍马屁的我。不懂就折腾咯,折腾到理解为止。

  9. Dxoca

    不错啊哈哈哈

  10. ningqun

    乐在其中

    1. 九日
      @ningqun

      嘿嘿,是呀。|´・ω・)ノ已回访。

  11. 林海草原

    折腾折腾更健康,2333

    1. 九日
      @林海草原

      折腾多了就垮了!(/ω\)