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

相关文章
|
存储 负载均衡 网络协议
LVS负载均衡群集部署——DR模式
1、LVS—DR概述 2、部署实验
LVS负载均衡群集部署——DR模式
|
JavaScript 开发工具 git
GitBook新手入门
GitBook是使用Git管理书籍项目,使用Markdown撰写书籍,并使用GitHub和GitBook网站进行托管的一个实用工具。下面简单说一下新手如何使用该强大的工具。
241 0
|
5月前
|
人工智能 IDE 开发工具
JetBrains PyCharm 2025.1 发布 - 面向专业开发者的 Python IDE
JetBrains PyCharm 2025.1 (macOS, Linux, Windows) - 面向专业开发者的 Python IDE
472 29
JetBrains PyCharm 2025.1 发布 - 面向专业开发者的 Python IDE
|
10月前
|
存储 架构师 Java
内存溢出原因与解决方案(4大主流方案详解)
本文详解内存溢出(OOM)的原因及解决方案。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
内存溢出原因与解决方案(4大主流方案详解)
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
|
API
解决http下navigator.clipboard为undefined问题
总之,要解决 `navigator.clipboard`为 `undefined`的问题,你需要确保遵循浏览器的安全策略,使用HTTPS,获得用户授权,并在受信任的上下文中使用clipboard API。此外,还要确保你的代码在支持该API的浏览器上运行。如果问题仍然存在,可能需要进一步调查特定浏览器和环境的问题。
1971 3
|
缓存 负载均衡 应用服务中间件
nginx(NGINX)详细下载安装及使用教程
nginx(NGINX)详细下载安装及使用教程
1252 0
|
弹性计算 关系型数据库 数据库
使用ECS和RDS搭建个人博客及搭建心得
在互联网时代,博客对于个体的价值非常重要。首先博客为个体提供了表达自己的平台。无论是个人的兴趣爱好、专业知识还是独特观点,博客可以让个体有机会将这些想法和经验分享给全世界。通过博客,我们可以借助文字、图片、视频等多种形式,以自由的方式表达自己的观点,丰富网络上的内容。同时博客可以帮助我们建立个人品牌和专业形象,通过持续地发布优质内容,提升个体的声誉和影响力,读者也可以通过评论、订阅等方式与博主进行互动,不仅可以增加博客的曝光度,还可以建立起粉丝群体,形成一个积极的社区。
545 4
使用ECS和RDS搭建个人博客及搭建心得
|
自然语言处理 搜索推荐 iOS开发
Mac安装和使用GitBook
Mac安装和使用GitBook
|
数据安全/隐私保护
阿里企业邮箱购买指南
阿里企业邮箱购买指南,阿里云企业邮箱购买流程,企业邮箱分为免费版、标准版、集团版和尊享版,阿里云百科分享企业邮箱版本区别,企业邮箱收费标准价格表,以及阿里企业邮箱详细购买流程
521 0

热门文章

最新文章