Python 我的django博客不是';t检测我添加的HTML/CSS文件
编辑1: 我正在用django建立一个博客,最近我在一个模板文件夹中添加了一些html/css文件,但没有加载 这些是我的html代码 base.html:Python 我的django博客不是';t检测我添加的HTML/CSS文件,python,html,django,templates,Python,Html,Django,Templates,编辑1: 我正在用django建立一个博客,最近我在一个模板文件夹中添加了一些html/css文件,但没有加载 这些是我的html代码 base.html: {% load static %} <!DOCTYPE html> <html> <head> <title>{% block title %}{% endblock %}</title> <link href="{% static "css/bl
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %}</title>
<link href="{% static "css/blog.css" %}" rel="stylesheet">
</head>
<body>
<div id="content">
{% block content %}
{% endblock %}
</div>
<div id="sidebar">
<h2>My blog</h2>
<p>This is my blog.</p>
</div>
</body>
</html>
url.py
> from django.urls import path from . import views
>
> app_name = 'blog'
>
> urlpatterns = [ # post views path('', views.post_list,
> name='post_list'),
> path('<int:year>/<int:month>/<int:day>/<slug:post>/',
> views.post_detail, name='post_detail'), ]
编辑2:
这是我的css代码
blog.css
body {
margin:0;
padding:0;
font-family:helvetica, sans-serif;
}
a {
color:#00abff;
text-decoration:none;
}
h1 {
font-weight:normal;
border-bottom:1px solid #bbb;
padding:0 0 10px 0;
}
h2 {
font-weight:normal;
margin:30px 0 0;
}
#content {
float:left;
width:60%;
padding:0 0 0 30px;
}
#sidebar {
float:right;
width:30%;
padding:10px;
background:#efefef;
height:100%;
}
p.date {
color:#ccc;
font-family: georgia, serif;
font-size: 12px;
font-style: italic;
}
/* pagination */
.pagination {
margin:40px 0;
font-weight:bold;
}
/* forms */
label {
float:left;
clear:both;
color:#333;
margin-bottom:4px;
}
input, textarea {
clear:both;
float:left;
margin:0 0 10px;
background:#ededed;
border:0;
padding:6px 10px;
font-size:12px;
}
input[type=submit] {
font-weight:bold;
background:#00abff;
color:#fff;
padding:10px 20px;
font-size:14px;
text-transform:uppercase;
}
.errorlist {
color:#cc0033;
float:left;
clear:both;
padding-left:10px;
}
/* comments */
.comment {
padding:10px;
}
.comment:nth-child(even) {
background:#efefef;
}
.comment .info {
font-weight:bold;
font-size:12px;
color:#666;
}
编辑3
我认为有必要共享我的模板文件夹结构,可能是错误的
模板/---------base.html
---------博客/
--------------css/
--------------blog.css
--------------post/
--------------------list.html
设置.py 静态URL='/STATIC/' ROOT_URLCONF='mysite.url' 编辑4 文件夹结构为@now: 静态/
------css/
----------blog.css
模板/
---------base.html
---------博客/
--------------css/
--------------blog.css
--------------post/
--------------------list.html
编辑5 文件夹结构已更新: 静态/
------css/
----------blog.css
模板/
---------base.html
---------博客/
--------------post/
--------------------list.html
错误消息不是特别的。。。这就是我得到的:
[24/Jan/2019 10:58:11] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 10:58:13] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 10:58:13] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:06] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 10:59:15] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 10:59:15] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:52] "GET /admin/blog/post/2/change/ HTTP/1.1" 200 7654
[24/Jan/2019 10:59:52] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:55] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 11:00:08] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 11:00:22] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 11:00:22] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
页面来源:
<!DOCTYPE html>
<html lang="en-us" >
<head>
<title>Select post to change | Django site admin</title>
<link rel="stylesheet" type="text/css" href="/static/admin/css/base.css">
<link rel="stylesheet" type="text/css" href="/static/admin/css/changelists.css">
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/vendor/jquery/jquery.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"></script>
<script type="text/javascript" src="/static/admin/js/actions.js"></script>
<script type="text/javascript" src="/static/admin/js/urlify.js"></script>
<script type="text/javascript" src="/static/admin/js/prepopulate.js"></script>
<script type="text/javascript" src="/static/admin/js/vendor/xregexp/xregexp.js"></script>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="/static/admin/css/responsive.css">
<meta name="robots" content="NONE,NOARCHIVE">
</head>
<body class=" app-blog model-post change-list"
data-admin-utc-offset="0">
<!-- Container -->
<div id="container">
<!-- Header -->
<div id="header">
<div id="branding">
<h1 id="site-name"><a href="/admin/">Django administration</a></h1>
</div>
<div id="user-tools">
Welcome,
<strong>chineduokolie</strong>.
<a href="/">View site</a> /
<a href="/admin/password_change/">Change password</a> /
<a href="/admin/logout/">Log out</a>
</div>
</div>
<!-- END Header -->
<div class="breadcrumbs">
<a href="/admin/">Home</a>
› <a href="/admin/blog/">Blog</a>
› Posts
</div>
<!-- Content -->
<div id="content" class="flex">
<h1>Select post to change</h1>
<div id="content-main">
<ul class="object-tools">
<li>
<a href="/admin/blog/post/add/" class="addlink">
Add post
</a>
</li>
</ul>
<div class="module filtered" id="changelist">
<div id="toolbar"><form id="changelist-search" method="get">
<div><!-- DIV needed for valid HTML -->
<label for="searchbar"><img src="/static/admin/img/search.svg" alt="Search"></label>
<input type="text" size="40" name="q" value="" id="searchbar" autofocus>
<input type="submit" value="Search">
</div>
</form></div>
<div class="xfull">
<ul class="toplinks">
<li class="date-back"><a href="?publish__year=2019">‹ 2019</a></li>
<li> <a href="?publish__day=17&publish__month=1&publish__year=2019">January 17</a></li>
<li> <a href="?publish__day=22&publish__month=1&publish__year=2019">January 22</a></li>
</ul><br class="clear">
</div>
<div id="changelist-filter">
<h2>Filter</h2>
<h3> By status </h3>
<ul>
<li class="selected">
<a href="?" title="All">All</a></li>
<li>
<a href="?status__exact=draft" title="Draft">Draft</a></li>
<li>
<a href="?status__exact=published" title="Published">Published</a></li>
</ul>
<h3> By created </h3>
<ul>
<li class="selected">
<a href="?" title="Any date">Any date</a></li>
<li>
<a href="?created__gte=2019-01-24+00%3A00%3A00%2B00%3A00&created__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Today">Today</a></li>
<li>
<a href="?created__gte=2019-01-17+00%3A00%3A00%2B00%3A00&created__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Past 7 days">Past 7 days</a></li>
<li>
<a href="?created__gte=2019-01-01+00%3A00%3A00%2B00%3A00&created__lt=2019-02-01+00%3A00%3A00%2B00%3A00" title="This month">This month</a></li>
<li>
<a href="?created__gte=2019-01-01+00%3A00%3A00%2B00%3A00&created__lt=2020-01-01+00%3A00%3A00%2B00%3A00" title="This year">This year</a></li>
</ul>
<h3> By publish </h3>
<ul>
<li class="selected">
<a href="?" title="Any date">Any date</a></li>
<li>
<a href="?publish__gte=2019-01-24+00%3A00%3A00%2B00%3A00&publish__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Today">Today</a></li>
<li>
<a href="?publish__gte=2019-01-17+00%3A00%3A00%2B00%3A00&publish__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Past 7 days">Past 7 days</a></li>
<li>
<a href="?publish__gte=2019-01-01+00%3A00%3A00%2B00%3A00&publish__lt=2019-02-01+00%3A00%3A00%2B00%3A00" title="This month">This month</a></li>
<li>
<a href="?publish__gte=2019-01-01+00%3A00%3A00%2B00%3A00&publish__lt=2020-01-01+00%3A00%3A00%2B00%3A00" title="This year">This year</a></li>
</ul>
</div>
<form id="changelist-form" method="post" novalidate><input type="hidden" name="csrfmiddlewaretoken" value="Ah8O1BwJCNgiFNPzwDvVizdYt28ZcfFGJDUqj3agBtVIEBMGZxnljeRhS6z1Gydz">
<div class="actions">
<label>Action: <select name="action" required>
<option value="" selected>---------</option>
<option value="delete_selected">Delete selected posts</option>
</select></label><input type="hidden" name="select_across" value="0" class="select-across">
<button type="submit" class="button" title="Run the selected action" name="index" value="0">Go</button>
<span class="action-counter" data-actions-icnt="2">0 of 2 selected</span>
</div>
<div class="results">
<table id="result_list">
<thead>
<tr>
<th scope="col" class="action-checkbox-column">
<div class="text"><span><input type="checkbox" id="action-toggle"></span></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-title">
<div class="text"><a href="?o=1.5.4">Title</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-slug">
<div class="text"><a href="?o=2.5.4">Slug</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-author">
<div class="text"><a href="?o=3.5.4">Author</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-publish sorted ascending">
<div class="sortoptions">
<a class="sortremove" href="?o=5" title="Remove from sorting"></a>
<span class="sortpriority" title="Sorting priority: 2">2</span>
<a href="?o=5.-4" class="toggle ascending" title="Toggle sorting"></a>
</div>
<div class="text"><a href="?o=-4.5">Publish</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-status sorted ascending">
<div class="sortoptions">
<a class="sortremove" href="?o=4" title="Remove from sorting"></a>
<span class="sortpriority" title="Sorting priority: 1">1</span>
<a href="?o=-5.4" class="toggle ascending" title="Toggle sorting"></a>
</div>
<div class="text"><a href="?o=-5.4">Status</a></div>
<div class="clear"></div>
</th>
</tr>
</thead>
<tbody>
<tr class="row1"><td class="action-checkbox"><input type="checkbox" name="_selected_action" value="2" class="action-select"></td><th class="field-title"><a href="/admin/blog/post/2/change/">my post</a></th><td class="field-slug">new_blog</td><td class="field-author nowrap">chineduokolie</td><td class="field-publish nowrap">Jan. 17, 2019, 4:44 p.m.</td><td class="field-status">Draft</td></tr>
<tr class="row2"><td class="action-checkbox"><input type="checkbox" name="_selected_action" value="3" class="action-select"></td><th class="field-title"><a href="/admin/blog/post/3/change/">hello</a></th><td class="field-slug">hello</td><td class="field-author nowrap">chineduokolie</td><td class="field-publish nowrap">Jan. 22, 2019, 5:01 p.m.</td><td class="field-status">Draft</td></tr>
</tbody>
</table>
</div>
<p class="paginator">
2 posts
</p>
</form>
</div>
</div>
<br class="clear">
</div>
<!-- END Content -->
<div id="footer"></div>
</div>
<!-- END Container -->
</body>
</html>
选择要更改的帖子| Django站点管理员
欢迎
中国多哥。
/
/
&rsaquo;
&rsaquo;帖子
选择要更改的帖子
-
滤器
按身份
-
-
-
由创造
-
-
-
-
-
出版
-
-
-
-
-
行动:
---------
删除选定的职位
去
已选择0个,共2个
2.
1.
新德里。2019年11月17日下午4:44
你好,我很高兴。2019年12月22日下午5:01
2个员额
在base.html
换行
<link href="{% static "css/blog.css" %}" rel="stylesheet">
到
以下是一些您可以尝试的方法:
css/blog1.css
),并在base.html
文件中反映这些更改。在获取css文件时,观察是否已在服务器上注册更改,如下所示:
STATIC\u ROOT
,以允许从单个位置提供静态文件。提供了一个关于如何设置的很好的解释,这相当简洁地描述了collectstatic的用途。设置STATIC\u ROOT
后,使用以下命令删除过时的静态文件:python manage.py collectstatic--noinput--clear
。最后,再次运行服务器:python manage.py runserver
另请参阅此问题:哪些css文件未加载?或者他们都是not@Exprator我已经编辑了这篇文章,加入了cssfile@ChardonnaySt.Patrick浏览器中是否存在任何控制台错误。如果没有共享页面源。@AtleyVarghese我已经在编辑5中更新过,那么它实际上不是任何控制台errors@ChardonnaySt.Patrick,消息来源似乎是django admin,是否要向django admin添加样式?能否显示您的目录结构和settings.py,您在其中写入了静态根目录和URL创建一个文件夹,其中包含名为static的templates文件夹,然后在该静态文件夹@exprator中发布您在博客中拥有的所有css?我刚刚修改了该文件夹,什么都没有已更改。现在的文件夹结构是什么,您是否可以显示您需要从templates目录中删除css文件夹
[24/Jan/2019 10:58:11] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 10:58:13] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 10:58:13] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:06] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 10:59:15] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 10:59:15] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:52] "GET /admin/blog/post/2/change/ HTTP/1.1" 200 7654
[24/Jan/2019 10:59:52] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
[24/Jan/2019 10:59:55] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 11:00:08] "GET /admin/blog/ HTTP/1.1" 200 2415
[24/Jan/2019 11:00:22] "GET /admin/blog/post/ HTTP/1.1" 200 8667
[24/Jan/2019 11:00:22] "GET /admin/jsi18n/ HTTP/1.1" 200 3185
<!DOCTYPE html>
<html lang="en-us" >
<head>
<title>Select post to change | Django site admin</title>
<link rel="stylesheet" type="text/css" href="/static/admin/css/base.css">
<link rel="stylesheet" type="text/css" href="/static/admin/css/changelists.css">
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/vendor/jquery/jquery.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"></script>
<script type="text/javascript" src="/static/admin/js/actions.js"></script>
<script type="text/javascript" src="/static/admin/js/urlify.js"></script>
<script type="text/javascript" src="/static/admin/js/prepopulate.js"></script>
<script type="text/javascript" src="/static/admin/js/vendor/xregexp/xregexp.js"></script>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="/static/admin/css/responsive.css">
<meta name="robots" content="NONE,NOARCHIVE">
</head>
<body class=" app-blog model-post change-list"
data-admin-utc-offset="0">
<!-- Container -->
<div id="container">
<!-- Header -->
<div id="header">
<div id="branding">
<h1 id="site-name"><a href="/admin/">Django administration</a></h1>
</div>
<div id="user-tools">
Welcome,
<strong>chineduokolie</strong>.
<a href="/">View site</a> /
<a href="/admin/password_change/">Change password</a> /
<a href="/admin/logout/">Log out</a>
</div>
</div>
<!-- END Header -->
<div class="breadcrumbs">
<a href="/admin/">Home</a>
› <a href="/admin/blog/">Blog</a>
› Posts
</div>
<!-- Content -->
<div id="content" class="flex">
<h1>Select post to change</h1>
<div id="content-main">
<ul class="object-tools">
<li>
<a href="/admin/blog/post/add/" class="addlink">
Add post
</a>
</li>
</ul>
<div class="module filtered" id="changelist">
<div id="toolbar"><form id="changelist-search" method="get">
<div><!-- DIV needed for valid HTML -->
<label for="searchbar"><img src="/static/admin/img/search.svg" alt="Search"></label>
<input type="text" size="40" name="q" value="" id="searchbar" autofocus>
<input type="submit" value="Search">
</div>
</form></div>
<div class="xfull">
<ul class="toplinks">
<li class="date-back"><a href="?publish__year=2019">‹ 2019</a></li>
<li> <a href="?publish__day=17&publish__month=1&publish__year=2019">January 17</a></li>
<li> <a href="?publish__day=22&publish__month=1&publish__year=2019">January 22</a></li>
</ul><br class="clear">
</div>
<div id="changelist-filter">
<h2>Filter</h2>
<h3> By status </h3>
<ul>
<li class="selected">
<a href="?" title="All">All</a></li>
<li>
<a href="?status__exact=draft" title="Draft">Draft</a></li>
<li>
<a href="?status__exact=published" title="Published">Published</a></li>
</ul>
<h3> By created </h3>
<ul>
<li class="selected">
<a href="?" title="Any date">Any date</a></li>
<li>
<a href="?created__gte=2019-01-24+00%3A00%3A00%2B00%3A00&created__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Today">Today</a></li>
<li>
<a href="?created__gte=2019-01-17+00%3A00%3A00%2B00%3A00&created__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Past 7 days">Past 7 days</a></li>
<li>
<a href="?created__gte=2019-01-01+00%3A00%3A00%2B00%3A00&created__lt=2019-02-01+00%3A00%3A00%2B00%3A00" title="This month">This month</a></li>
<li>
<a href="?created__gte=2019-01-01+00%3A00%3A00%2B00%3A00&created__lt=2020-01-01+00%3A00%3A00%2B00%3A00" title="This year">This year</a></li>
</ul>
<h3> By publish </h3>
<ul>
<li class="selected">
<a href="?" title="Any date">Any date</a></li>
<li>
<a href="?publish__gte=2019-01-24+00%3A00%3A00%2B00%3A00&publish__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Today">Today</a></li>
<li>
<a href="?publish__gte=2019-01-17+00%3A00%3A00%2B00%3A00&publish__lt=2019-01-25+00%3A00%3A00%2B00%3A00" title="Past 7 days">Past 7 days</a></li>
<li>
<a href="?publish__gte=2019-01-01+00%3A00%3A00%2B00%3A00&publish__lt=2019-02-01+00%3A00%3A00%2B00%3A00" title="This month">This month</a></li>
<li>
<a href="?publish__gte=2019-01-01+00%3A00%3A00%2B00%3A00&publish__lt=2020-01-01+00%3A00%3A00%2B00%3A00" title="This year">This year</a></li>
</ul>
</div>
<form id="changelist-form" method="post" novalidate><input type="hidden" name="csrfmiddlewaretoken" value="Ah8O1BwJCNgiFNPzwDvVizdYt28ZcfFGJDUqj3agBtVIEBMGZxnljeRhS6z1Gydz">
<div class="actions">
<label>Action: <select name="action" required>
<option value="" selected>---------</option>
<option value="delete_selected">Delete selected posts</option>
</select></label><input type="hidden" name="select_across" value="0" class="select-across">
<button type="submit" class="button" title="Run the selected action" name="index" value="0">Go</button>
<span class="action-counter" data-actions-icnt="2">0 of 2 selected</span>
</div>
<div class="results">
<table id="result_list">
<thead>
<tr>
<th scope="col" class="action-checkbox-column">
<div class="text"><span><input type="checkbox" id="action-toggle"></span></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-title">
<div class="text"><a href="?o=1.5.4">Title</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-slug">
<div class="text"><a href="?o=2.5.4">Slug</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-author">
<div class="text"><a href="?o=3.5.4">Author</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-publish sorted ascending">
<div class="sortoptions">
<a class="sortremove" href="?o=5" title="Remove from sorting"></a>
<span class="sortpriority" title="Sorting priority: 2">2</span>
<a href="?o=5.-4" class="toggle ascending" title="Toggle sorting"></a>
</div>
<div class="text"><a href="?o=-4.5">Publish</a></div>
<div class="clear"></div>
</th>
<th scope="col" class="sortable column-status sorted ascending">
<div class="sortoptions">
<a class="sortremove" href="?o=4" title="Remove from sorting"></a>
<span class="sortpriority" title="Sorting priority: 1">1</span>
<a href="?o=-5.4" class="toggle ascending" title="Toggle sorting"></a>
</div>
<div class="text"><a href="?o=-5.4">Status</a></div>
<div class="clear"></div>
</th>
</tr>
</thead>
<tbody>
<tr class="row1"><td class="action-checkbox"><input type="checkbox" name="_selected_action" value="2" class="action-select"></td><th class="field-title"><a href="/admin/blog/post/2/change/">my post</a></th><td class="field-slug">new_blog</td><td class="field-author nowrap">chineduokolie</td><td class="field-publish nowrap">Jan. 17, 2019, 4:44 p.m.</td><td class="field-status">Draft</td></tr>
<tr class="row2"><td class="action-checkbox"><input type="checkbox" name="_selected_action" value="3" class="action-select"></td><th class="field-title"><a href="/admin/blog/post/3/change/">hello</a></th><td class="field-slug">hello</td><td class="field-author nowrap">chineduokolie</td><td class="field-publish nowrap">Jan. 22, 2019, 5:01 p.m.</td><td class="field-status">Draft</td></tr>
</tbody>
</table>
</div>
<p class="paginator">
2 posts
</p>
</form>
</div>
</div>
<br class="clear">
</div>
<!-- END Content -->
<div id="footer"></div>
</div>
<!-- END Container -->
</body>
</html>
<link href="{% static "css/blog.css" %}" rel="stylesheet">
<link href="{% static 'css/blog.css' %}" rel="stylesheet">
class MyModelAdmin(admin.ModelAdmin):
class Media:
js = ('js/admin/my_own_admin.js',)
css = {
'all': ('css/admin/my_own_admin.css',)
}