怎么让Thymeleaf解析html引入的外部css文件
时间: 2024-05-15 11:19:55 浏览: 163
SpringBoot和Thymeleaf搭建的个人博客项目
要让Thymeleaf解析HTML引入的外部CSS文件,请按照以下步骤操作:
1. 在HTML文件的<head>标签中添加link标签,如下所示:
```html
<head>
<link rel="stylesheet" href="../static/css/style.css">
</head>
```
2. 将CSS文件放在项目的静态资源文件夹中,如src/main/resources/static/css/。
3. 在Thymeleaf模板文件中使用标准的HTML语法引入CSS文件,如下所示:
```html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>My Page</title>
<link rel="stylesheet" th:href="@{/css/style.css}">
</head>
<body>
<h1>Welcome to my page</h1>
<!-- 页面内容 -->
</body>
</html>
```
4. 在Thymeleaf配置文件中添加以下配置:
```properties
spring.thymeleaf.mode=HTML
spring.thymeleaf.cache=false
```
这样就可以让Thymeleaf解析HTML引入的外部CSS文件了。
阅读全文