一、HTML：先搭好「书架」和「房间」
HTML 更像是给浏览器画出一个结构草图：哪里是导航栏、哪里是文章列表、哪里是页脚。 在这个网站里，我主要用了以下几类标签：
<header>：放导航和标题；<main>：承载主要内容；<section>：划分不同功能块；<article>：每一篇独立的文章或卡片；<footer>：放版权信息和链接。
二、CSS：再给房间添上灯光与颜色
这一版的样式，我尝试营造一种「安静书房」的氛围：米色背景、深棕色文字、适度的阴影和过渡动画。
同时把常用颜色、字体、间距抽成了
:root 里的 CSS 变量，方便以后统一调整。
三、JavaScript：只加必要、轻量的交互
目前这个站点只用到了少量原生 JavaScript：导航栏滚动效果、文章阅读进度条、返回顶部按钮、首页的筛选标签等等。 尽量避免引入大型框架，让页面保持轻盈。
📌
这篇网站的一个小目标
希望它保持在「纯静态」的形态下，也足够美观、好用，并且容易部署到任何静态托管平台。