继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

gitbook 入门教程之自定义不一样的多语言首页插件

雪之梦技术驿站
关注TA
已关注
手记 91
粉丝 3907
获赞 222

npm:version
npm:download
npm:prerequisite
github:documentation
github:maintenance
npm:license
github:snodreams1006
website:snodreams1006.tech
微信公众号:雪之梦技术驿站-brightgreen.svg

自定义多语言主页

🏠 主页

屏幕截图

multilingual-index-use-preview.png

用法

步骤#1 - 更新 book.json 文件

  1. 在您的gitbook的 book.json 文件中,将 multilingual-index 添加到 plugins 列表中。
  2. pluginsConfig ,将 enableSuper 设置为 false 可禁用默认主页,并添加 index值以自定义多语言主页。仅支持相对路径。

这是最简单的示例:

{
    "plugins": ["multilingual-index"],
    "pluginsConfig": {
        "multilingual-index": {
            "enableSuper": false,
            "index":"index.html"
        }
    }
}

有关更多详细信息,请参考以下配置项:

"enableSuper": {
  "type": "boolean",
  "title": "inherit from super",
  "required": false,
  "default": true
},
"index": {
  "type": "string",
  "title": "default index path",
  "required": false
}

步骤#2 - gitbook命令

  1. 运行 gitbook install 。它将自动为您的 Gitbook 安装 multilingual-index gitbook 插件。仅需要一次。
gitbook install

或者您可以运行 npm install gitbook-plugin-multilingual-index 来本地安装。

npm install gitbook-plugin-multilingual-index
  1. 像往常一样构建您的书( gitbook build )或服务( gitbook serve )。
gitbook serve

示例

  • 官方文档配置文件
{
    "plugins": ["multilingual-index"],
    "pluginsConfig": {
        "multilingual-index": {
            "enableSuper": false,
            "index":"index.html"
        }
    }
}

multilingual-index-use-preview.png

  • 官方示例配置文件
{
    "plugins": ["multilingual-index"],
    "pluginsConfig": {
        "multilingual-index": {
            "enableSuper": true,
            "index":"index.html"
        }
    }
}

multilingual-index-example-preview.png

继承默认主页的示例 book.json 文件

{
   "plugins": ["multilingual-index"],
    "pluginsConfig": {
        "multilingual-index": {
            "enableSuper": true,
            "index":"index.html"
        }
    }
}

不继承默认主页的示例 book.json 文件

{
    "plugins": ["multilingual-index"],
    "pluginsConfig": {
        "multilingual-index": {
            "enableSuper": false,
            "index":"index.html"
        }
    }
}

作者

👤 snowdreams1006

贡献

欢迎提供文稿,问题和功能请求!

随时检查问题页面

表示支持

如果这个项目对您有帮助,请给个**星星** !

版权

版权所有©2019 snowdreams1006

该项目是MIT许可的。

如果本文对你有所帮助,点赞评论和收藏那就再好不过了呢!

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

有意思

查看全部评论