一个简单的Django应用程序,它允许你上传一个图像,它呈现了各种各样的html链接标签来显示favicon
django-favicon-plus-reloaded的Python项目详细描述
Fadjango plus公司
Django favicon plus是一个简单的Django应用程序,它允许您上传图像,并且它呈现各种各样的html链接标记来显示favicon。这些不同的标记用于移动设备上的书签链接,如果您喜欢浏览器中的网站,则会显示这些标记。在
由于缺少 维护。在
使用方法:
使用PIP安装django favicon。在
pip install django-favicon-plus-reloaded pip install git+https://edugit.org/AlekSIS/libs/django-favicon-plus.git
将应用程序添加到您的settings.py
文件中的INSTALLED_APPS
列表中,确保sites
-app也已安装,URL为
在管理后端中指定,然后在中指定站点设置.py使用SITE_ID = <your-site-id-here>
。在
默认的FAVICON_CONFIG
如下所示,如果需要其他内容,可以在设置.py.
字典的键是link标记的rel
属性的值,而值中的列表是
size
属性的大小和图像大小调整。在
FAVICON_CONFIG={'shortcut icon':[16,32,48,128,192],'touch-icon':[196],'icon':[196],'apple-touch-icon':[57,72,114,144,180],'apple-touch-icon-precomposed':[57,72,76,114,120,144,152,180],}
请确保您在settings.py
中指定了MEDIA_URL
,并且您的根urlconf
如下所示:
urlpatterns=[path('admin/',admin.site.urls),...,]+static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
您还可以在settings.py
中提供FAVICON_PATH
,以指定favicon文件夹的文件夹名。
默认值是favicon
在管理后端上载一个图像-->;将创建所有大小的图像,最好使用更大的基础favicon。在
在基本.html在
{%loadfavtags%}{%place_favicon%}
这将创建:
<linkrel="apple-touch-icon-precomposed"size ="180x180"href="/media/favicon/fav-180.png"/><linkrel="apple-touch-icon-precomposed"size ="152x152"href="/media/favicon/fav-152.png"/><linkrel="apple-touch-icon-precomposed"size ="144x144"href="/media/favicon/fav-144.png"/><linkrel="apple-touch-icon-precomposed"size ="120x120"href="/media/favicon/fav-120.png"/><linkrel="apple-touch-icon-precomposed"size ="114x114"href="/media/favicon/fav-114.png"/><linkrel="apple-touch-icon-precomposed"size ="76x76"href="/media/favicon/fav-76.png"/><linkrel="apple-touch-icon-precomposed"size ="72x72"href="/media/favicon/fav-72.png"/><linkrel="apple-touch-icon-precomposed"size ="57x57"href="/media/favicon/fav-57.png"/><linkrel="apple-touch-icon"size ="180x180"href="/media/favicon/fav-180_5l5PyO1.png"/><linkrel="apple-touch-icon"size ="144x144"href="/media/favicon/fav-144_5A8THfC.png"/><linkrel="apple-touch-icon"size ="114x114"href="/media/favicon/fav-114_GqBGFXA.png"/><linkrel="apple-touch-icon"size ="72x72"href="/media/favicon/fav-72_UoWu9ik.png"/><linkrel="apple-touch-icon"size ="57x57"href="/media/favicon/fav-57_sfX3XoJ.png"/><linkrel="touch-icon"size ="192x192"href="/media/favicon/fav-192.png"/><linkrel="shortcut icon"size ="192x192"href="/media/favicon/fav-192_rD0bCKr.png"/><linkrel="shortcut icon"size ="128x128"href="/media/favicon/fav-128.png"/><linkrel="shortcut icon"size ="48x48"href="/media/favicon/fav-48.png"/><linkrel="shortcut icon"size ="32x32"href="/media/favicon/fav-32.png"/><linkrel="shortcut icon"size ="16x16"href="/media/favicon/fav-16.png"/><linkrel="icon"size ="192x192"href="/media/favicon/fav-192_Gw5Uu1M.png"/><linkrel="shortcut icon"size ="32x32"href="/media/favicon/fav-32.png"/>
管理
您可以上载多个图像,但只有一个设置为favicon并使用。在
贡献
如果你想贡献点什么,请派一位先生
来源
基于
Favicon
16x16.ico或更好.png
<linkrel="shortcut icon"href="/images/favicon.png"/>
apple touch图标(预合成)
57x57、72x72、114x114和144x144 ipad retina 144x144.png预合成的最高分辨率(=iOS不会给图标添加任何效果)
<linkrel="apple-touch-icon"sizes="144x144"href="/images/apple-touch-icon-144x144.png"><linkrel="apple-touch-icon"sizes="114x114"href="/images/apple-touch-icon-114x114.png"><linkrel="apple-touch-icon"sizes="72x72"href="/images/apple-touch-icon-72x72.png"><linkrel="apple-touch-icon"sizes="57x57"href="/images/apple-touch-icon-57x57.png"><linkrel="apple-touch-icon-precomposed"sizes="144x144"href="/images/apple-touch-icon-144x144.png"><linkrel="apple-touch-icon-precomposed"sizes="114x114"href="/images/apple-touch-icon-114x114.png"><linkrel="apple-touch-icon-precomposed"sizes="72x72"href="/images/apple-touch-icon-72x72.png"><linkrel="apple-touch-icon-precomposed"sizes="57x57"href="/images/apple-touch-icon-57x57.png">
Android版本1.5和1.6将读取第二个标记(带有“-precomposed”),而版本2.1及更高版本将读取第一个标记。在
谷歌的规范规定你应该使用48x48像素的png,但是你可以使用一个大的图像(128x128),就像谷歌自己的应用一样。在
https://mathiasbynens.be/notes/touch-icons
- 项目
标签: