时间戳

首页 > 解决方案 > 如何正确地将模板从 HTML5 UP 导入 django

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

问题描述

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

https://html5up.net/strata

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

项目名称/mysite/templates/mysite/assets

我一直试图用 href="mysite/assets/css/main.css" 给他们打电话，但没有成功。

标签： javascriptpythonhtmlcssdjango

解决方案

IDE：PyCharm

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

并像这样链接你的文件：

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

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

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

完整代码：

文件名： 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>

推荐阅读