ошибка в создании шаблона django и bootstrap

131
8

Я использую файл индекса загрузочного файла в header.html в проекте django. Может ли кто-нибудь указать на исправление или самый простой способ связать файл начальной загрузки с статической папкой. В каких местах это нужно делать и как?

Кроме того, для использования бутстрапа я могу просто использовать индексный файл, а не заголовок?

Я вижу ошибку (ниже), но не знаю синтаксиса, чтобы ее исправить. Маршрут, который я пробовал, использует логику Jinja, и именно на этой линии возникает первая ошибка. (строка 14)

Текущая ошибка:

Error during template rendering

In template C:\Users\User\Desktop\pythonsite\mysite\aboutme\templates\aboutme\header.html, error at line 14
Invalid block tag on line 14: 'static'. Did you forget to register or load this tag?
4 <head>
5
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 <meta name="description" content="">
9 <meta name="author" content="">
10
11 <title>Freelancer - Start Bootstrap Theme</title>
12
13 <!-- Bootstrap core CSS -->
14 <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
15
16 <!-- Custom fonts for this template -->
17 <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
18 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
19 <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
20
21 <!-- Plugin CSS -->
22 <link href="{% static 'vendor/magnific-popup/magnific-popup.css' &}" rel="stylesheet" type="text/css">
23
24 <!-- Custom styles for this template -->

Обновление: я изменил статичность и использование jinja для просто того, что было изначально в файле индекса загрузочного файла: например

<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">

и это сработало с тем, что он запустил веб-страницу, но без CSS>

Я до сих пор не могу понять, как связать css с этой индексной страницы с папкой шаблонов и как/где какой синтаксис.

Текущая структура сайта:

Имя папки - "aboutme" (имя основного приложения). Внутри это статическая папка. Внутри статической папки я сбросил все содержимое загрузочной загрузки (например, шрифты, css и js-папки)

У меня есть папка шаблонов, в которой у меня есть папка aboutme, и в этом есть header.html и home.html. Header.html - это файл, который я использую (ниже), пытаясь ссылаться на css/js и т.д., Чтобы сайт выглядел и отображался правильно.

Я просто использую:

 <link href="/static/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

вместо

 <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

и я делаю это в каждом случае? Или я должен использовать логику джиньи?

спросил(а) 2021-01-25T13:09:55+03:00 4 месяца, 2 недели назад
1
Решение
78

Во-первых, нужно загрузить статику, для чего мы используем следующее:

{% load static%}

Чтобы вызвать любой статический файл, он будет выглядеть так:

<link href="{% static 'FILE PATH' %}" rel="stylesheet">

<script src="{% static 'FILE PATH' %}"></script>

Пример:

{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Anything</title>
<!-- Bootstrap CSS -->
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
<!-- Font Awesome -->
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Bootstrap JS -->
<script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>
</html>

Если у вас есть базовый шаблон и вы хотите расширить другие шаблоны, вы должны использовать следующее:

{% расширяет "BASE FILE PATH"%}

ответил(а) 2021-01-25T13:09:55+03:00 4 месяца, 2 недели назад
45

Где-то (где угодно)

{% load static %}

ответил(а) 2021-01-25T13:09:55+03:00 4 месяца, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема