在百里香模板中插入CSS

Question

我需要在电子邮件模板（百里香）中插入样式。 我需要为几个模板制作一个通用的CSS文件。

使用Spring Boot 1.3.3

我尝试遵循以下帖子中的内容： Thymeleaf + CSS + SpringBoot

电子邮件文件：资源>邮件>“ email.html” css文件：资源>静态> css>“ styles.css”

我对邮件使用WebContext（我曾经使用Context，但是Context不接受相对路径，因此需要WebContext）。

在我的CSS中：

h1 {
color: #78ab46;
}

在我的模板中：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title > Hello </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all"
          href="../static/css/styles.css" th:href="@{/css/styles.css}" />
</head>
<body>
    <h1> Hello </h1>
</body>

结果是发送了邮件，但没有考虑css样式。 我也没有看到任何错误消息。

请问你能帮帮我吗？

谢谢，

Manuela

Answer 1

过去，我使用片段来处理此类事情。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<div th:replace="fragments/email-header :: head"></div>
    <title > Hello </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <h1> Hello </h1>
</body>

然后在fragments文件夹中，我有一个文件email-header.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <style>
        h1 {
            color: #78ab46;
        }
    </style>
</html>

在我将其复制出来的项目中，我将该片段用于整个标题。 我不明白为什么它对于标题的“片段”不起作用。

在百里香模板中插入CSS

问题描述

1 个解决方案

解决方案1
0 2019-08-13 13:56:05

在百里香模板中插入CSS

问题描述

1 个解决方案

解决方案1 0 2019-08-13 13:56:05

解决方案1
0 2019-08-13 13:56:05