Revel框架中CSS和JS必须置于public/目录并通过绝对路径引用，如/css/app.css；SCSS需用Grunt监听编译至public/css，确保浏览器可加载。
在Revel框架中为页面引入CSS和JavaScript文件，必须绕过框架默认的静态资源处理限制，将样式与脚本文件明确放置到public/目录下，并通过相对路径在模板中引用，否则浏览器无法加载。
确认静态资源存放位置
Revel只从public/目录提供静态文件服务，所有CSS、JS、图片等必须放在此目录或其子目录中。例如：public/css/app.css、public/js/main.js。若放在app/、conf/或views/下，请求会直接404。
【public目录是唯一有效的静态资源根路径】
在HTML模板中引入本地CSS和JS
打开对应视图文件（如app/views/App/Index.html），在<head>内添加CSS链接，在<body>底部添加JS脚本：
立即学习“Java免费学习笔记（深入）”；
<link rel="stylesheet" href="/css/app.css">
<script src="/js/main.js"></script>
注意：路径以/开头，表示相对于public/根目录，不是相对于当前模板文件位置。
引入外部CDN资源（无需本地存放）
方法一：直接在模板中写CDN链接
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
方法二：在app/views/layout.html统一注入（推荐用于全局样式/脚本）
把CDN链接放在<head>或<body>末尾，所有继承该layout的页面自动生效。
使用Grunt自动化构建SCSS并输出到public/css
第一步：确保项目根目录下有styles/scss/存放源SCSS文件（如styles/scss/main.scss）
第二步：安装依赖：npm install -g grunt-cli grunt sass node-sass
第三步：在项目根目录创建Gruntfile.js，配置sass编译目标为public/css/app.css
第四步：运行grunt watch，修改任意.scss文件后自动编译并覆盖public/css/app.css
这一步跳过手动编译，避免忘记更新上线文件；若未运行watch任务，public/css/app.css不会自动刷新。
