Как правильно импортировать шаблоны из HTML5 UP в django - PullRequest
Новая
       0

Как правильно импортировать шаблоны из HTML5 UP в django

0 голосов
/ 23 июня 2019

Я пытаюсь загрузить шаблоны из HTLM5 UP в инфраструктуру Django. Однако я не уверен, где разместить некоторые поддерживающие файлы CSS, SASS, Webfonts, Javascript. Ссылка на шаблон, который я скачал ниже. Файлы, на которые я ссылаюсь, находятся в папке «Активы».

https://html5up.net/strata

Я пытался поместить их в путь ниже. Я использую Pycharm IDE, если это что-то изменит.

ProjectName / MySITE / шаблоны / MySite / активы

Я пытался вызвать их с помощью href = "mysite / assets / css / main.css", но безуспешно.

1 Ответ

0 голосов
/ 23 июня 2019

IDE: PyCharm

Сначала вам нужно {% load staticfiles %} верх .html файла

И свяжите ваш файл как:

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>

Полный код:

Имя файла: 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...