我明白了,你是想跳出“三级拆分 + 样式提取 + 表单”这个框架,看看在博客(或者任意网站)拆分过程中,还有哪些维度是通常也需要考虑的,而我们之前没提到的,尤其是结合你现在这个 WordPress 博客的实际内容。
我帮你按“通用拆分考量”+“你的博客的特定考量”两部分来梳理。
一、网站拆分时的通用考量(我们之前没细说的)
这些是在很多项目拆分中常被忽略,但对后续可还原性、可维护性、可教学性都很关键的维度:
1. 交互与动态功能
- 不只是“有 JS 就做”,要先做功能清单:
- 导航菜单的展开/收起逻辑
- 图片轮播、自动切换逻辑
- 分页按钮/加载更多的实现
- 返回顶部、平滑滚动
- 还要标明触发条件(点击、悬停、滚动等)和降级方案(无 JS 时是否可用)
2. 媒体与多媒体策略
- 图片:尺寸、压缩、响应式(
srcset / <picture>)
- 视频/音频:加载方式、播放器样式、懒加载
- 图标:SVG 内嵌 vs 图标字体
- 版权与来源标注(尤其是你博客里的学生作品图、课堂活动照片)
3. 链接与路由设计
- 内部链接结构(分类页、标签页、归档页)
- 外部链接(是否新窗口打开、nofollow)
- 锚点链接(首页跳转到某个区块)
- URL 规范化(大小写、连字符)
4. SEO 与元信息
<title> 与 <meta description>