Revel框架中主题切换需通过模板变量动态加载CSS，核心是控制器白名单校验后传入.Theme值，再在layout.html中用{{if .Theme}}插值href，路径须为/assets/css/且文件置于app/public/css/下。
Revel 框架本身不提供主题切换功能，但可以通过模板变量 + 动态 CSS 路径 + 安全上下文传参，在 HTML 层面低成本实现换肤，核心是控制 <link rel="stylesheet"> 的 href 值。
模板中如何动态加载不同主题的 CSS 文件
在主布局模板（如 app/views/App/layout.html）里，用 Revel 模板语法插值 href：
{{if .Theme}}
<link rel="stylesheet" href="/assets/css/theme-{{.Theme}}.css">
{{else}}
<link rel="stylesheet" href="/assets/css/theme-default.css">
{{end}}
注意：.Theme 必须由控制器显式传入，不能依赖前端 JS 修改后端模板上下文；/assets/ 是 Revel 默认静态资源路径，CSS 文件需放在 app/public/css/ 下。
控制器怎么安全传入 Theme 值
不能直接从 query 或 cookie 读取后原样传给模板——必须做白名单校验，否则可能引发路径遍历或 XSS 风险：
- 定义允许的主题列表：
var validThemes = map[string]bool{"light": true, "dark": true, "blue": true} - 从
c.Params.Get("theme")或c.Session.Get("theme")获取候选值 - 仅当该值存在于白名单中，才写入
c.RenderArgs["Theme"] = themeValue - 避免使用
c.Render(map[string]interface{}{"Theme": ...})，它会覆盖默认的.Title等字段
为什么不能用 revel.Message 或 i18n 机制做主题切换
revel.Message 和 i18n filter 专用于多语言字符串翻译，底层基于 /messages/ 目录下的 key-value 文件，不支持动态生成路径或注入 HTML 属性。试图把 CSS 文件名当翻译 key（如 {{T "theme.dark"}}）会导致：
- 无法在
<link>标签中直接拼接路径（T返回的是字符串，不是可执行表达式） - 消息文件不支持运行时参数化路径（如
theme-{{.Theme}}.css中的.Theme不会被解析） - i18n filter 加载时机晚于模板渲染上下文绑定，无法干预
.Theme的初始值
静态资源路径和热重载的常见坑
开发时改了 app/public/css/theme-dark.css 却没生效，大概率是以下原因：
- Revel 热重载只监听
app/和conf/目录，改public/下文件不会触发重启，必须手动刷新浏览器 - 浏览器缓存了旧 CSS，建议在开发时打开禁用缓存（DevTools → Network → Disable cache）
- 模板中写了
/public/css/...而不是/assets/css/...—— Revel 强制映射public/到/assets/，硬编码/public/会导致 404 - 部署到 Nginx 后，如果没配置
location /assets/代理，也会返回 404
主题切换的复杂点不在模板语法，而在于 Theme 值的来源可信度和生命周期管理——它必须在每次请求中被重新校验，不能靠前端 localStorage 或未签名的 cookie 传递。
