Создание (встроенный CSS) HTML-шаблонов из Flask не работает - PullRequest
0 голосов
/ 01 февраля 2019

Для личного веб-сайта я бы хотел случайным образом выбрать фоновую картинку (из 4) для моей стартовой страницы, используя колбу.При попытке создать шаблон HTML (с встроенным CSS для форматирования) полученный HTML-код не отображает выбранную случайную картинку.

До сих пор я пытался использовать url_for (), так как я думал, что проблема можетДжинджа не может найти файлы, но это не решает мою проблему.

Я также посмотрел на пробелы и разделители, которые кажутся мне правильными.

Код из моегоapp.py:

flask import Flask, render_template
import random
app = Flask(__name__)

@app.route('/')
def index():
    intt =  random.randint(1, 4)
    random_number = ("../Images/artwork/{}.jpeg".format(intt))
    return render_template('index.html', random_number=random_number)

Код в моем HTML-файле:

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


<style>
@font-face {
    font-family: "Pretoria Gross";
    src: url("../Fonts/Pretoria.ttf");
}

ge {
    color:  Yellow;
    font-family: Pretoria Gross;

    font-size:70px;
    text-align: center;
    display:inline-block;
    position:relative;
    width:100%;

    background: url('../Images/artwork/{{random_number}}.jpeg') no-repeat top center;
    background-position: center top;
    background-size:  25% auto;
}
</style>

<a href="about.html">
  <ge>Website<br/>Title<br/>here</ge>
</a>

Полученный HTML не отображает CSS.Где я могу пойти не так?Большое спасибо

1 Ответ

0 голосов
/ 01 февраля 2019

random_number уже хранит нужный путь.Измените url в css:

background: url('{{random_number}}') no-repeat top center;

Или вы можете просто передать intt в шаблон и сохранить исходный шаблон CSS:

return render_template('index.html', random_number=intt)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...