django 加载静态文件,即使在引用后也无法工作

bkhjykvo  于 2023-08-08  发布在  Go
关注(0)|答案(1)|浏览(106)

我试图修改一个引导网页为我的项目的事情是statis文件(统称资产)放在文件夹内,所以项目名称是投资组合,然后静态文件是在路径/static/Portfolio/static/内静态文件夹,我们得到/assests文件夹- > Portfolio/static/Portfolio/static/assets像这样现在我试图做{% load static %}方法在我的index.html页面几个CSS得到应用
这是导演

.
├── css
│   └── style.css
├── img
│   ├── apple-touch-icon.png
│   ├── favicon.png
│   ├── hero-bg.jpg
│   ├── portfolio
│   ├── profile-img.jpg
│   └── testimonials
├── js
│   └── main.js
├── scss
│   └── Readme.txt
└── vendor
    ├── aos
    ├── bootstrap
    ├── bootstrap-icons
    ├── boxicons
    ├── glightbox
    ├── isotope-layout
    ├── php-email-form
    ├── purecounter
    ├── swiper
    ├── typed.js
    └── waypoints

字符串
这是我的.HTML文件的头

{% load static %}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Siddharth D</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href= " {% static 'assets/img/favicon.png' %}" rel="icon">
  <link href= " {% static 'assets/img/apple-touch-icon.png' %}" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="{% static 'assets/vendor/aos/aos.css' %}">
  <link href="{% static 'assets/vendor/bootstrap/css/bootstrap.min.css' %}">
  <link href="{% static 'assets/vendor/bootstrap-icons/bootstrap-icons.css' %}">
  <link href="{% static 'assets/vendor/boxicons/css/boxicons.min.css' %}">
  <link href="{% static 'assets/vendor/glightbox/css/glightbox.min.css' %}">
  <link href="{% static 'assets/vendor/swiper/swiper-bundle.min.css' %}">

  <!-- Template Main CSS File -->
  <link href= "{% static 'assets/css/style.css'%}" rel="stylesheet">

  <!-- other static files -->
  <link href = "{% static 'assets/css/style.css' %}">
  <link href = "{% static 'assets/img/' %}">
  <link href = "{% static 'assets/img/portfolio' %}">
  <link href = "{% static 'assets/img/testimonials' %}">


正如你在这里看到的,我已经加载了所有的静态文件,现在当我引用它时,屏幕上的输出是这样的。

[25/Jul/2023 10:25:43] "GET / HTTP/1.1" 200 33179
Not Found: /assets/vendor/purecounter/purecounter_vanilla.js
Not Found: /assets/vendor/aos/aos.js
[25/Jul/2023 10:25:43] "GET /assets/vendor/purecounter/purecounter_vanilla.js HTTP/1.1" 404 2337
[25/Jul/2023 10:25:43] "GET /assets/vendor/aos/aos.js HTTP/1.1" 404 2265


我已经看了文档,但不确定是否有更多的工作要做,我应该做的硬编码方式{% load static...}方式对于每一个单一的导入是否有任何其他的方式来引用所有的链接,这个前端有很多引用是一种绕过它的方法,或者我在这里错过了一些点,我读了文档,但根据文档引用一直在做,这是唯一的方法吗?
x1c 0d1x的数据
css的某些部分被加载,但是js没有被加载
如果有人能帮我解决这个问题,那就太好了

6tqwzwtp

6tqwzwtp1#

问题是有些参考文献不正确
他们应该是这样的:

<link rel="stylesheet" href="{% static 'vendor/aos/aos.css' %}">
<link rel="stylesheet" href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'vendor/bootstrap-icons/bootstrap-icons.css' %}">
<link rel="stylesheet" href="{% static 'vendor/boxicons/css/boxicons.min.css' %}">
<link rel="stylesheet" href="{% static 'vendor/glightbox/css/glightbox.min.css' %}">
<link rel="stylesheet" href="{% static 'vendor/swiper/swiper-bundle.min.css' %}">

字符串
正如你所看到的,我已经从href属性中删除了assets/,因为django的{% static %}模板标签已经包含了静态文件的正确路径,对于其他静态文件,比如img,你不应该使用<link>标签,而是使用<img>标签:
例如:

<img src="{% static 'img/something.png' %}" alt="Your Alt Text">


我希望这对你有帮助。

相关问题