核心提示：浏览器标签栏的favicon图标，有良好的用户体验和页面美观的作用，然而怎样设置这样的favicon图标呢？对于不同的浏览器，会有一定的差异，一般而言有下列方法：在gitbook中配置book.jso...
浏览器标签栏的favicon图标，有良好的用户体验和页面美观的作用，然而怎样设置这样的favicon图标呢？对于不同的浏览器，会有一定的差异，一般而言有下列方法：
在gitbook中配置book.json
{
"plugins": [
"favicon"
],
"pluginsConfig": {
"favicon": {
"shortcut": "assets/images/favicon.ico",
"bookmark": "assets/images/favicon.ico",
"appleTouch": "assets/images/apple-touch-icon.png",
"appleTouchMore": {
"120x120": "assets/images/apple-touch-icon-120x120.png",
"180x180": "assets/images/apple-touch-icon-180x180.png"
}
}
}
}
你一定会好奇，为什么favicon有这么多的设置？
首先，shortcut通常可以被所有可以显示favicon的浏览器读取。
bookmark在收藏夹中显示自己的图标
apple-touch-icon是一个类似网站favicon的图标文件，用来在iphone和ipod上创建快捷键时使用。
apple-touch-icon这个文件应当是png格式?? 默认：57x57像素大小，如果准备的文件不是57x57的话，它会自己缩放的。
