html - django 中的几页中的 base.html 中的图像未显示

标签 html css django django-templates

我有一个base.html,我也将其扩展到其他页面。在少数页面中显示图像,但在少数页面中不显示图像。除了图像之外,标题、部分等所有内容都会显示。

{% load staticfiles %}
some more --like header , section 
<footer>
<div id="footer">
    {% block footer %}
        <a href="https://github.com/shanker4999"> <img src ="../../static/blog/images/git.png"></a>
        <p>&copy; 2016 shankar.</p>
    {% endblock %}
</div>

我的模板文件

{% extends 'blog/base.html' %}


{% block content %}
<h1>Articles for {{ year }}</h1>

{% for article in article_list %}
<h4><a href="/blog/{{article.id}}/">{{ article.headline }}</a></h4>
<h5>Posted by <strong>{{ article.reporter }}</strong>
                 on {{article.pub_date|date:"F j, Y"}}</h5><hr/>
{% endfor %}
{% endblock %}

网址` 从 django.conf.urls 导入 url 从 。导入 View

urlpatterns = [
    url(r'^$',views.index,name='index'),
    url(r'article/(?P<year>[0-9]{4})/$', views.year_archive, name='year_archive'),
    url(r'article/(?P<year>[0-9]{4})/(?P<month>[0-9]{2})/$', views.month_archive, name='month_archive'),
    url(r'(?P<article_id>[0-9]+)/$',views.article_detail,name='article_detail'),
    url(r'^comment/(?P<article_id>[0-9]+)/$' ,views.comment,name='comment'),
    url(r'^contact',views.contact,name='contact'),

]` 浏览次数

ef year_archive(request,year):
#year=str(pub_date)[0:4]
year=year
try:
    article_list = Article.objects.filter(pub_date__year=year)
except Article.DoesNotExist:
    raise Http404("Article does not Exists")
context = {'year':year, 'article_list':article_list}
return render(request, 'blog/year_archive.html',context)

最佳答案

这是因为您没有使用正确的 src。您应该让静态函数处理静态文件。当 url 更改时,../../ 将不再正确,具体取决于路径。

您应该在 settings.py 文件中配置静态目录,然后像这样引用您的图像:

<img src ="{% static 'blog/images/git.png' %}"></a>

关于html - django 中的几页中的 base.html 中的图像未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37316923/

相关文章:

css - Iphone 不会显示 Lucida Sans

django - 在 docker 容器中使用 pgadmin 和 nginx

html - 使用 CSS 强制 img 和 p 拆分为两列

html - CSS 导航栏在另一个 div 下消失

javascript - 在 CKEditor 中添加一个 <div> 而不在工具栏上嵌入一个 <div> 按钮

css - html/css 中可点击的 div 列表

django - 如何在 django 中使用 pdf.js

django - 用于访问 Django REST 框架的 secret API key

html - 以 Angular 将滚动条添加到非标题行

javascript - 显示/隐藏div可以不用jquery吗?