欢迎访问 gitbook-plugin-favicon-absolute 官网 👋
favicon-absolute 插件采用绝对路径设置网站 favicon 图标,相对于相对路径来说更加简单方便.
🏠 主页
- Github : https://snowdreams1006.github.io/gitbook-plugin-favicon-absolute/
- Gitee : https://snowdreams1006.gitee.io/gitbook-plugin-favicon-absolute/
- GitLab: https://snowdreams1006.gitlab.io/gitbook-plugin-favicon-absolute/
效果
用法
Step #1 - 更新 book.json
配置文件
- 在
book.json
配置文件中,添加favicon-absolute
到plugins
列表. - 在
book.json
配置文件中,配置pluginsConfig
节点的favicon-absolute
对象.
{
"plugins": ["favicon-absolute"],
"pluginsConfig": {
"favicon-absolute":{
"shortcut": "/favicon.ico",
"bookmark": "/favicon.ico",
"appleTouch": "/apple-touch-icon.png",
"appleTouchMore": {
"120x120": "/apple-touch-icon-120x120.png",
"180x180": "/apple-touch-icon-180x180.png",
}
}
}
}
其中,配置参数含义如下:
shortcut
: [必选]网页打开时显示图标.bookmark
: [必选]网页被收藏时显示图标.appleTouch
: [可选]Apple 设备触摸时默认显示图标.appleTouchMore
: [可选]Apple 设备触摸时更多尺寸显示图标.
上述图标位置建议直接放在根目录下,这样就会以绝对路径形式访问,解决相对路径可能设置无效的问题.
Step #2 - 运行 gitbook 相关命令
- 运行
gitbook install
命令安装到本地项目
$ gitbook install
或者
npm install gitbook-plugin-favicon-absolute
- 运行
gitbook build
命令构建本地项目或者gitbook serve
启动本地服务.
$ gitbook build
或者
$ gitbook serve
示例
不仅 gitbook-plugin-favicon-absolute 官方文档已整合 favicon-absolute
版权保护插件,此外还提供了示例项目,详情参考 example
目录.
作者
👤 snowdreams1006
- Github: @snowdreams1006
- Email: snowdreams1006@163.com
🤝 贡献
如果你想贡献自己的一份力量,欢迎提交 Issues
或者 Pull Request
请求!
支持
如果本项目对你有所帮助,欢迎 ⭐️ gitbook-plugin-favicon-absolute 项目,感谢你的支持与认可!
📝 版权
Copyright © 2019 snowdreams1006.
This project is MIT licensed.
作者: 雪之梦技术驿站
链接: https://snowdreams1006.github.io/gitbook-plugin-readmore/
来源: 雪之梦技术驿站
本文原创发布于「雪之梦技术驿站」,转载请注明出处,谢谢合作!