一个简单的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>。在

^{pr2}$

默认的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 Cheat Sheet on github

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

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
java Intellij新项目JDK不可用   JAVA静态块执行了多少次?   java通过JCheckBox更改文本字段输入的字体颜色   java在星期几文本字段中输入值   java RichFaces 4.2日历。如何通过JavaScript设置日历的输入字段?   java在javafx中注册鼠标处理程序,但处理程序不是内联的   java将jchararray分配给常量unsigned char   在安卓4.4中注意到java奇怪的圆形浮动动作按钮吗?   java中用于解决8个难题的合适的树类是什么   为什么Java在我的Linux服务器上使用了如此多的内存?   java从多个推荐列表中提取顶级推荐   “426写入网络流失败。”尝试使用Java的URL类连接到FTP站点时收到   java如何在没有Gradle的情况下使用IntelliJ打开项目?   java如何在线程完成后使For循环继续?   java使用定制jackson ObjectMapper定制Spring引导序列化过程   java NativeActivity不会显示在屏幕上   如何使用Java中的EditorConfig在IntelliJ IDEA中关闭rightparen自己的行?   java从字符串中删除字母数字单词   Intellij IDEA 13.1中的maven Java编译错误