FixIt

完成网站搭建后，下一步便是集成 Google Analytics (GA4) 以及优化搜索引擎收录。对于我来说，这不仅仅是技术配置，更是将以前域名的冗余资源清理掉，赋予这个站点一个干净、纯粹的起点。 1. 集成 Google Analytics 统计分析 在 FixIt 主题中，集成统计分析需要配置 Hugo 的内置服务与主题插件。 在 hugo.toml 文件中进行如下配置： # 1. 开启 Hugo 内置的 Google Analytics 服务 [services] [services.googleAnalytics] ID = 'G-XXXXXXXXXX' # 替换为您在 GA4 获取的“衡量 ID” # 2. 配置 FixIt 主题的分析插件 [params] [params.analytics] enable = true type = "google" # 指定类型为 google [params.analytics.google] id = "G-XXXXXXXXXX" async = true # 开启异步加载，避免统计代码影响网页首屏加载速度 站长提示：配置完成后，建议在本地运行 hugo server 并使用 F12 检查网络请求，确认是否有来自 google-analytics.com 的数据上报。 2. 提交 Sitemap 与清理旧资源 为了让 Google 更好地爬取新内容，并彻底告别过去，我们需要通过 Google Search Console 进行以下操作。 ...

在完成第一篇文章的发布后，趁热打铁记录下 FixIt 主题的深度定制备忘，重点解决内容组织架构与导航体验。 1. 内容目录架构：从逻辑到物理组织 为了方便管理 9 年来的技术沉淀，我决定不依赖 Hugo 的扁平化展示，而是通过文件夹在物理层面进行分类，将其划分为 “项目实战” 与 “技术随笔” 两大板块。 项目实战 (Projects) 在 content/projects/ 目录下，采用“一项目一文件夹”的结构。每个文件夹内放置 _index.md 标识该板块为一个 Section。 路径示例：content/projects/mole-client/_index.md 配置内容： +++ title = "Mole 客户端 (frp管理)" layout = "section" draft = false +++ 注意：在父级 projects/ 下也要放置一个 _index.md 作为项目总列表。 技术随笔 (Posts) 日常记录存放于 content/posts/。不需要 _index.md，直接通过文章开头的 Front Matter 进行分类。 示例 Front Matter： categories: ["deploy"] # 将分类设为 deploy，Hugo 会自动将其归档至对应分类页 2. 导航菜单配置：构建多级下拉菜单 在 hugo.toml 中，通过 identifier 和 parent 的配合，我为“技术笔记”板块设计了下拉菜单，使导航更具条理性。 [menu] # 首页入口 [[menu.main]] identifier = "home" name = "首页" url = "/" pre = '<i class="fa-solid fa-home fa-fw"></i>' weight = 1 # --- 技术笔记下拉菜单 --- # 1. 父级入口：点击不跳转，仅用于展开子项 [[menu.main]] identifier = "notes" name = "技术笔记" url = "#" pre = '<i class="fa-solid fa-book fa-fw"></i>' weight = 2 # 2. 子菜单：小程序 [[menu.main]] parent = "notes" identifier = "mp" name = "小程序" url = "/categories/mp/" pre = '<i class="fa-solid fa-mobile-screen-button fa-fw"></i>' weight = 1 # 3. 子菜单：Go 语言 [[menu.main]] parent = "notes" identifier = "go" name = "Go 语言" url = "/categories/go/" pre = '<i class="fa-brands fa-golang fa-fw"></i>' weight = 2 # 4. 子菜单：Rust 语言 [[menu.main]] parent = "notes" identifier = "rust" name = "Rust 语言" url = "/categories/rust/" pre = '<i class="fa-brands fa-rust fa-fw"></i>' weight = 3 # 5. 子菜单：部署运维 [[menu.main]] parent = "notes" identifier = "deploy" name = "部署实战" url = "/categories/deploy/" pre = '<i class="fa-solid fa-cloud-arrow-up fa-fw"></i>' weight = 4 # --- 其他一级菜单 --- [[menu.main]] identifier = "projects" name = "项目实战" url = "/projects/" pre = '<i class="fa-solid fa-layer-group fa-fw"></i>' weight = 10 [[menu.main]] identifier = "about" name = "关于我" url = "/about/" pre = '<i class="fa-solid fa-user-circle fa-fw"></i>' weight = 20 3. 视觉识别：更换站点 Logo 作为“ 豆子技术站”的标志，我选择了 Ostrich 图标。 ...