Laihua Leaf 网站终于上线！

Laihua 2026-08-15

你好，我是Laihua，今天这个网站终于上线了！🍾

1、关于Laihua Leaf

从我学习第一句HTML语法开始，到现在正好一年的时间。我并非计算机相关背景人员，对网络程序的理解也仅限于大学C语言，之所以要做这个个人网站，主要是出于兴趣，但也得益于AI时代的发展。在2026年当下，AI的能力已经强大到几乎可让任何人Vibe Coding，做出像模像样的软件——这是巨大的进步和时代机遇——但我仍然觉得如果不深入学习进去，便无法更进一步。也正因如此，这个网站全靠我纯手工写出来的，AI只协助我梳理学习路径和解决困惑问题。我清晰网站背后每一条语法或代码的作用，这并非为了炫耀，重要的是通过这个过程，我能够更好地理解所做的东西到底是什么，能做什么以及边界在哪里。

这完全是一个静态网站，简单却也满足我的需求，是否能更近一步用上更加复杂的 JavaScript 命令或者使用一些框架提升效率，就看我后续的时间和精力了。如果某天你看到了更高级的效果，那只能说明我又学了一点前端知识。

虽然定位于个人blog网站，但我也不想让其成为朋友圈、小红书式的日常分享容器。我想留下一些对我自己而言长久有价值的东西。在这里，有我对生活的思考、对摄影的理解以及其他一些学习内容，如果这些东西恰巧对你也有所帮助，那真是我的荣幸！文字是真诚的，是思想逻辑的书面表达。我一直坚信只有想明白了才能写得明白，这便是我想要文字呈现这一切的最重要的原因。

网站没有留言功能，如果想要与我联系，请发送邮件到songlaihua@foxmail.com

2、网站界面内容

网站有五个主要界面：首页、归档、摄影、相册、关于。我打算如下布置这些页面：

首页：网站入口，Hero 区域放置一张个人拍摄的照片，接下来为最近更新内容和部分相册。
归档：按照时间日期罗列了所有的更新内容。
摄影：和摄影相关的更新内容。
相册：个人拍摄照片集合，这些照片放置在 Adobe Cloud 上，可能访问较慢。
关于：从这里了解Laihua Leaf网站。

3、网站响应式设计

为了适应在手机、平板上浏览也能达到完美的效果，我也使用media查询做了响应式设计。我在当前主流的浏览器（ Chrome、Firefox、Edge）上都进行了测试，也在浏览器的开发者工具中进行了不同手机、平板设备的预览，效果都可以正常浏览。不得不说当前浏览器已经为开发提供了强大的便利性，即便我没有相关设备，也可以针对不同终端完成较为准确的设计。