Хотя он работает в css на других страницах, он не работает на странице категории (Django)

#python #html #css #django

#python #HTML #css #django

Вопрос:

Я создал сайт блога. Хотя он работает в css на других страницах, он не работает на странице категории. Что я могу сделать? Я отредактировал. спасибо за ваши ответы. Похоже, что ваш пост в основном состоит из кода; пожалуйста, добавьте еще несколько деталей. Вот мой код:

settings.py

 STATIC_URL = '/static/'
STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles/')

blog/views.py

 def category_detail(request, cats):
    category_posts=Blog.objects.filter(category_id=cats)
    context = {
        'cats': cats, 'category_posts': category_posts,
    }
    return render(request, 'post/category.html',context)

urls.py

 from django.conf.urls.static import static
from django.urls import include, path

from blog.views import blog_detail, category_detail
from home.views import home_view, about_view
urlpatterns = [
    url(r'^adminerdo/', admin.site.urls),
    url(r'^$', home_view),
    url(r'^about/$', about_view),
    url(r'^(?P<slug>[w-] )/$', blog_detail , name= 'detay'),
    url(r'^category/(?P<cats>[w-] )/$', category_detail, name='category'),
]
urlpatterns  = static(settings.MEDIA_URL,document_root = settings.MEDIA_ROOT)

category.html

 {% include 'header2.html' %}

    <div class="blog_breadcrumb_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="blog_breadcrumb_div">
                        <h3>{{ blog.title }}</h3>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="blog_main_wrapper blog_toppadder60 blog_bottompadder60">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="blog_post_style2 blog_single_div">
                        <div class="blog_post_style2_img wow fadeInUp">
                            <img src="{{ blog.image.url}}" class="img-fluid" alt="">
                        </div>
                        <div class="blog_post_style2_content wow fadeInUp">
                            <h3>{{ blog.title }}</h3>
                            <div class="blog_author_data"><a href="#"><img src="https://via.placeholder.com/34x34" class="img-fluid" alt="" width="34" height="34"> {{ blog.user}}</a></div>
                         {{ cats }}
{% for blog in category_posts %}
    {{ blog.category }}
    {{ blog.title }}
{% endfor %}


                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

{% include 'footer.html' %}

header2.html — detail.html работает с ним.

 <!DOCTYPE html>
<!--
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="tr">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>tittle</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="Blog">
    <meta name="keywords" content="">
    <meta name="author" content="kamleshyadav">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="../static/js/plugins/swiper/swiper.css">
    <link rel="stylesheet" type="text/css" href="../static/js/plugins/magnific/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <!-- Favicon Link -->
    <link rel="shortcut icon" type="image/png" href="../static/images/favicon.png">
</head>

Я отредактировал. спасибо за ваши ответы. Похоже, что ваш пост в основном состоит из кода; пожалуйста, добавьте еще несколько деталей.

Ответ №1:

У вас есть:

 urlpatterns  = static(settings.MEDIA_URL,document_root = settings.MEDIA_ROOT)

когда вы settings говорите:

 STATIC_URL = '/static/'
STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles/')

Попробуйте:

 urlpatterns  = static(settings.STATIC_URL,document_root = settings.STATIC_ROOT)

РЕДАКТИРОВАТЬ после обновления OP:

Итак, вы настроили систему статической обработки django, но вы ее не используете. Попробуйте:

 {% load static %}

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

и т.д.

1. Спасибо за ответ, но не сработал. index, about и blog_detail работают с css. Но проблема только со страницей категории. category.html это та же страница blog_detail.

2. я добавил category.html и header2.html <заголовок>

3. смотрите отредактированный ответ. Вы неправильно используете статическую обработку django: scotch.io/tutorials/working-with-django-templates-static-files