gitbook 插件:图标与LOGO
文章目录
1. custom-favicon 插件
custom-favicon 插件: 修改网页标题图标 favicon
这个 pluginsConfig 和其他的不大一样。图标只能用 .ico 文件。
1.2 安装
npm i gitbook-plugin-custom-favicon
1.3 配置
{ "plugins" : ["custom-favicon"], "pluginsConfig" : { "favicon": "path/to/favicon.ico" } }
把.ico
格式的图标放进项目中。这个路径可以使用相对路径,比如./images/a.ico
1.4 效果
2. favicon 插件
favicon 插件 :修改网站图标
2.1 安装
npm i gitbook-plugin-favicon
2.2 配置
{ "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" } } } }
3. insert-logo 插件
insert-logo 插件 :insert-logo 插入logo
3.1 安装
npm i gitbook-plugin-insert-logo
3.2 配置
{ "plugins": [ "insert-logo" ] "pluginsConfig": { "insert-logo": { "url": "http://www.fuming.site/dist/avator.jpg", "style": "background: none; max-height: 30px; min-height: 30px" } } }
3.3 效果