npm 包 gitbook-plugin-sharing 使用教程

在GitBook中,gitbook-plugin-sharing是一款非常实用的插件,可以方便地分享文章到多个社交平台。本文将详细介绍如何使用npm包gitbook-plugin-sharing,并提供示例代码。

安装

先安装GitBook和npm。然后在GitBook所在目录下打开终端,运行以下命令:

- --- ------- ----------------------

配置

在GitBook项目的book.json文件中添加以下内容:

-
  ---------- ------------
  ---------------- -
    ---------- -
      --------- ------ -- --------
      ----------- ----- -- ------------
      --------- ----- -- -----------
      ----------------- ------ -- ---------- --------
      ------------- ------ -- --------------
      ------- ------ -- --------
      ----------- ------ -- ------------
      ------------ ------ -- -------------
      --------- ------ -- ----------
      ----- ------ -- ------
      -------- ------ -- --------
      --------- ------ -- -------
      ------------ ------ -- --------
      ---------- ----- -- -----------
      -------- ------ -- ------
      ------------ ------ -- -------------
      --------- ----- -- ---------
    -
  -
-

在配置中,可以根据需求选择需要显示的社交平台。

使用

使用非常简单,在写作的过程中,在需要分享的地方添加{% sharing %}即可,比如:

- ----

---------

-- ------- --

效果如下:

总结

通过使用gitbook-plugin-sharing插件,可以方便快捷地将文章分享到多个社交平台,提高文章的曝光率。本文介绍了该插件的安装、配置及使用方法,并提供了示例代码,希望能对大家有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/52340


猜你喜欢

  • npm 包 gitbook-plugin 使用教程

    前言 在前端开发中,我们经常需要编写技术文档以便于团队成员交流和知识分享。GitBook 是一款十分优秀的文档生成工具,可以帮助我们快速创建漂亮的文档网站。同时,通过使用 GitBook 插件,我们还...

    6 年前
  • npm 包 gitbook-plugin-github 使用教程

    介绍 gitbook-plugin-github 是一个 GitBook 插件,它提供了与 GitHub 的集成功能,可以在 GitBook 中方便地引用 GitHub 上的代码和 Issues。

    6 年前
  • npm 包 gitbook-plugin-edit-link 使用教程

    介绍 gitbook-plugin-edit-link 是一个 GitBook 插件,它可以在每个页面的底部添加一个编辑页面链接,方便读者直接跳转到 GitHub 等代码仓库中修改该页面的源代码。

    6 年前
  • npm 包 inline-style-prefixer 使用教程

    在前端开发中,我们经常需要编写 CSS 样式来美化页面。然而,由于浏览器兼容性的问题,我们需要为不同浏览器添加不同的前缀。这会让样式表变得复杂且难以维护。为了解决这个问题,一个叫做 inline-st...

    6 年前
  • npm 包 keycode 使用教程

    简介 keycode 是一个 npm 包,用于简化 JavaScript 中对键盘按键的检测。通过此包,我们可以更方便地获取键盘输入,进而实现复杂的交互逻辑。 安装 使用 npm 安装: --- --...

    6 年前
  • npm 包 simple-assign 使用教程

    在前端开发中,我们经常需要对对象进行深度克隆或浅拷贝。这时候可以使用 npm 包 simple-assign 来帮助我们快速实现。 安装 通过 npm 安装 simple-assign: --- --...

    6 年前
  • npm 包 material-ui 使用教程

    Material-UI 是 React 生态系统中最受欢迎的 UI 框架之一,具有广泛的组件库和丰富的主题支持。它为前端开发人员提供了快速构建美观、易于维护的 Web 应用程序的工具。

    6 年前
  • npm 包 babel-plugin-import 使用教程

    什么是 babel-plugin-import? babel-plugin-import 是一个 Babel 插件,它允许按需加载模块,从而减少应用程序的大小。它可以将您的代码中的 import 语句...

    6 年前
  • npm 包 browserify-header 使用教程

    简介 Browserify 是一个流行的 JavaScript 模块打包工具,可以将你的代码转化为可以在浏览器中运行的形式。browserify-header 是一个 npm 包,它允许你在打包后的文...

    6 年前
  • npm 包 gulp-htmlmin 使用教程

    如果您是前端开发人员,您可能已经听说过 gulp。gulp 是一个基于流的自动化构建工具,它通过将多个任务(例如压缩、合并和转换文件)组合成管道来简化前端开发流程。

    6 年前
  • npm 包 gulp-inject 使用教程

    介绍 gulp-inject 是一种自动化构建工具 Gulp 的插件,它可以帮助我们将文件注入到 HTML 文件中。 通过使用 gulp-inject,我们可以在 HTML 文件中方便地添加依赖的 J...

    6 年前
  • npm包gulp-livereload使用教程

    在前端开发中,我们经常需要在修改代码后重新加载页面以查看更改的效果。但这种手动刷新浏览器的方式很繁琐,而且容易导致流程中断,影响开发效率。为了解决这个问题,可以使用 gulp-livereload 这...

    6 年前
  • npm 包 yazl 使用教程

    yazl 是一个用于压缩文件并创建 ZIP 归档文件的 npm 包。它使用简单,易于定制,并具有良好的性能。在本文中,我们将介绍如何安装和使用 yazl,以及一些常见的用例。

    6 年前
  • vinyl-assign 使用教程

    vinyl-assign 是一个 npm 包,它允许您使用 JavaScript 函数来转换 vinyl 文件对象的内容。这个包非常有用,尤其是在前端开发中,当您需要处理大量文件对象时。

    6 年前
  • gulp-zip 使用教程

    简介 gulp-zip 是一个用于将文件打包成 zip 文件的 npm 包。它可以帮助前端开发者将多个文件或目录打包成一个压缩文件,方便上传、备份和传输。 安装 首先需要在项目中安装 gulp 和 g...

    6 年前
  • NPM 包 weaverjs 使用教程

    weaverjs 是一个基于 WebGL 的图像处理库,它提供了一系列强大的工具,可以帮助我们实现各种图像处理效果。本文将介绍如何使用 npm 包 weaverjs。

    6 年前
  • npm 包 cytoscape-spread 使用教程

    简介 在前端应用中,展示复杂数据的图表可以更好地帮助用户理解信息。Cytoscape.js 是一个用于创建交互式网络图表的 JavaScript 库。而 cytoscape-spread 是 Cyto...

    6 年前
  • npm 包 cytoscape-popper 使用教程

    介绍 cytoscape-popper 是一个基于 cytoscape.js 的插件,它提供了一种在 Cytoscape.js 中创建弹出式窗口(popper)的方式。

    6 年前
  • npm 包 grunt-rename 使用教程

    简介 grunt-rename 是一个基于 Grunt 的插件,用于重命名文件。这个插件可以帮助我们批量地修改文件名,并且支持使用正则表达式、自定义函数等多种方式。

    6 年前
  • NPM包grunt-curl使用教程

    什么是grunt-curl? grunt-curl是一个基于Grunt的npm包,它允许您使用Grunt任务在命令行中下载文件。这是一个非常有用的工具,因为它可以减少手动下载的时间和精力。

    6 年前

相关推荐

    暂无文章