Flask教程(二十一)添加favicon

软硬件环境

windows 10 64bit
anaconda3 with python 3.7
flask 1.1.2

前言

favicon是favorites icon的缩写，是指在网页浏览器显示在标签页或者历史记录里的图标。这个图标能帮助用户将您的网站与其他网站区分开。

favicon

图片转icon

favicon文件的尺寸通常比较小，常见的尺寸有16x16，32x32和48x48。我们准备一张jpg或者png的图片，来到在线的转换站点进行转换

https://favicon.io/favicon-converter/

favicon

flask中如何处理？

我们简单写个flask应用，这个应该非常熟练了，app.py内容为

from flask import Flask, render_template

app = Flask(__name__)


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


if __name__ == '__main__':
    app.run()

创建模板文件index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <title>Favicon</title>
</head>
<body>
    <p>Hello favicon</p>
</body>
</html>