favicon.ico All In One
2024-09-05 20:25:47
favicon.ico All In One
link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico"
https://www.cnblogs.com/xgqfrms/p/9914771.html
<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />
<link rel="icon" type="image/jpeg" href="http://example.com/favicon.jpeg" />
<link rel="icon" type="image/webp" href="http://example.com/favicon.webp" />
demo
<link href="x-logo.png" rel="shortcut icon" type="image/png">
vuepress
head: [
['meta', {name: 'theme-color', content: '#3eaf7c'}],
['meta', {name: 'apple-mobile-web-app-capable', content: 'yes'}],
['meta', {name: 'apple-mobile-web-app-status-bar-style', content: 'black'}],
// icon
['link', {href: '../favicon.ico', rel: 'shortcut icon', type: 'image/x-icon'}],
// ['link', {href: '../logo.png', rel: 'shortcut icon', type: 'image/png'}],
// cdn 引入样式
['link', {href: 'https://unpkg.com/element-ui/lib/theme-chalk/index.css', rel: 'stylesheet'}],
// cdn 引入组件库 umd
// ['script', { src: 'https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js' }],
// ['script', { src: 'https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js' }],
['script', {src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js'}],
['script', {src: 'https://unpkg.com/element-ui/lib/index.js'}],
['script', {src: 'https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js'}],
],
服务器 favicon.ico 缓存 bug 和解决方案
solutions
cdn 引入
改变默认 favicon.ico 文件名，如 favicon-logo,
创建 public 文件夹，添加 favicon.ico
description: description,
head: [
['meta', {name: 'theme-color', content: '#3eaf7c'}],
['meta', {name: 'apple-mobile-web-app-capable', content: 'yes'}],
['meta', {name: 'apple-mobile-web-app-status-bar-style', content: 'black'}],
// icon
// ['link', {href: 'http://dap-dev.ads.lilith.sh/favicon.ico', rel: 'shortcut icon', type: 'image/x-icon'}],
['link', {href: '../favicon-logo.ico', rel: 'shortcut icon', type: 'image/x-icon'}],
// ['link', {href: '../favicon.ico', rel: 'shortcut icon', type: 'image/x-icon'}],
// ['link', {href: '../favicon.png', rel: 'shortcut icon', type: 'image/png'}],
// cdn 引入样式
['link', {href: 'https://unpkg.com/element-ui/lib/theme-chalk/index.css', rel: 'stylesheet'}],
// cdn 引入组件库 umd
// ['script', { src: 'https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js' }],
// ['script', { src: 'https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js' }],
['script', {src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js'}],
['script', {src: 'https://unpkg.com/element-ui/lib/index.js'}],
['script', {src: 'https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js'}],
],
refs
https://www.cnblogs.com/xgqfrms/tag/favicon.ico/
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
原创文章，版权所有️xgqfrms, 禁止转载 ️，侵权必究️！
最新文章
- 利用xhsell登录到远程腾讯云服务器
- 浅谈Service层为何要有接口
- ASP.NET RepeatLayout 属性
- IIS网站打不开错误解决方案集锦(一)：编译器错误消息: 编译器失败，错误代码为 -1073741502。
- [AngularJS] Adding custom methods to angular.module
- JSP中嵌入java代码方式以及指令
- oracle5
- 01-Java学习笔记
- Robot Framework中DatabaseLibrary应用
- Struts1和Struts2对照
- dotTrace 学习笔记
- 初识RESTful
- ubuntu15.10 opencv3.1 安装配置codeblocks
- PHP 二维数组排序保持键名不变
- Phoenix 5.0 hbase 2.0 org.apache.hadoop.security.authentication.util.KerberosUtil.hasKerberosKeyTab
- Gen对于break、continue与return的处理
- windows无法访问linux服务器
- Hessian与Webservice的区别
- (转)非阻塞Connect对于select时应注意问题
- RHEL安装oracle客户端（版本为11.2）