玩转GitHub（1）：GitHub Gist

前言

我们平时的工作中，GitHub是必不可少的代码托管平台，但是大多数同学也只是把它做为了托管代码的地方，并没有合理的去运用。

其实GitHub里面有非常多好玩或者有趣的地方的。当然，这些技巧也能对你的工作效率有很大的提升。

这里整理了一些比较常用一些功能/技巧，也希望能给大家的工作带来一些帮助！

GitHub Gist介绍

Github作为代码分享平台在开发者中非常流行。此平台托管了包括游戏、书籍以至于字体在内的千万个项目，这使其成为互联网上最大的代码库。

GitHub还有另一个非常有用的功能，那就是Gist。

我们通常用它来存放代码片段，但Gist不仅仅是为了这些，我们每个人都可以用到它，如果您听说过类似Pastebin或者 Pastie这样的web应用的话，那你就可以看到它们和Gist很像。

你甚至不需要有GitHub账号就能使用它，用浏览器直接打开gist.github.com，也可以在GitHub下面选择New gist来创建一个gist：

然后在窗口中输入你想说的，点击创建，一个gist就创建好了：

你也可以创建一个私有gist

嵌入到页面中

我们创建好一个gist之后，我们选择Embed，可以拿到一个script标签，它可以嵌入到任意网页中，即可在相应的网页中嵌入来自Gist的数据，并保持语法高亮等功能。例如，我们新建一个html把这个script标签粘贴过去就会看到下面这样的效果：

它就像Markdown代码块一样，看起来非常的舒服

刚刚说了，它不止于代码块，它支持非常多的文件格式，它还可以写Markdown文档，像这位老哥，把接口文档给扔上面了~

Cacher工具

我觉得这样在web页上一个一个添加管理gist太麻烦了，然后我就发现一款工具，对于管理gist非常方便，Cacher是一款管理和快速创建gist的工具，使用起来也很方便，可以使用GitHub账号登录，所有创建的gist都会同步到GitHub Gist上面，也可以给gist添加标签分类什么的便于查找。

Cacher还可以运行你的代码片段，如下图：

1. 开启web服务，运行代码

   

2. 然后它就跑起来了呀

   

奇怪的知识又增加了-Cacher插件

看到这里你们可能会想，我存这么些个代码片段干嘛呢？

Cacher在Idea和VSCode等IDE都有同款插件，以webstorm为例，在插件中心下载安装好Cacher插件之后，登陆上自己的账号，就看到下面这样的工具栏：

这玩意能干嘛用呢？就比如说吧，我要封装一些axios的常用的请求，手写嫌麻烦，从别的项目复制粘贴我也嫌麻烦，我们可以直接使用之前存下来的代码片段，我们可以通过下面的Cacher工具栏，双击Axios封装（2）标题，它的代码就可以快速插入到我们的项目代码中。以后碰到优秀的、常用的代码片段，我们都可以存起来，方便使用～