在 wagtail（基于 Django 的 CMS）中使用 css 个文件

Question

我坚持非常简单的事情。但我无法发现我做错了什么 - 我只想为我的模板写一些 CSS 。这是我的 "gallery" 应用程序树（两个 css 文件都包含 body{background-color: #000;} 以测试它是否有效）：

gallery
 -blah blah
 -static
   -css
     -wagtail_gallery.css
     -wagtail_gallery0.css
 -blah blah

模板：

 {% extends "base.html" %}

{% load static wagtailcore_tags wagtailimages_tags %}
<link href="{% static 'css/wagtail_galery.css' %}" rel="stylesheet">

{% block body_class %}template-blogindexpage{% endblock %}

{% block content %}
    <h1>{{ page.title }}</h1>

    <div class="intro">{{ page.intro|richtext }}</div>

    {% for subpage in gallery_subpages %}
      {% with subpage=subpage.specific %}
          <a href="{% pageurl subpage %}">
            {% with subpage.main_image as main_image %}

                <!-- This line creates image that links to subpage -->
                {% if main_image %}{% image main_image original %}{% endif %}

            {% endwith %}
          </a>
      {% endwith %}
    {% endfor %}

{% endblock %}

当我打开源代码时，为了查看发生了什么，我在头部部分看到了这个 link：<link rel="stylesheet" type="text/css" href="/static/css/wagtail_gallery.css">。当我打开它时它是空白的（独立于 wagtail_gallery.css 的存在）。

当我在浏览器中转到 http://localhost:8000/static/css/wagtail_galery0.css 时，它会显示例外内容。

现在，我的问题是 - 如何在模板中使用 wagtail_gallery.css，以及如何将自定义 css（如 wagtail_gallery0.css）文件导入 wagtail 模板？

抱歉，如果我在本期中遗漏了一些明显的内容，但我是 wagtail CMS 的新手。另外，抱歉，如果我在 "gallery" 某处遗漏了一些 "l"。

Answer 1

由于 Wagtail 只是 Django，因此它使用 Django static files。很难说清楚到底发生了什么，但我怀疑您的 "static" 目录可能级别太高了。应该是这样的...

ProjectFolder    
  -YourAppFolder
    -static
      -wagtail_gallery.css

尝试将静态文件夹移动到 "blah blah" 文件夹中？还要确保您从上面的链接文档中正确导入，并且该应用程序实际上是在您的基本设置中导入的。

最后，在您的模板中，您需要链接到正确的文件。像这样：

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

在 wagtail（基于 Django 的 CMS）中使用 css 个文件

Using css files in wagtail (django based CMS)

django

wagtail