# blog.hoelee.com 内容体系与转化漏斗升级 — 顾问补充资料包 > **对接目标**:针对外部顾问提出的 **6 大升级方向**(双层阅读架构、3 大系统蓝图、视觉证据链、动态 CTA 矩阵、去模板化生成规范、独立求职与合作页面)及 **搜索引擎收录盲区**,提供现场工程代码、典型文章抽样、两篇代表作完整原文及站点关系诊断。 > **编制时间**:2026 年 10 月 26 日 > **整理人**:Lee Teong Hoe (Mr Hoelee) / Hermes Agent > **站点技术栈**:Astro 5 (Static) + Content Collections + Markdown + Pagefind + Gitea Actions CI/CD + Cloudflare --- ## 目录 1. [全站结构与核心导航/布局源码](#一全站结构与核心导航布局源码) 2. [15 篇代表性文章清单抽样 (Titles & Frontmatter)](#二15-篇代表性文章清单抽样) 3. [代表作完整 Markdown 原文(商业案例篇 + 硬核排障篇)](#三代表作完整-markdown-原文) 4. [主站与博客的关系及 SEO / GSC 真实状态诊断](#四主站与博客的关系及-seo--gsc-真实状态诊断) 5. [期待顾问重点开刀示范的任务清单](#五期待顾问重点开刀示范的任务清单) --- ## 一、全站结构与核心导航/布局源码 ### 1. Astro 项目核心目录拓扑 ```text D:/dev/hoelee-blog/ ├── src/ │ ├── layouts/ │ │ └── BaseLayout.astro # 全站唯一基础布局:SEO/JSON-LD/页头Nav/页脚/Umami统计/暗黑模式 │ ├── pages/ │ │ ├── index.astro # 英文首页(Hero + 置顶精选 4 篇 + 基础设施数据 + 全文列表) │ │ ├── zh/ │ │ │ ├── index.astro # 中文首页(与英文版结构镜像) │ │ │ ├── about.astro # 中文关于页 │ │ │ ├── posts/index.astro # 中文文章归档页(带客户端过滤) │ │ │ ├── categories/ # 中文分类聚合页与各自分类落地页 │ │ │ └── tags/[tag].astro # 中文标签聚合页 │ │ ├── posts/ │ │ │ ├── [...slug].astro # 英文文章详情动态路由(双语自动匹配映射、TOC、相关文章推荐) │ │ │ └── index.astro # 英文文章归档页 │ │ ├── categories/ # 英文分类聚合与 [category].astro │ │ ├── tags/[tag].astro # 英文标签聚合页 │ │ ├── about.astro # 英文关于页 │ │ ├── 404.astro # 404 页面 │ │ ├── robots.txt.ts # 动态生成 robots.txt(纯 ASCII,放行搜索引擎与 AI 爬虫) │ │ ├── rss.xml.ts # RSS 端点 │ │ └── llms.txt.ts # 面向 AI 抓取的标准 llms.txt │ ├── components/ │ │ ├── AuthorCard.astro # 文章底部实名作者卡片(E-E-A-T 骨架,绑定头像与社媒) │ │ ├── TableOfContents.astro # 侧边/正文目录组件 │ │ ├── Search.astro # Pagefind 静态全文搜索弹窗(快捷键 / 触发) │ │ ├── PostList.astro # 文章列表渲染卡片(带缩略图、分类、阅读时长) │ │ ├── Archive.astro # 归档时间轴组件 │ │ ├── CategoryGrid.astro # 7 大分类卡片网格 │ │ └── CategoryArt.astro # 7 大分类专属矢量 SVG 插画 │ ├── content/ │ │ └── posts/ # 91 篇英文 Markdown │ │ └── zh/ # 91 篇同名对应的中文 Markdown │ └── styles/ │ └── global.css # 全站暗色/亮色 Bento 主题变量与排版样式 ``` --- ### 2. 顶部导航栏(Navbar)设计源码(摘自 `src/layouts/BaseLayout.astro`) ```astro ``` --- ### 3. 首页(`src/pages/index.astro`)核心布局结构 ```astro
Lee Teong Hoe

Lee Teong Hoe — full-stack developer & DevOps engineer

I build and operate production web systems — from the code down to the servers. 162 containers across three self-managed hosts run client sites, a mail platform, CI/CD, workflow automation and this blog. I write up what broke, what the evidence said, and how I fixed it.

162
Containers in Prod
3 Hosts
Unraid · Synology · VPS
78
Compose Stacks
91
Bilingual Write-ups
``` --- ### 4. 文章详情页(`src/pages/posts/[...slug].astro`)核心布局结构 ```astro