介绍
在前端开发中，获取和展示代码片段是常见的需求。Github 提供的 Gist 功能通常是一个不错的选择。get-gists 是一个 npm 包，可以方便地从 Github 获取 Gist 内容。
本文将介绍如何使用 npm 包 get-gists 获取并展示 Gist 内容。
安装
在项目中安装 get-gists：
npm install get-gists --save
使用
获取 Gist 信息
首先，需要从 Github 获取 Gist 信息。get-gists 提供了 getGists 函数用于获取指定用户的 Gist 列表信息。
-- -------------------- ---- -------
----- -------- - ---------------------
--------------------
-------------- ------- -
-------------------
--
--------------- ------- -
-------------------
---通过传入 Github 用户名，可以获取该用户创建的所有 Gist。返回的 gists 是一个包含 Gist 信息的数组。
获取 Gist 内容
获取到 Gist 信息后，可以使用 getGist 函数获取指定 Gist 的内容。
-- -------------------- ---- -------
----- ------- - ---------------------
------------- ----
-------------- ------ -
------------------
--
--------------- ------- -
-------------------
---通过传入 Gist 的 ID，可以获取该 Gist 的详细内容。返回的 gist 是一个包含 Gist 信息和文件内容的对象。
展示 Gist 内容
获取到 Gist 的内容后，可以将其展示在页面上。
以下是一个简单的示例，使用 get-gists 获取指定用户的 Gist 信息，并展示第一个 Gist 的内容。
-- -------------------- ---- -------
--------- -----
------
------
--------- ---- ----------
-------
------
-------- -------
---- ----------------
------- -----------------------------------------------------------
------- ----------------------------------------------------------------------------
--------
-- -- ---- --
--------------------
-------------- ------- -
-- ----- ---- ---
------ ---------------------
--
-------------- ------ -
-- -- ---- --
----------------------------------------------------------------
--
--------------- ------- -
-------------------
---
---------
-------
-------总结
get-gists 提供了获取 Github Gist 内容的简单方式，能够帮助开发者更方便地获取和展示代码片段。在实际项目中，可以根据实际需求去选择使用或者扩展 get-gists。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005528d81e8991b448d0048