我无法使用 django 链接 html 文件中的 CSS 文件

Question

我无法链接 HTML 文件中的 CSS 文件，我在另一个示例 html css 中单独尝试，没有 django 它可以工作，但在 django 中我遇到了问题。

'''
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First site</title>
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
   <h1>WeLcome</h1>
   <hr>

   {% if latest_post_list %}
      <ul>
            {% for post in latest_post_list %}
                <h3 ><a href="/web//{{ post.id }}">{{ post.title }}</a></h3>
                <p>{{ post.body }}</p>
            {% endfor %}
        </ul>
    {% else %}
        <p>no post are availabel</p>
    {% endif %}
    
</body>
</html>

'''

'''
 @import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
body{
    text-decoration: none;
    font-family: 'Raleway', ;
    max-width: 300;
    margin: auto;
    padding: 20px;
}
'''

在此处输入图片说明

Answer 1

首先你想在settings.py中添加css作为静态文件目录，在BASE_DIR STATIC_DIR = os.path.join(BASE_DIR,'static') 。 在此之前，在 manage.py 的同一层次结构中为静态创建一个文件夹....

以上是告诉django在这些目录文件夹中搜索我的style.css

然后将其添加到您的 html 文件中。在 html 文件的顶部添加加载静态文件

{% load staticfiles %}

<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">

Answer 2

首先在您的应用程序中添加一个名为 static 的新目录。 在静态文件夹中添加一个新文件夹 css。 在 css 文件夹中添加新文件 style.css 并填充您的 css。 现在在你的 base.html 中添加如下一行 -->

<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">

在我的 css 文件中，我有一个简单的属性

h1 {
color:red;}

这是结果的截图亲爱的！ 点击查看图片

我无法使用 django 链接 html 文件中的 CSS 文件

问题描述

2 个解决方案

解决方案1
0 已采纳 2020-02-25 16:54:29

解决方案2
0 2020-02-26 11:42:33

我无法使用 django 链接 html 文件中的 CSS 文件

问题描述

2 个解决方案

解决方案1 0 已采纳 2020-02-25 16:54:29

解决方案2 0 2020-02-26 11:42:33

解决方案1
0 已采纳 2020-02-25 16:54:29

解决方案2
0 2020-02-26 11:42:33