更加美观

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似乎更强大。

本文系Spark & Shine原创,转载需注明出处本文最近一次修改时间 2022-02-10 23:19

results matching ""

    No results matching ""