gitbook中的book.json设置——favicon详解

浏览器标签栏的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和iPad上创建快捷键时使用。apple-touch-icon这个文件应当

是png格式，默认：57x57像素大小。如果准备的文件不是57x57的话，它会自己缩放的。