gitbook 插件 图标与LOGO

简介: 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 效果

1832b220aa754cd18c504acc7686a560.png

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 效果

1832b220aa754cd18c504acc7686a560.png

相关文章
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
|
8月前
vite项目Logo图标的旋转
vite项目Logo图标的旋转
37 0
|
区块链
Qt-添加软件图标(logo)
Qt-添加软件图标(logo)
224 0
CTK框架 - 将菜单按钮写到插件中
之前我们在的两个插件Core和About,在Core和About中加入了界面,并且Core中插入了一个菜单,点击之后弹出About界面。 我们现在来用之前的知识把菜单改成注册的,并且点击之后弹出About界面。 我这里的思路是使用事件或者是在Core中加注册的服务来注册菜单。之后点击菜单的时候发送事件。
128 0
|
IDE Java 程序员
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】
SVG VSCode 插件(语法提示补全、预览插件)
SVG VSCode 插件(语法提示补全、预览插件)
1610 0
|
存储 前端开发 JavaScript
05. 使用 cordova plugman 编辑和添加插件
05. 使用 cordova plugman 编辑和添加插件
185 0