今天没事干，我就琢磨着给自己整个网站，专门用来放图片的地方。因为我平时喜欢收集一些好看的图片，壁纸、素材，电脑里都存老多，但是找起来挺麻烦的，就想着干脆搞个在线的图库，方便自己随时查看和使用。
说干就干，我先去网上搜搜有没有现成的方案，别说，还真让我找到几个相关的网站。我看看，像什么“堆糖”，“千图网”，这些网站上的图片是挺多的，质量也还不错，但总感觉跟我想要的差点意思。它们大多数都是面向公众的，功能比较杂，而且很多好看的图片还要收费，这我就不太乐意。
然后我又想起以前看过的一个叫“月宫贴图区”的地方，好像是在一个叫“*”的网站上，不过现在好像打不开。我记得那里面的图片都挺有特色的，有点像那种老式的WAP网站的风格，还挺怀旧的。但是现在找不到，有点可惜。
既然现成的方案都不太满意，那我就自己动手丰衣足食！我大概想一下，我这个图库网站不需要太复杂的功能，主要就是能上传图片、分类管理、然后能在线浏览就行。因为只是给自己用的，所以也不需要考虑什么用户注册、权限控制之类的东西。
技术选型方面，我打算用最简单的前端技术，HTML、CSS、JavaScript 就够。后端的话，因为我也不太擅长搞那些复杂的服务器，就打算用一个免费的云存储服务，比如七牛云或者又拍云之类的，把图片直接上传到云端，然后前端通过链接来访问图片。这样一来，我只需要写点简单的HTML页面，然后通过JavaScript来动态加载图片就行，应该不难实现。
开工！
第一步：搭建基本框架
我先创建一个文件夹，命名为“moon-gallery”，然后在里面新建三个文件：*、* 和 *。* 是网站的主页，* 用来写样式，* 用来写交互逻辑。
- 里面我写一个简单的页面结构，包括一个头部、一个用来展示图片的区域，还有一个上传图片的按钮。
- 我随便写点样式，让页面看起来不那么简陋。
- 这个文件暂时先空着，等后面再写具体的逻辑。
第二步：实现图片上传
这一步稍微有点麻烦，因为涉及到跟云存储服务的交互。我这里以七牛云为例，先去注册一个账号，创建一个存储空间，然后在七牛云的文档里找到 JavaScript SDK 的使用方法。
在 * 里面，我引入七牛云的 SDK，然后配置我的 Access Key 和 Secret Key。我写一个函数，用来处理图片上传的逻辑。这个函数会监听上传按钮的点击事件，当用户选择图片文件后，就调用七牛云的 API 把图片上传到我的存储空间里，并获取到一个图片的访问链接。
第三步：实现图片展示
图片上传成功后，我需要把它们展示在页面上。我在 * 里面创建一个 div 容器，用来存放图片。然后，在 * 里面，我修改刚才的上传函数，在图片上传成功后，创建一个 img 标签，把图片的 src 属性设置为刚才获取到的图片链接，然后把这个 img 标签添加到那个 div 容器里。
这样一来，每次上传一张图片，页面上就会多一张图片的展示。为让图片排列得好看一些，我还用 CSS 写一些样式，把图片设置成一定大小的缩略图，并让它们自动换行排列。
第四步：分类管理（待实现）
现在基本的上传和展示功能已经实现，但是所有图片都堆在一起，还是不太方便管理。我打算再加一个分类管理的功能，让用户可以把图片分门别类地存放。不过这个功能稍微复杂一点，我打算留到后面再慢慢实现。
到这里，我的“月宫贴图区”网站就初步搭建完成。虽然功能还很简单，但是已经基本满足我的需求。以后我就可以把收集到的图片都上传到这个网站上，随时随地都可以浏览和使用，再也不用担心图片太多找不到的问题！哈哈，感觉自己还是挺厉害的！
等我有空，再把分类管理的功能完善一下，然后再优化一下页面的样式，让它看起来更漂亮一些。这回的实践经历还是挺有趣的，也让我学到一些新的东西。以后有机会，我还要继续折腾，做出更多有趣的东西！