css - 鹡鸰新安装: CSS not working

标签 css django wagtail

我尝试了在本地安装 wagtail 的官方安装指南:

每次它似乎在功能上都运行良好,但所有的 CSS 都被破坏了(见下图)

我尝试执行“manage.py collectstatic”,它告诉我已经复制了 2/3 百个文件,我清空了浏览器的缓存,再次加载页面,没有变化。

在控制台中,文件似乎已发送: [2019 年 7 月 14 日 10:16:54]“获取/static/css/welcome_page.css HTTP/1.1”200 3003

我从头开始多次重新开始教程,确保我完全按照描述执行每一步,没有任何改变。当我开始一个新的 django 元素时,在我添加 wagtail 之前,基本的 django css 正在工作。我正在使用 Python 3.6.8、Django 2.2.3 和 Wagtail 2.5.1。我做错了什么?

Wagtail with broken css

回答@Dan Swain 的评论:

Settings.py file :

https://pastebin.com/zZqDesnr Folder structure & wsgi

最佳答案

好吧,我的 django-wagtail 服务器正在提供 css,但 mimetype 不正确。我的浏览器收到了 css,但由于错误的 mimetype,它没有应用它们

我不得不补充:

import mimetypes 
mimetypes.init() 
mimetypes.types_map['.css'] = 'text/css'

到我的设置文件,一切正常

关于css - 鹡鸰新安装: CSS not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57025745/

相关文章:

html - css 分割宽度 100% 到 3 列

python - 用于 facebook 的 Django/Python oauth2

python - 具有变量值的 Django 查询集

python - .htaccess 在 OpenShift 上似乎被忽略了

python - Wagtail/Django ListBlock 行为

django - Wagtail 管理站点和 Django 管理站点之间的区别?

wagtail - 错误模型名称未在 Wagtail CMS 中定义

php - 用户生成的内联 css 是否存在任何安全风险

javascript - 如何保留两张卡片并使用显示更多按钮隐藏一张卡片?

css - :hover:after css tooltip and white-space issue