html - 如何在 Flask 中导入 html 模板?

标签 html css templates flask

<分区>

我正在尝试获取此 html 模板 - https://www.free-css.com/free-css-templates/page231/catalyst

解压缩后,文件夹包含 -

  • 主要的'index.html'
  • 一个css文件夹
  • 带有字体的 Font-Awesome 文件夹
  • 一个图片文件夹

我知道我需要将 index.html 文件放在我的"template"文件夹中,将 css 文件放在我的“css”文件夹中,但我不知道将字体文件夹或图像文件夹放在哪里。我尝试了一些不同的方法,但最终还是得到了一个只有 html 的页面。

最佳答案

您应该将 index.html 放在 templates 文件夹中,将其他所有内容放在 static 文件夹中。

然后,在你的 application.py 中你可以使用:

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def index():
    return render_template('index.html')

index.html 文件中,您可以使用 url_for 将所有链接作为该资源的路径。 方法:

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

<link rel="stylesheet" href="{{ url_for('static/font-awesome/', filename='font-awesome.min.css') }}">

关于html - 如何在 Flask 中导入 html 模板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52866132/

上一篇:javascript - 如何在 Wordpress 中的特定类别图像上显示文本框?

下一篇:html - 相对定位元素显示在我的固定导航栏上

相关文章:

c++ - SFINAE:有些失败比其他失败更平等?

html - 由于 CSS,网站上的图像模糊?

html - 如何在文本列表之间放置垂直线?

css - 使用 CSS 将标题垂直居中放置在图像的右侧

javascript - jquery 切换菜单不起作用

c++ - 帮助模板化字节交换功能,性能受到影响?

javascript - 我如何将按钮向上移动?

java - 小程序-浏览器不显示Java小程序

html - 如何在 bootstrap 网格单元格中放置 anchor 标记(包含图像)?

c++ - 使用 C++17 扩展 using 声明的问题