前言
为了在 Wiki 页面上方便地展示公共自行车使用数据，Wiki-plugin-bikeshare 库应运而生。本文会详细讲解如何使用该库。
安装
安装 wiki-plugin-bikeshare 直接使用 npm 命令即可：
npm install wiki-plugin-bikeshare --save
安装完成后，需要在 Wiki 页面中加入以下脚本以加载库：
<script src="node_modules/wiki-plugin-bikeshare/wiki-plugin-bikeshare.js"></script>
使用
在页面中使用 <bikeshare> 标签即可展示公共自行车使用数据。该标签需要设置以下属性：
data-city：表示当前城市的名称data-station：表示所需要显示的站点名称
例如，在维基百科中展示上海市黄浦区河房子公园的公共自行车使用数据：
<bikeshare data-city="shanghai" data-station="河房子公园"></bikeshare>
在页面展示时，会自动加载该站点在最近 24 小时内的公共自行车使用数据，并显示在页面中。
示例
以下是一个完整的页面示例，展示上海市黄浦区河房子公园的公共自行车使用数据：
-- -------------------- ---- ------- --------- ----- ------ ------ ---------------------------- ---------- ------- --------------------------------------------------------------------------- ------- ------ ---------- -------------------- --------------------------------- ------- -------
总结
Wiki-plugin-bikeshare 库可以在 Wiki 页面中方便地展示公共自行车使用数据。本文详细讲解了该库的安装和使用方法，并提供了一个完整的页面示例。希望本文能对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710c8dd3466f61ffe172