gitbook 插件图标与LOGO

ghostwritten

已于 2022-06-06 14:43:17 修改

阅读量1k

点赞数 2

分类专栏： git 文章标签： github gitbook git

于 2022-06-04 22:56:27 首次发布

本文链接：https://blog.csdn.net/xixihahalelehehe/article/details/125125018

版权

git 专栏收录该内容

97 篇文章

订阅专栏

gitbook 插件：图标与LOGO

文章目录

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"
      }
    }
}