Gitbook详解（五）-插件的配置和使用详解

最新推荐文章于 2024-03-31 09:45:11 发布
最新推荐文章于 2024-03-31 09:45:11 发布
阅读量2.8k 收藏 13
点赞数 5
分类专栏： Gitbook
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ming_97y/article/details/115202048
版权

文章目录

1. 介绍

本章主要来详细的介绍一下 Gitbook 中的 插件 相关的配置和使用。在 Gitbook 中可以在书籍的配置文件 book.json 中来进行插件的相关配置。比如有很多好用的插件，可以很好的拓展书籍的外观，可用性或者其他方便的使用，所以接下来就一起来看看 Gitbook 中插件的使用吧。

配置的方法是在配置文件的 plugins 中添加需要的插件名称即可。

如下所示：

"plugins": [
    "search",
    "highlight",
    "sharing",
    "font-settings",
    "livereload",
    ...
]

1.1 默认插件

Gitbook 中默认带有 5 个插件：

名称说明
highlight语法高亮插件，代码高亮功能
search搜索插件，不支持中文搜索
sharing分享插件，右上角分享功能
font-settings字体设置（最上方的"A"符号）
livereload热加载插件，为 GitBook 编辑进行实时重新预览加载

1.2 禁用自带的插件

如果需要去除或者禁用 Gitbook 中的某个插件，可以在插件名称前面加 - 。

如下所示：

"plugins": [
    "-search",
    "-highlight",
    "-sharing",
    "-font-settings",
    "-livereload",
    ...
]

1.3 添加插件列表

如果需要添加一些第三方的自定义插件，可以在 plugins 中添加需要的插件名称列表。

注意：

  • 有的第三方的插件可能和默认的插件有重复，或者替代默认插件的，需要禁用对应的默认插件，具体用法一般参考对应插件的使用说明。
  • 第三方插件使用的话，可能会破坏书籍的结构，所以使用上需要注意！

例如：

"plugins": [
		"-search",
        "advanced-emoji",
        "search-pro",
        "github",
        "splitter",
        "anchor-navigation-ex",
        "chapter-fold",
        "expandable-chapters-small",
        "code",
        "alerts",
        "insert-logo",
        "flexible-alerts",
        ...
    ]

1.4 插件属性配置 pluginsConfig

配置插件的属性在书籍配置文件中的 pluginsConfig 中进行相关插件的属性配置。

例如：配置insert-logo 插件的相关属性

"pluginsConfig": {
       "insert-logo": {
           "url": "jim-logo.png",
           "style": "background: none; max-height: 100px; min-height: 30px"
       }
   }

2. 实用插件

Gitbook 中的第三方插件有很多，在此就不进行一一的介绍了。下面就根据博主了解或者使用过的插件，简单整理一些实用的插件进行介绍一下吧。

第三方插件使用方法：

  • 在配置文件 book.json 中添加 "plugins" 和 "pluginConfig" 字段，然后执行 gitbook install 来进行插件的安装
  • 使用NPM安装 npm install gitbook-plugin-插件名 进行安装
  • 从源码 GitHub 地址中下载，放到 node_modules 文件夹里安装

提示：

  1. 推荐使用配置文件 book.json 配置的方法进行安装，下面主要通过这种方式来进行介绍安装和配置第三方的插件的简单使用。
  2. 更详细的配置或者使用方法，以及效果图，请参考每一个插件后面贴出官方参考链接。

详细效果可以参考：

https://jiangminggithub.github.io/gitbook/

https://jiangming_gitee.gitee.io/gitbook/

2.1 insert-logo 插入logo

将自己的logo图片插入到导航栏上方中，定制显示自己的 logo 标识。

{
    "plugins": [ "insert-logo" ]
    "pluginsConfig": {
      "insert-logo": {
        "url": "./jim-logo.png",
        "style": "background: none; max-height: 100px; min-height: 30px"
      }
    }
}

插件 Github 地址：https://github.com/matusnovak/gitbook-plugin-insert-logo

2.2 favicon 更改网站的图标

自定义的网站图标的插件，可以将自己的 logo 图标设置为网站的图标。

{
    "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"
            }
        }
    }
}

插件 Github 地址：https://github.com/menduo/gitbook-plugin-favicon

2.3 search-pro 高级搜索（支持中文）

支持中文搜索的插件, 使用此插件需要将默认的 search 和 lunr 插件去掉。

{
    "plugins": [
      "-lunr", "-search", "search-pro"
    ]
}

插件 Github 地址：https://github.com/gitbook-plugins/gitbook-plugin-search-pro

2.4 splitter 侧边栏宽度可调节

splitter 插件可以使左侧的侧边栏目录宽度可以自定义的调节。

{
    "plugins": ["splitter"]
}

插件 Github 地址：https://github.com/yoshidax/gitbook-plugin-splitter

2.5 github 在右上角添加github图标

github 插件会在右上角添加一个 github 的图标，可以通过插件属性配置链接，点击后可以进入自定义的链接页面。

{
    "plugins": [ 
        "github" 
    ],
    "pluginsConfig": {
        "github": {
            "url": "https://github.com/jiangminggithub"
        }
    }
}

插件 Github 地址：https://github.com/GitbookIO/plugin-github

2.6 sharing-plus 分享当前页面

分享当前页面的插件，比默认的 sharing 插件多了一些分享方式，同样可以通过配置插件属性进行相关的配置，可以通过实际需要进行相关配置。

{
    "plugins": ["-sharing", "sharing-plus"],
    "pluginsConfig": {
        "sharing": {
            "douban": false,
            "facebook": true,
            "google": false,
            "hatenaBookmark": false,
            "instapaper": false,
            "line": false,
            "linkedin": true,
            "messenger": false,
            "pocket": true,
            "qq": false,
            "qzone": false,
            "stumbleupon": false,
            "twitter": true,
            "viber": false,
            "vk": false,
            "weibo": false,
            "whatsapp": false,
            "all": [
                "facebook", "google", "twitter",
                "weibo", "instapaper", "linkedin",
                "pocket", "stumbleupon"
            ]
        }
    }
}

插件参考地址：https://www.npmjs.com/package/gitbook-plugin-sharing-plus

2.7 copy-code-button 代码复制按钮

为代码块添加一个可以复制的按钮。

{
    "plugins": ["copy-code-button"]
}

插件 Github 地址：https://github.com/WebEngage/gitbook-plugin-copy-code-button

2.8 code 代码添加行号&复制按钮

这个插件可以为代码块添加行号和复制按钮，单行代码情况无行号。

如果需要去除代码复制按钮，可在配置文件进行配置 copyButtons 属性为 false。

{
    "plugins" : [ 
            "code" 
     ],
    "pluginsConfig": {
      "code": {
        "copyButtons": false
      }
    }
}

插件 Github 地址：https://github.com/TGhoul/gitbook-plugin-code

2.9 advanced-emoji 表情图标

这个插件可以在书籍中使用表情列表中的表情图标。

{
    "plugins": [
        "advanced-emoji"
    ]
}

插件 Github 地址：https://github.com/codeclou/gitbook-plugin-advanced-emoji

2.10 emphasize 文字底色

这个插件可以给书籍中的文本内容加上特定的文字底色效果。

{
    "plugins": ["emphasize"]
}

简单的使用示例（markdown书籍中内容中）：

This text is {% em %}highlighted !{% endem %}

This text is {% em %}highlighted with **markdown**!{% endem %}

This text is {% em type="green" %}highlighted in green!{% endem %}

This text is {% em type="red" %}highlighted in red!{% endem %}

This text is {% em color="#ff0000" %}highlighted with a custom color!{% endem %}

插件 Github 地址：https://github.com/GitbookIO/plugin-emphasize

2.11 image-captions 在图片下面显示标题

抓取内容中图片的 alt 或 title 属性，在图片下面显示标题。更多详细的配置属性和使用方法参考官方说明。

基本使用：

{
    "plugins": [
        "image-captions"
    ],
    "pluginsConfig": {
      "image-captions": {
          "caption": "Image _PAGE_LEVEL_._PAGE_IMAGE_NUMBER_ - _CAPTION_",
          "align": "left",
          ...
      }
  }
}

插件 Github 地址：https://github.com/todvora/gitbook-plugin-image-captions

2.12 anchor-navigation-ex 悬浮目录和回到顶部

插件功能：

  • 给页面H1-H6标题增加锚点效果
  • 浮动导航模式
  • 页面内顶部导航模式
  • 导航标题前的层级图标是否显示，自定义H1-H3的层级图标
  • plugins[“theme-default”],页面标题层级与官方默认主题的showLevel层级关联
  • plugins[“theme-default”],插件样式支持官网默认主题的三种样式：White、Sepia、Night
  • 在页面中增加标签，会在此处生成TOC目录
  • 在页面中增加 标签，不会在该页面生成悬浮导航
  • config.printLog=true,打印当前的处理进度，排错很有用
  • config.multipleH1=false,去掉丑陋的多余的1. 序号（如过您的书籍遵循一个MD文件只有一个H1标签的话）
  • config.showGoTop=true,显示返回顶部按钮 V1.0.11+
  • config.float.floatIcon 可以配置浮动导航的悬浮图标样式 V1.0.12+
  • 在页面中增加 不会在该页面生成层级序号 V1.0.12+

使用：

{
  "plugins": [
       "anchor-navigation-ex"
  ]
}

插件 Github 地址：https://github.com/zq99299/gitbook-plugin-anchor-navigation-ex

2.13 expandable-chapters-small 折叠侧边栏

在左侧目录前面显示一个折叠的标志，可以进行折叠侧边栏。

{
    plugins: ["expandable-chapters-small"]
}

插件 Github 地址：https://github.com/chrisjake/gitbook-plugin-expandable-chapters-small

2.14 alerts 漂亮格式的提示块

这个插件可以将将块引用转换为漂亮的提示格式的信息。

{
    "plugins": ["alerts"]
}

目前支持 4 种提示的类型：info，warning，danger，success

Info styling

> **[info] For info**
>
> Use this for infomation messages.

Warning styling

> **[warning] For warning**
>
> Use this for warning messages.

Danger styling

> **[danger] For danger**
>
> Use this for danger messages.

Success styling

> **[success] For info**
>
> Use this for success messages.

插件参考地址：https://www.npmjs.com/package/gitbook-plugin-alerts

2.15 flexible-alerts 高级格式显示的提示块

这个插件将块引用转换为漂亮的警报。可以在全局和警报特定级别配置外观，因此输出确实符合您的需求。此外，您还可以提供自己的警报类型（比如最后的comment）。

{
    "plugins": [
      "flexible-alerts"
    ],
    "pluginsConfig": {
      "flexible-alerts": {
        "style": "callout",
        "comment": {
          "label": "Comment",
          "icon": "fa fa-comments",
          "className": "info"
        }
      }
    }
}

用法：

> [!type|style:xx|label:xx|icon:xx|className:xx|labelVisibility:xx|iconVisibility:xx]
> 内容部分

字段介绍，如果不设置的表示选择默认，除了!type都不是必需的。

键允许的值说明
!typeNOTE，TIP，WARNING和DANGER警告级别设置
style以下值之一: callout（默认）, flat警告样式，见图19的左右不同
label任何文字警告块的标题位置，即Note这个字段位置（不支持中文）
icone.g. ‘fa fa-info-circle’一个有效的Font Awesome图标，那块小符号
classNameCSS类的名称指定css文件，用于指定外观
labelVisibility以下值之一：visible（默认），hidden标签是否可见
iconVisibility以下值之一：visible（默认），hidden图标是否可见
1. 这是简单的用法
> [!NOTE]
> 这是一个简单的Note类型的使用，所有的属性都是默认值。

---
2. 这是自定义属性的用法
> [!NOTE|style:flat|lable:Mylable|iconVisibility:hidden]
> "!type":`NOTE`、"style":`flat`、"lable":`自定义标签`、图标不可见

json 配置个性化，自定义一个COMMENT类型使用。

"pluginsConfig": {
      "flexible-alerts": {
        "style": "callout",
        "comment": {
          "label": "Comment",
          "icon": "fa fa-comments",
          "className": "info"
        }
      }
    }

使用：

> [!COMMENT]
> An alert of type 'comment' using style 'callout' with default settings.

插件 Github 地址：https://github.com/fzankl/gitbook-plugin-flexible-alerts

2.16 auto-scroll-table 表格自动过长滚动条

为避免表格过宽，在过宽的表格页面中增加滚动条。

{
  "plugins": ["auto-scroll-table"]
}

2.17 lightbox 点击图片弹窗显示

这个插件可以单击图片，以图片本身大小的方式弹窗显示图片和一些图片相关的 Alt 的信息。

{
    "plugins": [
        "lightbox"
    ],
    "lightbox": {
        "includeJQuery": false,
        "sameUuid": true,
        "options": {
            "resizeDuration": 500,
            "wrapAround": false
        }
    }
}

配置参数介绍：

  • includeJQuery: 如果你的项目中已经引入了 JQuery 可以在此设置是否包含插件本身的 JQuery。
  • sameUuid：在图片预览中添加上一个、下一个按钮来浏览本页面的图片配置。
  • options： 这个选项配置显示的动画时长，是否包裹等相关配置。

插件 Github 地址：https://github.com/vongola12324/gitbook-plugin-lightbox

2.18 popup 点击图片新页面弹出显示

可以单击图片，在新页面查看大图。

{
  "plugins": [ "popup" ]
}

插件 Github 地址：https://github.com/somax/gitbook-plugin-popup

2.19 tbfed-pagefooter 页脚和版权

可以添加页脚，版权信息。

{
    "plugins": [
       "tbfed-pagefooter"
    ],
    "pluginsConfig": {
        "tbfed-pagefooter": {
            "copyright":"Copyright ©JiangMing 2021",
            "modify_label": "更新时间：",
            "modify_format": "YYYY-MM-DD HH:mm:ss"
        }
    }
}

如果想自定义一个链接说明，自己可以去index.js里，把 powered by gitbook，改成
powered by <a href="你的说明内容链接" target="_blank">你的说明内容

插件 Github 地址：https://github.com/zhj3618/gitbook-plugin-tbfed-pagefooter

2.20 page-footer 高级页脚和版权

更高级的页脚版权信息的插件，支持normal，symmetrical，Issues三种不同样式的形式。

{
    "plugins": [
        "page-footer"
    ],
    "pluginsConfig": {
        "page-footer": {
            "description": "modified at",
            "signature": "Aleen",
            "wisdom": "More than a coder, more than a designer",
            "format": "yyyy-MM-dd hh:mm:ss",
            "copyright": "Copyright &#169; aleen42",
            "timeColor": "#666",
            "copyrightColor": "#666",
            "utcOffset": "8",
            "isShowQRCode": true,
            "baseUri": "https://aleen42.gitbooks.io/personalwiki/content/",
            "isShowIssues": true,
            "repo": "aleen42/PersonalWiki",
            "issueNum": "8",
            "token": "",
            "style": "normal"
        }
    }
}

插件 Github 地址：https://github.com/aleen42/gitbook-footer

2.21 hide-element 隐藏元素

可以隐藏不想看到的元素，比如导航栏中 Published by GitBook 。

{
    "plugins": [
        "hide-element"
    ],
    "pluginsConfig": {
        "hide-element": {
            "elements": [".gitbook-link"]
        }
    }
}

插件 Github 地址：https://github.com/gonjay/gitbook-plugin-hide-element

2.22 back-to-top-button 回到顶部按钮

可以在浏览文章到一定长度的时候，显示一个回到顶部的快捷按钮，点击可以快速回到文章顶部。

{
    "plugins": [
         "back-to-top-button"
    ]
}

插件 Github 地址：https://github.com/stuebersystems/gitbook-plugin-back-to-top-button

2.23 prism 基于 Prism 的代码高亮

prism 基于 Prism 的代码高亮插件，可以为代码块配置不同的主题风格。

{
    "plugins": [
        "prism",
        "-highlight"
    ],
    "pluginsConfig": {
        "prism": {
            "css": [
                "prismjs/themes/prism-solarizedlight.css"
            ],
            "lang": {
                "flow": "typescript"
            },
            "ignore": [
                "mermaid",
                "eval-js"
            ]
        }
    }
}

配置参数介绍：

  • css：指定自定义主题的样式文件。
  • lang： 配置自定义语言前缀名，来混淆配置。
  • ignore：由于其他插件使用自定 lang 代码块的概念来表示其他功能，你可以忽略某些 langs。

插件 Github 地址：https://github.com/gaearon/gitbook-plugin-prism

2.24 theme-hqbook 自定义 hqbook 主题

Gitbook 也支持通过插件的方式来自定义主题，在 Github中可能有很多主题资源，但是不是非常建议大家去使用第三方的主题，因为第三的主题可能会导致一些不兼容的情况或者各种问题。

hqbook 主题其实也是不是非常完善的，比如不能很好的适配移动端，在移动端访问，界面就可能出现各种不协调的地方，截止到目前为止，博主还没有发现一个比较完善的主题，本节仅供大家参考，具体的使用还是需要自己去研究或者有能力的情况自行开发一套哈。

{
    "plugins": [
        "theme-hqbook"
    ],
    "variables": {
        "themeHqbook":{
            "nav":[
                {
                    "url": "https://blog.csdn.net/ming_97y",
                    "target": "_blank",
                    "name": "Blog"
                },
                // { ... }
            ]
        },
    },
    "pluginsConfig": {
        "theme-hqbook":{
            "favicon": "./favicon.ico",
            "logo":"./logo.png",
            "search-placeholder":"输入关键字搜索",
			"copyButtons": true,
			"copyLines": true,
			"dragSplitter": true,
            "hide-elements": [
                ".summary .gitbook-link"
            ],
            "flexible-linkcard": {
                "title": "flexible-linkcard",
                "hrefUrl": "https://github.com/HaoqiangChen/gitbook-plugin-flexible-linkcard",
                "target": "_blank",
                "imgSrc": "./book/logo.png",
                "imgClass": "rect"
            }
        }
    }
}

参数简单介绍：

  • favicon：自定义favicon地址，修改标题栏图标

  • logo：自定义logo地址，修改logo

  • search-placeholder：搜索框提示信息

  • copyButtons：代码块添加复制按钮

  • copyLines：当显示多行代码时，将添加行号

  • dragSplitter：在左侧目录和右侧内容之间添加一个可以拖拽的栏，用来调整两边的宽度

  • hide-elements：隐藏元素，比如导航栏中Published by GitBook

  • nav：顶部导航栏，nav为数组，将需要的导航添加到变量themeHqbook中

  • flexible-linkcard：

  1. title : 定义flexible-linkcard的默认标题
  2. hrefUrl : 定义flexible-linkcard的默认网址
  3. target : 定义flexible-linkcard的网址默认打开方式，即HTML<a>的target属性，属性值有_seft, _blank, _parent, _top几种，最好还是设置_blank新窗口打开
  4. imgSrc : 定义flexible-linkcard的默认显示图片
  5. imgClass : 定义flexible-linkcard的默认图片样式

插件 Github 地址：https://github.com/HaoqiangChen/gitbook-plugin-theme-hqbook

2.25 donate 打赏插件

显示在文章最下面的按钮，点击可弹出收款相关的图片和信息。

{
    "plugins": ["donate"],
    "pluginsConfig": {
        "donate": {
          "wechat": "/images/wechat-qr.png",
          "alipay": "/images/alipay-qr.png",
          "title": "默认空",
          "button": "默认值：Donate",
          "alipayText": "默认值：支付宝捐赠",
          "wechatText": "默认值：微信捐赠"
        }
    }
}

插件 Github 地址：https://github.com/willin/gitbook-plugin-donate

2.26 更多…

其他插件参考：

关于第三方插件的介绍就到这里了，大家有兴趣的可以去查看一下：https://github.com/GitbookIO

更多的插件，请到 NPM Package 或者 GitHub 中查询使用。

3. 总结

到此将插件的配置和使用详细的介绍完了，也列举了一些常用的一些第三方的插件的使用方法，相信现在大家可以很好的利用这些比较好用的第三方的插件，去更好的去构建自己的书籍了。

>>> 系列文章快捷导航：

  1. Gitbook详解（一）-介绍和安装详解
  2. Gitbook详解（二）-命令行的使用
  3. Gitbook详解（三）-目录结构详解
  4. Gitbook详解（四）-配置和说明详解
  5. Gitbook详解（五）-插件的配置和使用详解
  6. Gitbook详解（六）-导出电子书详解
  7. Gitbook详解（七）-Markdown编辑器推荐
  8. Gitbook详解（八）-发布书籍
JiangMing-JIM
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
gitbook-plantuml:Gitbook PlantUml 插件，用于从markdown uml中选择并转换成图片格式svg
06-19
GitBook PlantUml 插件 这是 GitBook 的示例插件，专门针对 PlantUML 中的 GitBook 进行了。 Gitbook PlantUml 插件用于从markdown uml 中选择并转换成图片格式svg。 例子： 文本格式uml： @startuml Class Stage Class Timeout { +constructor:function(cfg) +timeout:function(ctx) +overdue:function(ctx) +stage: Stage } Stage <|-- Timeout @enduml 图像 uml。 如何使用它： 可以使用以下命令从 NPM 安装 Gitbook PlantUml 插件： $ npm install gitbook-plantuml 其他要求： 在项目的根目录中创建一
使用 Gitbook 打造你的电子书
weixin_33836874的博客
08-30 1313
本文详细讲解了 Gitbook 生成电子书的完整过程，内容包括：安装、命令、配置、文档结构、生成电子书、部署。 限于篇幅，本文不介绍任何 Gitbook 定制化页面的内容。 想看看 Gitbook 在线电子书效果，请猛戳这里：gitbook-notes 概述 GitBook 是使用 GitHub / Git 和 Markdown（或AsciiDoc）构建漂亮书籍的命令行工具（和Node.js库...
gitbook 入门教程之增强版 edit-link-plus 编辑此页插件
雪之梦技术驿站
12-10 635
Gitbook plugin add "edit this page" link, and intelligent recognition to Github or Gitlab source repository.
探索 GitBook 插件：Anchor Navigation Explorer
最新发布
gitblog_00031的博客
03-31 329
探索 GitBook 插件：Anchor Navigation Explorer 项目地址:https://gitcode.com/zq99299/gitbook-plugin-anchor-navigation-ex 如果你是文档编写者或知识库维护者，GitBook 可能是你已经熟悉的在线书籍和文档创作平台。为了提升阅读体验并增强导航功能，我们向你推荐一款强大的 GitBook 插件：gitbo...
java8stream源码-gotbook:一个工具抓取gtibook并生成一个排序的Markdown表作为README.md，
06-04
java8流源码教科书 根据 gitbook 在他的官方网站上禁用 explore(search) 功能。 所以我写了一个工具来爬我之前盯着看的书。 我的算法/想法的步骤如下。 从 root 凝视的书籍中收集作者。 （默认 root 是我的 gitbook ID） 扫描那些作者的书并用他们盯着的书收集更多的作者。 待定。 反映扫描谁也盯着或订阅了这些书收集更多的作者。 直到收集作者并扫描他们的书籍收敛然后生成一个排序的书籍表。 如果你想要我可以在这里列出更多的书 你可以请求添加一些我在author.json 中遗漏的优秀作者。 我会检查它并为每个人重新生成这个索引。 文森特 gitbook 1650 本书按星级排序 @ 2018-12-08 20:43:06 (UTC) 列表太长所以 github auto 省略了最后一部分。 您可以下载 READ.md 以获取完整列表。 标题 作者 星星 订阅 下载 6156 1634 | | 4206 994 | | 3306 804 | | 3110 804 | | 3006 833 | | 2760 643 | | 2748 549 | | 2
gatsby_如何使用Gatsby和MDX从头开始构建编码博客
cumi6497的博客
08-10 698
gatsbyI have been a Gatsby user since around version 0 back in May 2017. 自2017年5月左右发布第0版以来，我一直是Gatsby用户。 Back then, I was using a template called Lumen. It was just what I needed at the time. Since ...
gitbook-plugin-anchor-navigation:将锚点导航和goto顶部添加到您的Gitbook
05-17
gitbook-plugin-anchor-导航 将锚点导航添加到您的Gitbook。 默认显示： 悬停显示： 使用安装在您的书中 $ npm install --save gitbook-plugin-anchor-navigation 将插件添加到您的book.json ： { "plugins" : [ "anchor-navigation" ] }
gitbook 插件 图标与LOGO
爱死亡机器人
06-04 772
custom-favicon 插件: 修改网页标题图标 favicon 1.3 配置 把 格式的图标放进项目中。这个路径可以使用相对路径，比如favicon 插件 ：修改网站图标 配置 insert-logo 插件 insert-logo 插件 ：insert-logo 插入logo.........
Gitbook插件-侧边栏上方加Logo之“insert-logo“插件的使用
CrazyDeveloper007的笔记
02-04 1251
文章目录1 准备工作1.1 运行环境之操作系统1.2 `gitbook` 的安装与使用2 安装与配置GitBook的 `insert-logo` 插件2.1 修改配置文件 `book.json`2.2 执行 `gitbook` 相关命令安装插件3 使用 `insert-logo` 插件4 运行GitBook项目5 写在最后 本文概述： 本文向读者朋友介绍了GitBook的 insert-logo 插件的使用，使用该插件可以让文档侧边栏的上侧出现自定义的Logo（可以设置为项目的Logo、团队的Logo、或
gtibook 插件 侧边导航
爱死亡机器人
06-03 1014
Gitbook 提供的书籍默认都会在左侧提供书籍目录索引导航的功能。对于侧边导航功能、UI、布局、效果等等有一些开源的插件可供选择，插件的核心功能与差异：chapter-fold 插件: 默认的侧边目录是全部展开的，该插件可以让文章按照层级目录折叠起来，同时只能展开一个目录。 expandable-chapters 插件: 默认的侧边目录是全部展开的，该插件可以让文章按照层级目录折叠起来，展开后不会自动折叠。 expandable-chapters-small 插件: 默认的侧边目录是全部展开的，该插件可以
个人网站之GitBook的简单使用
Alfred的博客
04-15 1244
相比于博客网站（如：CSDN、简书、Hexo搭建的个人博客等），个人感觉GitBook更能做一些系列型的技术存档与学习， 前者更适合做一些笔记的整理和技术分享，而GitBook的作用相当于将这些笔记做了一些归纳，类似电子书的方式。 对于查询资料和文档整理会更好些，当然，工具的使用因人而异。 1.环境安装 使用之前，先确保安装了 Git 和 Node.js。 1.1.安装 Git 工具 传送门...
gitbook-plugin-expandable-chapters
05-26
gitbook-plugin-expandable章
php.ini-文件配置详解.doc
11-30
php.ini-文件配置详解.doc
详解Django-auth-ldap 配置方法
09-19
Django-auth-ldap是一个Django身份验证后端，可以针对LDAP服务进行身份验证。这篇文章主要介绍了详解Django-auth-ldap 配置方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解spring-boot actuator（监控）配置和使用
08-29
本篇文章主要介绍了spring-boot actuator（监控）配置和使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Tomcat 7-dbcp配置数据库连接池详解
09-30
主要介绍了Tomcat 7-dbcp配置数据库连接池详解的相关资料,需要的朋友可以参考下
Gitbook详解（六）-导出电子书详解
JiangMing-JIM的博客
04-11 1665
文章目录1. 导出格式2. 基本命令3. 导出书籍为HTML格式的静态网站4. 导出书籍为PDF格式文件5. 导出书籍为ePub格式文件6. 导出书籍为Mobi格式文件7. 结束 1. 导出格式 目前为止，Gitbook 支持如下输出： 静态HTML（静态网站） PDF格式 eBook格式 Mobi 格式 目前常见的电子书格式主要主要有三种(ePub, Mobi, PDF)，在 Gitbook 中导出这三种格式都依赖于系统本身提供的 ebook-convert 工具支持. 在本系列文章的 Gitbo
Gitbook详解（一）-介绍和安装详解
JiangMing-JIM的博客
04-11 1662
1. 简介 Gitbook 是什么？其实用一句话就可以概括，它是一个能使用Markown的语法快速制作各种格式电子书的工具。 常被IT相关人员用于编写文档或者电子书，特点是方便简洁，易于使用。当然这也不是IT人员才能使用，只要熟悉轻量级标记语法的 Markdown 语法，就能使用Gitbook来制作各种格式的电子书。接下来笔者就来分享一下自己使用 Gitbook 的方法和经验，会分类来介绍，感兴趣的可以关注笔者关于 Gitbook 这个系列的文章。 2. 环境准备 2.1 下载和安装 Node.js 官
spring-boot-maven-plugin 配置详解
09-21
Spring Boot Maven插件（spring-boot-maven-plugin）是用于在Maven构建过程中支持Spring Boot应用的插件。它能够将Spring Boot应用打包为可执行的jar或war文件，并提供了许多配置选项来自定义构建和运行过程。 该插件的常用配置属性如下： - mainClass：用于指定可执行jar文件的入口类，通常会自动设置为Manifest文件的Main-Class属性。 - layout：用于指定打包的布局方式，可以选择ZIP或JAR，默认为JAR。 - executable：用于将打包的jar文件标记为可执行文件，通常会将此属性设置为true。 - includes/excludes：用于指定在打包过程中包含或排除哪些文件。 - jvmArguments：用于指定在运行jar文件时传递给JVM的额外参数。 - systemProperties：用于指定在运行jar文件时传递给JVM的系统属性。 以上只是部分常用配置属性，你可以根据具体需求来选择配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值