首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >GitBook - 安装插件 - click reveal 点击显示功能 - 效果:点击显示/隐藏代码

GitBook - 安装插件 - click reveal 点击显示功能 - 效果:点击显示/隐藏代码

作者头像
Devops海洋的渔夫
发布2019-05-31 10:59:43
3.1K0
发布2019-05-31 10:59:43
举报
文章被收录于专栏:Devops专栏Devops专栏

click-reveal

Simple plugin to add « Click to Reveal » functionnality to your GitBook.

Installation

In your book.json add the plugin:

{
    "plugins": [
        "click-reveal"
    ]
}

Usage

Quick use :

{% reveal %}
Your element to **hide**
{% endreveal %}

With custom text :

{% reveal text="Click here to reveal my secret" %}
Your element to **hide**
{% endreveal %}

安装使用插件

配置book.json如下:

{
    "plugins": [
        "-lunr", "-search", "search-pro",
        "back-to-top-button",
        "chapter-fold",
        "code",
        "splitter",
        "tbfed-pagefooter",
        "popup",
        "page-toc-button",
        "accordion",
        "click-reveal"
    ],
    "pluginsConfig": {
        "tbfed-pagefooter": {
            "copyright": "Copyright &copy Aron.Li 2019",
            "modify_label": "该文件修订时间:",
            "modify_format": "YYYY-MM-DD HH:mm:ss"
        },
        "page-toc-button": {
            "maxTocDepth": 2,
            "minTocSize": 2
        }
    }
}

使用gitbook install安装。

编写隐藏内容

{% reveal text="Click here to reveal my secret" %}
Your element to **hide**
{% endreveal %}

启动预览效果

这个显示之后就没法隐藏,有点缺陷。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.04.27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • click-reveal
    • Installation
      • Usage
        • 安装使用插件
        • 编写隐藏内容
        • 启动预览效果
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档