gpt4 book ai didi

javascript - 如何正确地将模板从 HTML5 UP 导入到 django

转载 作者:太空宇宙 更新时间:2023-11-04 06:07:34 24 4
gpt4 key购买 nike

我正在尝试将模板从 HTLM5 UP 上传到 Django 框架中。但是我不确定在哪里放置一些支持的 CSS、SASS、Webfonts、Javascript 文件。链接到我在下面下载的模板。我所指的文件位于“ Assets ”文件夹中。

https://html5up.net/strata

我试过将它们放在下面的路径中。如果有任何改变,我正在使用 Pycharm IDE。

元素名称/mysite/templates/mysite/assets

我一直试图用 href="mysite/assets/css/main.css"调用它们,但没有成功。

最佳答案

IDE:PyCharm

首先,您需要{% load staticfiles %}顶部 .html文件

And link your file like :

CSS = <link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />

img= <img src="{% static 'images/rakib.jpg' %}" alt="" />

Js= <script src="{% static 'assets/js/jquery.min.js' %}"></script>

Full code:

文件名:base.html

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title> {% block head_title %} Blog {% endblock head_title %} </title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<link rel="stylesheet" href=href="{% static 'assets/css/main.css' %}" />
<style>
{% block style %} {% endblock style %}
</style>

{% block head_extra %} {% endblock head_extra %}
</head>

关于javascript - 如何正确地将模板从 HTML5 UP 导入到 django,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56719332/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com