给博客添加「cdn」和「时光相册」
  Typecho.   49次评论   7107次阅读   779字数  预计阅读时间2分钟

给博客添加「cdn」和「时光相册」

  Typecho.  49次评论  7107次阅读  779字数  预计阅读时间2分钟

这两天访问我博客的博友,是否觉得载入速度大大的提升了,首页图片也没了一直加载半天的尴尬,那是最近启用了cdn图片加速的效果。

最近两天公司事情较少,就趁着这个时间给博客进行一下优化及改造。

之前就发现自己的博客对于图片加载的速度确实缓慢,特别是首页的预览图,如果第一次打开博客,那得等好一会儿才能加载完全,早就有了想动它的念头,奈何没有时间,所以这次给博客增添了图片外挂cdn的方法。

cdn的服务商比较多,对于个人博客来说流量并不大,当然是能免费嫖的为何不免费,其中七牛和又云拍两家都口碑不错,在wordpress时候弄过七牛,这次就弄了又云拍,主要在博客这一块,我看到又云拍使用的较多。

又云拍的cdn原则上是收费,但只要加入了又云拍联盟,那么就每个月又10G的免费流量,还是不错的,加入也比较简单,直接在 又云拍联盟 处加入即可,需要等待1个周的审核时间,实际上我就第二天就通过,这里需要注意的是,你最好先在网站底部加入“鸣谢又云拍cnd赞助”的感谢标识,更容易通过。

20200502105849.jpg

再通过后登陆后台,选择云存储,然后新建云存储,选择网页图片、标准类型、全球加速、然后添加授权操作员即可,这里需要注意的是你要记下你的授权码,等下网站后台又云拍插件里需要使用到,这里都设置完后,接下来就是常规设置项给设置下:

20200502110928.jpg

到此这边基本设置完毕了,接下来就是后台安装 UpyunFile.zip 插件,并进入进行设置,填入你在又云拍的绑定域名及云存储的相关信息,这里需要注意的是,操作员是你在新键空间时候设置的操作员,密码就是上面叫记下来的授权码。

20200502110814.jpg

到此基本结束,等待联盟通过,免费撸cdn了。


时光相册,这次在博客中,添加了一个时光相册的页面,自己不记得在哪里看到过这样一个页面,所以就想也弄个,加上自己平时也喜欢拍照,所以也萌生了做个记录自己摄影展示页面的想法,先在网上搜寻了一番,只找到了相关的主题,那意味着得多开一个子站点,麻烦,又找了下,才找到现在这个可直接嵌套在原主题页面模板- Multiverse-page-typecho ,看下效果。https://zmmio.com/time-img.html

20200502111724.jpg

发表新评论 / 取消回复
  1. 你博客字体好像在win10下显示的有点难受。不知道是不是本来就这样,还是说我电脑问题。 有点锯齿的感觉。

      Windows 10  Chrome 87 回复
    1. 月亮
      @枫叶

      我也一样,这个主题是这样的,不是很方正,还能接受

        Windows 10  Chrome 63 回复
      1. 枫叶
        @月亮

        还是主题问题,默认的字体当用户没有电脑没有该字体时就锯齿了

          Android  微信内嵌浏览器 回复
    2. @枫叶

      应该是你那边的显示字体原因吧,我这边还好,不难受

        Windows 10  Chrome 87 回复
      1. @zmmio

        刚到寝室坐下,打开电脑就收到你的邮件回复了。又来看了一下,果然还是公司给配的电脑垃圾。
        有的时候作图,发到手机上看效果,色差一眼就看出来了。
        我寝室电脑显示你字体没啥问题。

          OSX  Chrome 86 回复
        1. @枫叶

          不是专业的设计公司都不会给你配备色域比较Nice的显示屏,分辨率啥的就更不用说了

            Windows 10  Chrome 87 回复
  2. 谢谢分享,问一下博主上传图片用的什么图床呢?
    是否有简单的方式,来更新时光相册

      Windows 10  Chrome 86 回复
  3. CDN还是有点风险的。一不小心,一张大大的账单,我暂时不敢折腾这个。

      Android  Chrome 77 回复
  4. 域名没备案,想用 cdn怎么弄? 又拍云,七牛 都需要备案

      iPhone  Safari 13 回复
  5. 当初我也是用七牛的
    后来强制需要备案才可以使用
    我就放弃了七牛
    改用腾讯的COS了

      Windows 7  Chrome 81 回复
    1. @曾经左手烟

      看到昵称就想起了最近的抽烟。
      七牛确实必须强制备案才能使用,之前在给公司官网时候用过,也还不错

        Windows 10  Chrome 81 回复
  6. 不挂图片、不挂JS,再弄个香港VPS,似乎CDN也没必要了

      Windows 10  Chrome 84 回复
    1. @黑暗游侠

      不挂图片确实对CDN是没需求的,相当于静态了

        Windows 10  Chrome 81 回复
  7. 疫情期间跟学校做了个疫情防控报备系统,刚上线被海外分子盯上了,一晚上打我100块钱,从此不用CDN了……

      Windows 10  Chrome 73 回复
  8. 相册nice,不过不能留言评论哈。又拍云做全站加速呗,免费的服务态度都老好了。

      Windows 10  Chrome 75 回复
  9. 不错,

      Windows 10  Chrome 80 回复
    1. @平顶山

      咦,感觉好久没看到你上博客了

        Windows 10  Chrome 80 回复
      1. @zmmio

        这都被你知道了

          Windows 10  Chrome 80 回复
  10. 山卜方

    我之前也申请了又拍云,后来发现,我不需要图片

      Windows 10  Chrome 81 回复
    1. @山卜方

      对,我之前在你站点看到过又云拍的标识,最近没怎么上网????

        Windows 10  Chrome 81 回复
      1. 山卜方
        @zmmio

        太无聊了,天天看看剧!

          Windows 10  Chrome 81 回复
  11. cdn一直不敢用 怕被刷

      Windows 10  QQ浏览器 10 回复
    1. @成人之美

      怕被刷???

        Windows 10  Chrome 81 回复
  12. 不用图,是不是能快点:P 反正也懒

      Windows 7  Chrome 81 回复
    1. @一介大叔

      哈哈,不用图肯定快

        Windows 10  Chrome 80 回复
  13. 之前我用刚百度的cdn,发现不快反慢

      Windows 7  火狐浏览器 76 回复
    1. @趣知识

      百度那个没用过,不知道效果如何

        Windows 10  Chrome 80 回复
  14. 我想要的在线PDF列如这个网站的:www.pdflib.com/fileadmin/pdflib/pdf/support/How-to-install-TET-Plugin.pdf 在线的游览还可以打印。

      Windows 7  Chrome 78 回复
    1. @universe

      兄弟,这个你可难道我了,我不会啊

        Windows 10  Chrome 81 回复
      1. @zmmio

        我在网上也找了很多还是不全面,弄出来的是乱码,还请你指教一二。

          Windows 7  Chrome 78 回复
        1. @universe

          确实不怎么会,你找下看下有没有插件,pdf类型的插件。或者设置里面的其它类型格式项里面加个pdf试试

            Windows 10  Chrome 81 回复
          1. @zmmio

            ok.我试试看吧。

              Windows 7  Chrome 78 回复
            1. @universe

                Windows 10  Chrome 81 回复
  15. 如何在独立的PHP页面建立阅读PDF文档,并且该文档可以独立下载?

      Windows 7  Chrome 78 回复
    1. @universe

      不算难,看你怎么弄,我给你一个最垃圾的方案,gitee做存储,PHP页面采用iframe框架引入gitee链接

        Windows 10  Chrome 81 回复
  16. 简直快到飞起,单车变摩托🤪

      Windows 10  Chrome 81 回复
    1. @夏秦

      只快了那么一点点

        Windows 10  Chrome 81 回复
  17. 小宝贝很可爱

      Windows 10  QQ浏览器 10 回复
  18. 相册也尝试了下,第一次加载不出来样式,要刷新下才可以,难道是要加载cdn才可以?

      OSX  Safari 13 回复
    1. @烈性果汁🍹

      不是,记得关掉主题设置里面的【PJAX加速设置】设置才行,有冲突,最新版本的相册那个添加更简单,可以尝试下

        Windows 10  Chrome 81 回复
      1. @zmmio

        关掉pjax底下动态文字就消失了

          OSX  Safari 13 回复
        1. @烈性果汁🍹

          还真有这个问题,暂时无解,等待那边作者更新吧

            Windows 10  Chrome 81 回复
  19. 图片要加载快,我的做法是用jsDelivr做cdn,GitHub做对象存储,速度杠杠的(jsDelivr有大陆机房)。对于图片管理我自己前几天做了一个大佬赏个脸可以去看看www.u-are.ml ,目前还自学PHP完善前后端交互

      Windows 10  Chrome 81 回复
    1. @Escher

      捕捉大佬一枚,github的话对国内访问应该还是有一定的影响吧,我一会儿去看下大佬说的方法

        Windows 10  Chrome 81 回复
      1. escher
        @zmmio

        github做存储,即使她被墙了也不影响使用,只要jsDelivr没事就行

          Android  Chrome 81 回复
  20. 免费的?这么好的事,不过我很少拍照片,应该用不到呢。

      Windows 7  Chrome 81 回复
    1. @逆时针

      照片少基本用不到,我的博客照片多,小水管还是需要外挂支持才行

        Windows 10  Chrome 81 回复
  21. 打开时光相册,满屏的大宝贝小宝贝还有可爱的猫猫,温暖而惬意的美好

      Windows 10  搜狗浏览器 回复
    1. @响石潭

      哈哈,自从有了娃后手机相机里面都是娃的照片了,没娃之前都是老婆的照片

        Windows 10  Chrome 81 回复