Django配置css\js等静态文件(本地与宝塔)

为什么要配置静态文件

  1. 为了HTML在使用css、js或者图片等静态文件时找到相关的位置
  2. HTML可以通过模板语法直接调用相关的文件

如何配置静态资源

  1. 在项目根目录中新建一个static文件夹
  2. 在settings.py中添加static路径,其中BASE_DIR代表的是你项目的路径
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,"static")
  1. 如果是宝塔,需要再多一个步骤,在你的uwsgi.ini文件中添加static路径,其中/www/wwwroot/TalkPro/static是线上文件位置,请自行替换
static-map = /static=/www/wwwroot/TalkPro/static

如何引用静态资源

  1. HTML的标签中引入静态资源{% load static %}
<head>
    <title>django-websocket</title>
    {% load static %}
</head>

2.使用具体文件,假如有张图片路径为static/img/a.png,那么需要写成以下这样,记住,路径需要打引号

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

所以这个路径,其实就是只要写成static下面的路径位置就可以,因为static我们已经在setting中设置了。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值