我应该将这些奇怪的文件放在 Flask 应用程序的文件结构中的什么位置？

Question

So I downloaded a template for a website, with the aim to use it in my Flask app. I know the basic file structure of Flask app is this:

-app
 app.py
 -static
  -images
    -image files
  -style
    -css files
 -templates
  -html files

But when I opened the folder of the template code, I found all these strange files and I couldn't decide where to put them.

The original files:

So I put the css, fonts, images, js folders into the static folder and left the rest of the files in the templates folder along with index.html (ignore index - Copy.html , that is a copy I made of the original index.html file), updated the paths of css and js files inside the HTML document and executed app.py.

The file ran but most of the text of index.html was not loading and only one image was being displayed. I checked the logs in the command line terminal and discovered that most of the css was not even getting called.

What am I doing wrong? How should I arrange these files?

Answer 1

In your html file you should connect styles in this way:

<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/style.css') }}">