Go 的 http.ServeFile 默认不提供静态文件服务，HTML 中通过相对路径引用的 CSS、JS 或图片无法被浏览器通过 HTTP 正确获取，需显式注册静态文件路由。

go 的 `http.servefile` 默认不提供静态文件服务，html 中通过相对路径引用的 css、js 或图片无法被浏览器通过 http 正确获取，需显式注册静态文件路由。

在使用 Go 的 net/http 搭建简单 Web 服务时，仅用 template.ExecuteTemplate 渲染 HTML 页面是不够的——它只负责响应 HTML 内容，不会自动托管 CSS、JavaScript、图片等静态资源。当您直接双击打开 index.html 时，浏览器以 file:// 协议加载，能根据相对路径（如 <link href="css/style.css">）定位本地文件；但通过 http://localhost:8080/ 访问时，浏览器会向 http://localhost:8080/css/style.css 发起 HTTP 请求，而您的 Go 程序尚未为此路径注册任何处理器，导致 404，CSS 自然失效。

✅ 正确做法：使用 http.FileServer 显式暴露静态资源目录。推荐将所有前端静态文件（CSS、JS、fonts、images 等）统一放在 assets/ 目录下，并添加如下路由：

func main() {
    templates := template.Must(template.ParseFiles("templates/index.html"))

    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        if err := templates.ExecuteTemplate(w, "index.html", nil); err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
        }
    })

    // ✅ 注册静态资源路由：/assets/ → 映射到本地 assets/ 目录
    fs := http.FileServer(http.Dir("assets"))
    http.Handle("/assets/", http.StripPrefix("/assets/", fs))

    log.Println("Listening on :8080...")
    log.Fatal(http.ListenAndServe(":8080", nil))
}

同时，请确保 HTML 中的资源引用路径与路由前缀匹配。例如，若 CSS 文件位于 assets/css/style.css，则 HTML 中应写为：

Colly Golang Web Scraper and Crawler Framework

Colly 是一个用于 Go 语言的快速开源爬取和爬虫框架。它适用于从简单的页面提取到异步爬虫处理大量页面集合，支持请求回调和结构化解析。

下载

<link rel="stylesheet" href="/assets/css/style.css">

⚠️ 注意事项：

立即学习“前端免费学习笔记（深入）”；

• 路径必须以 / 开头（即绝对路径），避免因子路径（如 /user/profile）导致相对路径解析错误；
• http.StripPrefix("/assets/", fs) 的作用是移除请求 URL 中的 /assets/ 前缀，使 fs 能正确在 assets/ 目录下查找对应文件（如 /assets/css/style.css → 查找 assets/css/style.css）；
• 不要将 assets/ 放在 templates/ 下——模板目录仅用于渲染，静态资源应物理隔离；
• 生产环境建议使用更健壮的静态文件服务（如 embed.FS + http.FileServer 配合 Go 1.16+ 嵌入），或交由 Nginx 等反向代理处理。

通过以上配置，HTML 页面与关联的 CSS、JS 将协同工作，实现完整的样式与交互效果。