Axton
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%的流量,总算安心了。

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

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

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

赞赏

发表评论

textsms
account_circle
email

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

    博主你好,请问这个摄影展示页是可以在后台直接更新图片的? :grin: ,能说一下吗

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

      @maxiaoding: 这只是个模板,如果需要后台你可能要自己写一个…

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

    这就有点巧了,我用的树洞外链画廊也是这样的 https://share.lenget.com/views/pages.php?id=gallery

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

      @Lengsir: 嗯…因为都是同一个模板…HTML5UP 了解一下

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

    这么秀的展示页嘛

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

    我也是摄影爱好者。来看了下,风景拍的不错。微距静物拍的噪点有点高。是用微距镜头还是微距接杯?

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

      @林浩楠: 没有微距…只有大变焦玩玩。曾经借同学的微距拍过一些,不过照片没放上来。

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

    很酷~

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

    博客不错,有空交流一下

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

    顶一下

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

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

    Good

    1年前回复
  • 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 上加载。

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

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

      1年前回复

无垠

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