当前位置:首页 > 文章列表 > Golang > Go问答 > Go 项目里的 embed.FS 怎么做成可离线运行的 Markdown 预览器?

Go 项目里的 embed.FS 怎么做成可离线运行的 Markdown 预览器?

来源:17golang原创 2026-07-22 16:33:55 0浏览 收藏

很多内部文档工具最后都会卡在“开发机能看,换台机器就缺文件”:Markdown 散在项目文件夹里,CSS 和插图又对应了好几个零散的相对路径。Go 的 embed.FS 可以把这些资源全部编进二进制,再用 net/http 起一个本地预览服务,交付时只带一个可执行文件就够了。

最小可行做法是:用 //go:embed 收集 site/ 下的页面资源,通过 fs.Sub 去掉目录前缀,再交给 http.FileServer;构建后放到临时目录启动并用 curl 验收,才能确认它真的离线可用。

要点速览

  • embed.FS 只负责把构建时存在的文件带进程序,不会替你转换 Markdown。
  • fs.Sub(embedded, "site") 能让 URL 根路径直接对应嵌入目录,避免多一层 /site
  • 静态服务要同时检查首页、CSS 和不存在路径,不能只看进程是否监听端口。
  • 单二进制交付的边界是“预览已生成的 HTML”,编辑和 Markdown 渲染仍可继续扩展。

先把项目边界定成一个能验收的小工具

这个示例不做完整的 Markdown 编辑器,只解决一个很实用的交付问题:仓库里的 site/index.htmlsite/style.css 和插图被编译进 mdpreview,运行后在 127.0.0.1:8080 打开预览页。

目录保持简单,后面排查路径时不容易迷路:

mdpreview/
├── main.go
└── site/
    ├── index.html
    └── style.css

这里的验收标准也先写清楚:没有外部网络时首页能返回 200,页面引用的 CSS 也能返回 200,访问随机路径返回 404,而不是把错误页面误当成首页。

用 embed.FS 把 Markdown 预览页编进二进制

先把已经生成好的 Markdown 转成的 HTML 放进 site/index.htmlembed 的路径相对于当前 Go 源文件,匹配范围不能越过所在目录,因此把资源放在同级 site/ 最省事。

package main

import (
    "embed"
    "io/fs"
    "log"
    "net/http"
)

//go:embed site/*
var embedded embed.FS

func main() {
    siteFS, err := fs.Sub(embedded, "site")
    if err != nil {
        log.Fatal(err)
    }

    handler := http.FileServer(http.FS(siteFS))
    log.Println("markdown preview: http://127.0.0.1:8080")
    if err := http.ListenAndServe("127.0.0.1:8080", handler); err != nil {
        log.Fatal(err)
    }
}

fs.Sub 是这里最容易漏掉的一步。没有它,文件服务器看到的是 site/index.html;有了它,浏览器请求 / 时才会在嵌入文件系统的根目录找到 index.html。这不是把文件复制到磁盘,而是在程序启动时读取二进制里的只读文件树。

embed.FS 将 site/index.html 和 style.css 编入 mdpreview 二进制,再由本地预览服务读取

site/index.html 只保留可验证的静态引用



  离线 Markdown 预览

LOCAL PREVIEW

今天的发布说明

页面、样式和图片都来自同一个 Go 二进制。

路径统一写成以 / 开头的站点根路径。这样页面从 / 打开,或者以后挂到子路由下,都不会因为当前 URL 层级变化而丢掉样式。

把嵌入文件安全地交给 HTTP

http.FileServer 已经处理了目录索引、文件读取和不存在路径的兜底逻辑。小工具不需要先把资源解压到临时目录,也不要自己拼接用户输入去访问本地磁盘。

如果只想允许预览首页和 CSS,可以再包一层轻量路由,把公开范围锁在两个资源上:

func onlyPreview(next http.Handler) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        switch r.URL.Path {
        case "/", "/index.html", "/style.css":
            next.ServeHTTP(w, r)
        default:
            http.NotFound(w, r)
        }
    })
}

再把启动处改成 http.ListenAndServe("127.0.0.1:8080", onlyPreview(handler)) 即可。绑定回环地址是本地预览的一个小但重要的边界:它不会主动把文档服务暴露到局域网。要给同事访问时,再明确改成监听指定网卡,并补上鉴权。

本地 HTTP 预览服务按首页、样式和未知路径返回对应状态

构建后从临时目录验证真正的单文件交付

不要在项目目录里直接运行来证明离线交付成功,那样即使嵌入失败,当前目录里的 site/ 也可能让问题看起来正常。用构建产物加临时目录做一次检查:

go build -o mdpreview .
tmpdir=$(mktemp -d)
cp mdpreview "$tmpdir/"
cd "$tmpdir"
./mdpreview > preview.log 2>&1 &
server_pid=$!
trap 'kill "$server_pid"' EXIT

curl -fsS -o index.html -w '%{http_code}\n' http://127.0.0.1:8080/
curl -fsS -o style.css -w '%{http_code}\n' http://127.0.0.1:8080/style.css
curl -sS -o missing.txt -w '%{http_code}\n' http://127.0.0.1:8080/missing.css

预期输出是 200200404。若首页是 404,优先检查 fs.Sub 的目录名和 //go:embed site/* 的相对位置;若首页成功但样式丢失,检查 HTML 的引用路径和资源是否真的放在 site/ 下。

几个容易把离线预览做坏的细节

  • 把动态文件写回 embed.FS:embed.FS 是只读的。预览内容需要实时编辑时,应把渲染结果放在内存或另一个可写目录。
  • 嵌入隐藏文件却没检查构建上下文:通配符只匹配构建时可见的文件,先用 go list 或构建日志确认资源确实被打包。
  • 直接监听所有网卡:本地文档不应默认暴露给同一网络的其他设备。
  • 只用浏览器手工确认:至少把 200、200、404 三个请求写成脚本,后续改目录结构时才有回归保护。

相关问题

embed.FS 能直接渲染 Markdown 吗?

不能。它只负责嵌入和读取文件。可以在构建阶段把 Markdown 转成 HTML,也可以运行时用 Markdown 解析库把嵌入的 .md 读出来再渲染。

为什么要用 fs.Sub,而不是把 URL 写成 /site/?

两种方式都能工作,但 fs.Sub 可以把资源目录映射为站点根,更符合浏览器中的根路径引用,也能避免把项目内部目录名暴露给 URL。

单二进制适合做生产文档站吗?

适合小型内部文档、发布说明和离线演示;如果需要多人编辑、全文检索、权限和频繁更新,仍应使用专门的文档服务或外部存储。

验收结果应该落在三个状态上

这个小工具的价值不在代码量,而在交付边界清楚:构建时把 site/ 固定进二进制,服务端只暴露本地预览资源,验收脚本同时覆盖成功和失败路径。以后要接 Markdown 热更新、目录导航或搜索,也可以沿着“资源来源—渲染方式—HTTP 暴露范围”这三条线逐步扩展,而不用先推翻单文件启动方式。

版本声明
本文转载于:17golang原创 如有侵犯,请联系study_golang@163.com删除
Go 1.21 内置 clear 怎么清空 map:旧写法、并发边界与复用建议Go 1.21 内置 clear 怎么清空 map:旧写法、并发边界与复用建议
上一篇
Go 1.21 内置 clear 怎么清空 map:旧写法、并发边界与复用建议
Go 多模态接口怎么做图片预检:MIME、字节上限与降级响应
下一篇
Go 多模态接口怎么做图片预检:MIME、字节上限与降级响应
查看更多
最新文章
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
查看更多
AI推荐
  • SuperCLUE中文大模型评测基准:功能、能力维度与应用指南
    SuperCLUE
    SuperCLUE是权威的中文大语言模型综合评测基准,涵盖语言理解、知识应用、AI Agent智能体及安全性等12项核心能力。通过多轮对话与客观测试,定期发布榜单与技术报告,为模型研发、优化及行业选型提供科学依据。
    167次使用
  • C-Eval中文评测基准:大语言模型多学科能力评估指南
    C-Eval
    深入了解C-Eval中文评估套件,涵盖52个学科与4级难度。本文详解其功能特点、Zero-shot/Few-shot使用方法及代码示例,助您全面评测LLM中文理解与泛化能力。
    93次使用
  • AI Prompt Library:免费AI提示词库,助力ChatGPT高效创作与营销
    AI Prompt Library
    探索AI Prompt Library免费资源库,涵盖营销、写作及多场景AI提示词。兼容ChatGPT、Claude等工具,一键复制优化输出,提升工作效率。
    15次使用
  • LangGPT提示词框架:结构化Prompt设计方法与开源工具指南
    LangGPT
    LangGPT是一种受编程语言启发的结构化提示词设计工具,提供双层框架、模块化模板及变量功能,帮助用户高效编写高质量Prompt。该项目已在GitHub免费开源,适用于内容创作、编程辅助等多场景。
    28次使用
  • ClickPrompt:AI提示词生成与优化工具,支持Stable Diffusion、ChatGPT及代码辅助
    ClickPrompt
    ClickPrompt是一款专为AI提示词编写者设计的开源在线工具,支持Stable Diffusion绘图、ChatGPT对话及GitHub Copilot代码辅助。提供Prompt自动生成、一键运行、社区分享及可视化优化功能,帮助用户高效获取精准AI输出。
    57次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码