Axton Yao
Always Dream. Always Explore.
无垠
做了一个个人摄影展示页

不废话,先扔链接(丢:photo.axton.cc

做这个页面的起因很神奇。我曾经用过腾讯云的CDN但是已经弃用很久了,所有配置也清空了,但前几天腾讯云莫名其妙给我产生了7.5KB的CDN流量,然后邮件短信各种告诉我已经激活了50GB/月共6个月的新手包。2333我想着不用白不用,就翻出了之前摄影展示页的万年老坑,把它填完扔到服务器上去了,图片扔在腾讯云。

这也算是我的新域名axton.cc的正式启用吧…但是挂在axton.cc下的个人介绍页现在是个坑,等我抽空填了吧。

折腾半天,主要问题是舍不得压缩图片,然后流量各种爆。于是在狠下心把图片压缩到1M左右(???)(别害怕缩略图没这么大啦)之外,我还开启了WebP支持。WebP是Google搞出来的一种图片文件格式,不了解的可以自行了解,反正牛逼哄哄的,重点是可以减小图片体积。问题是FF和IE/Edge等浏览器不支持。

腾讯云和七牛一样的坑就是不能自动判断并输出WebP格式图片,要手动判断然后在URL后面加查询。本来想搞静态页面,Nginx判断是否支持WebP(请求的Header里有注明),再搞替换。结果Nginx的配置文件各种坑,Sub替换还不能放在if里面…因为要判断必须用if最后只能在if里面搞rewrite。搞完以后看着一堆302极其不爽,最后还是放弃静态搞了PHP。

腾讯云还不支持.top域名,气死,还好手头有空闲同时备案过的域名。

呼。

听说又拍云有自动判断,改天换一下试试,就是又拍实名有点麻烦2333

最后实测WebP减少了大约50%-70%的流量,总算安心了。

发现有点奇怪的事就是很多喜欢搞技术的人也喜欢摄影,虽然水平各有不同(摊手

说不定哪位大佬还可以研究一下,写篇论文出来(逃

(震惊!你怎么知道这篇文章是用来水一水的!)

赞赏
本文采用 CC BY-NC-SA 3.0 Unported 协议进行许可,转载等行为请注意版权问题

发表评论

textsms
account_circle
email

  • https://secure.gravatar.com/avatar/abd07e219c6048c8b2e5b632c0b091a4?s=80&d=mm&r=r

    很酷~

    4天前回复
  • https://secure.gravatar.com/avatar/795bd5d0012f4965a6b1cc4abf6fd5b4?s=80&d=mm&r=r

    博客不错,有空交流一下

    1月前回复
  • https://secure.gravatar.com/avatar/795bd5d0012f4965a6b1cc4abf6fd5b4?s=80&d=mm&r=r

    顶一下

    1月前回复
  • https://secure.gravatar.com/avatar/a4634a674110a3909d2ef96353775143?s=80&d=mm&r=r
    Enson

    2月前回复
  • https://secure.gravatar.com/avatar/1d4be85c843e9c53357a8657f98dee1e?s=80&d=mm&r=r
    LK1971

    Good

    4月前回复
  • https://secure.gravatar.com/avatar/b74d056104f19469c810331e74e45051?s=80&d=mm&r=r

    嘿,你用的模板和 hexo-theme-material 的图库模板很像诶(demo: https://blog.nfz.moe/gallery.html ),是不是扒了同一个模板(大雾)
    话说回来,对于 WebP 自适应,腾讯云 CDN 应该有在线图片格式转换的处理(在 URI 后面加上 query 间隔标识符),然后用 js 判断兼容性,如果浏览器支持 WebP 就将图片 URI 换成 WebP 格式的 URI 上加载。

    7月前回复
    • https://secure.gravatar.com/avatar/40576c4b7e844c7b7f5b3bc50c14b42e?s=80&d=mm&r=r
      Axton博主

      @neoFelhz: 对的确是一个模板,应该是来自HTML5UP的”Multiverse”。
      准备拥抱又拍云(‘▿ ‘)

      7月前回复

无垠

做了一个个人摄影展示页
不废话,先扔链接(丢:photo.axton.cc 做这个页面的起因很神奇。我曾经用过腾讯云的CDN但是已经弃用很久了,所有配置也清空了,但前几天腾讯云莫名其妙给我产生了7.5KB的CDN流量,然…
扫描二维码继续阅读
2017-07-25