Файл Flask main.css не работает с файлом base.html

Я относительно новичок во Flask, и я пытаюсь заставить мой файл main.ss взаимодействовать с моим файлом base.html. Когда я вношу изменения в код CSS, это не отражается при просмотре приложения в браузере. Любая помощь будет принята с благодарностью!

Путь к файлу base.html - документы / ds / ds / templates / base.html. Путь к файлу main.css - документы / ds / ds / static / main.css

Код заголовка base.html гласит:

<!DOCTYPE html>
<html>
  <head>

  <title> Deplorable Snowflake </title>

  <link href = "/static/main.css" rel = "stylesheet"> 
  <link href = "https://cdnjs.cloudflare.com/ajax/libs/twitter- 
  bootstrap/3.3.7/css/bootstrap.min.css" rel = "stylesheet" 
  media = "screen">
  <script src = "https://code.jquery.com/jquery-latest.js"></script>
  <script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter- 
  bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src = "{{ url_for('static', filename='moment.min.js') }}"> 
  </script>
  <script src = "{{ url_for('static', filename='script.js') }}"></script>
  <script type = "text/javascript" 

src = "//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"> 
</script>
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">


</head>

Это то, как я на него ссылаюсь в шапке? ...

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
0
0
408
1

Ответы 1

Сменить <link href = "/static/main.css" rel = "stylesheet">

к:

<link href = "{{ url_for('static', filename='main.css') }}" rel = "stylesheet">

и убедитесь, что файл main.css помещен в вашу статическую папку.

Другие вопросы по теме