更加美观
1. 左侧栏
(1)添加Logo
使用插件gitbook-plugin-insert-logo,
"plugins": [ "insert-logo" ],
"pluginsConfig": {
"insert-logo": {
"url": "logo.png",
"style": "background: none;max-height: 70px;width: -webkit-fill-available;max-width: 180px;"
}
}
有个小问题,如果书籍目录下建了子文件夹,如subfolder
,进入到子文件夹subfolder
下的网页,logo不能显示,原因是此时logo的地址为subfolder/logo.png
,找不到该文件。如果用诸如http://example.com/logo.png
,则能正常显示。
(2)将Introduction改为中文
侧边栏默认显示的是Introduction,对应于README.md
,对于中文文档,不够协调,在SUMMARY.md
添加如下行:
* [前言/引言/写在前面/...](README.md)
(3)移除 Published with GitBook
在书的根目录下创建styles/website.css
文件,添加以下内容:
.gitbook-link {
display: none !important;
}
在书的根目录下,创建book.json
文件,并添加如下内容。
{
"styles": {
"website": "styles/website.css"
}
}
2. 整体
修改网页标题图标,使用插件gitbook-plugin-custom-favicon,
{
"plugins" : ["custom-favicon"],
"pluginsConfig" : {
"favicon": "universal/favicon.ico"
}
}
将图片转换为ico格式,可以使用在线ICO转换功能:Online ICO converter。
插件gitbook-plugin-favicon似乎更强大。