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

相关文章
使用pip时报错:No module named ‘chardet‘ 的解决办法
使用pip时报错:No module named ‘chardet‘ 的解决办法
2623 0
使用pip时报错:No module named ‘chardet‘ 的解决办法
|
5月前
|
数据采集 人工智能 搜索推荐
大模型入门指南:从看懂原理到动手微调,一步步打造你的专属AI
本文深入浅出地讲解大模型核心技术:从Token、Embedding到上下文窗口,揭秘AI如何理解语言;通过提示词工程、RAG与微调,教你打造专属智能助手。零基础也能学会,让AI真正为你所用,开启个性化智能时代。
1319 1
|
前端开发 JavaScript
vite中css最佳实践:使用postcss完善项目中的css配置
【8月更文挑战第3天】使用postcss完善项目中的css配置
4094 1
|
缓存 负载均衡 应用服务中间件
nginx(NGINX)详细下载安装及使用教程
nginx(NGINX)详细下载安装及使用教程
2131 0
|
安全
怎么解决网站显示该内容被禁止访问
如果您的网站首页或者内页面突然出现“该内容被禁止访问”的提示,那么说明你的网站被黑了,被黑什么了?我找找找,也没找出什么问题,到底是怎么回事,最终如何解决呢?下面,Sine安全老于为大家一一解惑。 内容被禁止访问的原因: 当出现这种提示时,说明您正在使用阿里云或者他们旗下万网的主机空间,阿里云是我国规模较大的云计算提供商,旗下的安全、可靠、稳定、高效的云主机,虚拟主机,域名等产品为众多客户所青睐。
7503 0
|
搜索推荐 程序员 SEO
程序员怎么接私活:外包众包接单方法!
程序员怎么接私活:外包众包接单方法!
|
机器学习/深度学习 存储 数据挖掘
基于Pytorch的图卷积网络GCN实例应用及详解
基于Pytorch的图卷积网络GCN实例应用及详解
2559 0
基于Pytorch的图卷积网络GCN实例应用及详解
|
存储 运维 监控
云原生技术架构成熟度模型解读| 学习笔记
快速学习云原生技术架构成熟度模型解读
云原生技术架构成熟度模型解读| 学习笔记
|
Oracle 关系型数据库 Java
Java Swing之数据库表结构导出工具(Excel、Word等)
EasyDataBaseExport是一款表结构信息生成工具,支持mysql、Oracle、Sqlserver、PostgreSql、达梦、虚谷、DB2等数据库,同时支持Excel、Word、Markdown、Html、Pdf文档导出
816 0
Java Swing之数据库表结构导出工具(Excel、Word等)
|
关系型数据库
Seata TCC模式实战(上)
Seata TCC模式实战(上)
928 0
Seata TCC模式实战(上)