生成个人相册

本文章讲解如何利用cos桶+cosbrowser在服务器上构建自己的个人相册

在这里梳理一下构建相册的基本思路

1. 直接将图片放到服务器上，通过相对路径或网络路径进行索引。这种方式操作起来不难，但是过程比较繁杂，一方面是图片链接需要一个个复制粘贴，另一方面大尺寸图片加载速度很慢。
2. 将图片上传到图床上（可理解为一个自动生成图片链接的容器），这样一键能批量生成各种各样的图片链接，但是它们还是需要设计布局并通过src引用到页面上
3. 图床+js脚本，自动读取存储路径下的图片进行页面部署（相当于有了个模板），这个模板搭配着图床将事半功倍，如果你的图床还有CDN加速，那就能加快页面加载速度。

本博客使用的是第三种方式，效果见这里。创建cos桶(用作图床)以及上传文件一般都没什么问题，要格外注意cos桶的权限，包含policy和跨域访问CORS设置这两部分内容的设置，能够通过网页正常访问https://album-1259511784.cos.ap-chongqing.myqcloud.com格式的域名之后，才能正常读取cos桶的图片系列。读取cos桶图片并布局成为相册的内容见这里

参考链接

1. 给HEXO静态博客添加动态相册功能
2. 利用腾讯云为静态页面添加 “动态” 相册