今天心血来潮，想搞个综合图区，把平时拍的照片、画的图啥的都整理整理，放到一块儿。
我先是把电脑里各个文件夹都翻个遍。这照片可真不少，东一张西一张的，时间跨度还挺大。有前几年出去旅游拍的风景照，也有最近给家里小猫咪拍的萌照，还有些平时随手涂鸦的小画。
我先把这些照片和图片都归拢到一个文件夹里，按年份和大致内容分几个小文件夹。这下看着就清爽多。
我想着得弄个展示的“地方”。一开始想着用那种在线相册，但又觉得差点意思，不够个性化。后来我决定自己动手，简单搭个展示页面。
折腾过程
- 第一步，创建基本结构。我新建个文件夹，在里面创建一个HTML文件，还有CSS和JS文件夹。
- 第二步，编写HTML代码。用一些简单的标签，比如
<div>、<img>、<p>啥的，把页面的基本框架搭起来。图片就先放个占位符，后面再慢慢替换。 - 第三步，美化页面。用CSS给页面加点样式。我不太喜欢太花哨的，就选简单的背景色，调整下字体大小和颜色，让图片和文字看起来更舒服些。
- 第四步，加入交互动效。写几行js调整效果。
- 第四步，填充内容。最关键的一步来！我把之前整理好的照片和图片，一张张替换到HTML文件里。每张图下面，我还加一小段文字，写拍摄时间、地点，还有当时的心情啥的。
全部搞定！看着自己亲手做的综合图区，满满的成就感！以后有新的照片和图片，我也会及时更新进去，让这个小天地越来越丰富。