HeadTop 组件 - 位置: <head> 标签内的最顶部 | 用途: 放置最优先加载的元数据、预连接、DNS预取等 | 上方: 无（第一个组件） | 下方: GlobalStyles
GlobalStyles 组件 - 位置: <head> 标签内，HeadTop 之后 | 用途: 定义全局CSS样式、引入外部样式表 | 上方: HeadTop | 下方: HeadBottom 或 </head>
HeadBottom 组件 - 位置: <head> 标签内，HeadTop 之后 | 用途: 放置页面头部的底部内容，如版权信息、联系信息等 | 上方: HeadTop | 下方: </head>
BodyTop 组件 - 位置: <body> 标签内的最顶部 | 用途: 放置页面最顶部的内容，如顶部通知栏、公告条 | 上方: 无（body 中的第一个组件） | 下方: TopHeader
TopHeader 组件 - 位置: <body> 标签内，BodyTop 之后 | 用途: 放置网站顶部区域，如Logo区域、顶部联系信息等 | 上方: BodyTop | 下方: Navigation
博客 (Blog)
页面类型: Index (模块首页 - 文章列表)
URL: /blog/index.html
分类: Blog 模块
说明: 博客模块的索引页面，展示文章列表。通常会循环显示该分类下的所有文章。
布局顺序: BodyTop → TopHeader → Navigation → 【当前页面内容 - 文章列表】 → Footer → BodyBottom
提示: 这是一个 Index 类型的页面，可以使用模板语法 (如 Scriban) 循环显示文章列表。单个文章详情页使用 blog-detail 模板。
Footer 组件 - 位置: 页面主要内容区域之后 | 用途: 网站页脚，包含版权信息、链接等 | 上方: 页面主要内容区域（由各个页面的 TemplateContent 定义） | 下方: BodyBottom
GlobalScripts 组件 - 位置: </body> 标签之前的最底部 | 用途: 放置全局JavaScript脚本、第三方库等 | 上方: BodyBottom | 下方: 无（body 中的最后一个组件）
BodyBottom 组件 - 位置: <body> 标签内的最底部，Footer 之后 | 用途: 放置页面最底部的内容，如返回顶部按钮、在线客服等 | 上方: Footer | 下方: GlobalScripts