我试图修改一个引导网页为我的项目的事情是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没有被加载
如果有人能帮我解决这个问题,那就太好了
1条答案
按热度按时间6tqwzwtp1#
问题是有些参考文献不正确
他们应该是这样的:
字符串
正如你所看到的,我已经从
href
属性中删除了assets/
,因为django的{% static %}
模板标签已经包含了静态文件的正确路径,对于其他静态文件,比如img
,你不应该使用<link>
标签,而是使用<img>
标签:例如:
型
我希望这对你有帮助。