欢迎访问我的网站,希望内容对您有用,感兴趣的可以加入免费知识星球。

Flask教程(二十一)添加favicon

Flask Web 迷途小书童 3年前 (2020-11-11) 3710次浏览 0个评论

软硬件环境

  • windows 10 64bit
  • anaconda3 with python 3.7
  • flask 1.1.2

视频看这里

此处是 youtube 的播放链接,需要科学上网。喜欢我的视频,请记得订阅我的频道,打开旁边的小铃铛,点赞并分享,感谢您的支持。

前言

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

favicon

图片转icon

favicon 文件的尺寸通常比较小,常见的尺寸有16×16,32×32和48×48。我们准备一张 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>

然后将转换好的 icon 文件放到 static 文件夹下,文件名为 favicon.ico

最后启动 flask 服务后,访问 http://127.0.0.1:5000,在浏览器地址栏左侧就可以看到 favicon

favicon

源码下载

https://github.com/xugaoxiang/FlaskTutorial

Flask教程专题

更多 Flask 教程,请移步

https://xugaoxiang.com/category/python/flask/

喜欢 (0)

您必须 登录 才能发表评论!

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

请关闭 Adblock 等类似浏览器插件,然后刷新页面访问,感谢您的支持!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.