github gist创新，微码分享

最新推荐文章于 2024-09-01 08:44:45 发布
最新推荐文章于 2024-09-01 08:44:45 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： 项目管理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fishmai/article/details/52398490
版权

在GitHub网站的导航条上就有Gist子网站的链接： https://gist.github.com/ ，在本节我们就揭开其面纱。

../images/gist-in-github-navbar.png

图6-1：GitHub上的Gist链接

Gist作为一个粘贴数据的工具，就像 Pastie 网站[1]一样，可以很容易地将数据粘贴在Gist网站中，并在其他网页中引用Gist中粘贴的数据。作为GitHub的一个子网站，很自然地，Gist使用Git版本库对粘贴数据进行维护，这非常酷。

6.1.1. 数据的粘贴和引用

进入Gist网站的首页，就会看到一个大大的数据粘贴对话框，如图6-2所示。

../images/gist-homepage.png

图6-2：Gist网站首页

只要提供一行简单的描述、文件名，并粘贴文件内容，即可创建一个新的粘贴。创建新的粘贴时，如果不指定文件名，将由系统自动指派。如图6-3所示。

../images/gist-create-new.png

图6-3：创建新的Gist

每一个新的粘贴称为一个Gist，并拥有唯一的URL。如果选择创建公开的Gist，URL中将使用顺序递增的ID号，如本例创建的Gist的URL地址为：https://gist.github.com/1202870。

若选择创建私有Gist，URL中则采用20位十六进制数字的ID，例如私密Gist：https://gist.github.com/78d67164131ec9e08dfe。需要指出的是，私有Gist的私密性并不像GitHub私有版本库的私密性那么强，只是其URL没有在用户Gist列表中列出，也不能通过Gist网站搜索到而已。如果用户知道某私密Gist的URL地址，同样可以访问、克隆该私密Gist，甚至创建基于该Gist创建分支（fork）。

当一个粘贴创建完毕后，会显示新建立的Gist页面，如图6-4所示。

../images/gist-created.png

图6-4：新创建的Gist

点击其中的“embed”（嵌入）按钮，就会显示一段用于嵌入其他网页的JavaScript代码，如图6-5所示。

../images/gist-embed.png

图6-5：显示嵌入Java

对应的嵌入JavaScript代码如下：

<script src="https://gist.github.com/1202870.js?file=countdown.rb"></script>

将上面的JavaScript代码嵌入到网页（如博客[2]）中，即可在相应的网页中嵌入来自Gist的数据，并保持语法加亮等功能，如图6-6所示。

../images/gist-embed-in-blog.png

图6-6：博客中引用Gist数据

6.1.2. Gist背后的Git库

创建的每一个Gist的背后都对应着一个Git版本库。例如之前创建的ID为1202870的Gist对应的Git版本库，可以使用两种协议进行访问：

  • Git协议：git://gist.github.com/1202870.git
  • SSH协议：git@gist.github.com:1202870.git

可以通过Git命令克隆和操作该版本库。

  • 克隆该Gist对应的版本库。

    $ git clone git@gist.github.com:1202870.git
$ cd 1202870

  • 查看修改日志。每一次对Gist中文件的修改对应于一次提交。

    $ git log
commit 993d28a1319eca314ab2e3f4c46882cf328e5ff9
Author: GotGitHub <gotgithub@gmail.com>
Date:   Thu Sep 15 15:41:10 2011 +0800

commit 4dd9cfd54e1522d0b62d92dd5f705a61e3fe8778
Author: GotGitHub <gotgithub@gmail.com>
Date:   Thu Sep 8 00:46:50 2011 -0700

  • 查看最近一次更改。

    $ git show HEAD
commit 993d28a1319eca314ab2e3f4c46882cf328e5ff9
Author: GotGitHub <gotgithub@gmail.com>
Date:   Thu Sep 15 15:41:10 2011 +0800

diff --git a/countdown.rb b/countdown.rb
index a9d747b..9045738 100644
--- a/countdown.rb
+++ b/countdown.rb
@@ -4,4 +4,8 @@
 require 'Date'

 days=(DateTime.new(2012,10,15)-DateTime.now).ceil
-puts "Maybe #{days} days left."
\ No newline at end of file
+if days >= 0
+  puts "Maybe #{days} days left."
+else
+  puts "Passed for #{days.abs} days."
+end
\ No newline at end of file

Gist网站并没有像GitHub网站那样对于Git版本库提供完整的、近乎复杂的操作界面和工作流支持，而只提供了最基本的操作界面。如图6-7所示。

../images/gist-git-repo.png

图6-7：Gist版本库简易操作界面

在这个简易的Git版本库操作界面中，左侧是版本库的简介、文件预览以及在线编辑、下载、加注星标[3]、版本库分支[4]等相关操作按钮。若以Gist创建者登录，会在右侧看到他人基于该Gist创建分支的情况，但是并不提供GitHub才有的Pull Request等功能。在界面的右侧还显示了Gist修订历史，和之前通过git log命令从Git版本库看到的一样。

6.1.3. Greasemonkey

Gist除了被用于粘贴数据（如代码块）并在网页中引用之外，还被用户挖掘出了新的应用模式，例如用作Greasemonkey脚本的维护[5]。

Greasemonkey[6]或类似插件为浏览器提供用户端JavaScript扩展功能，最早出现于FireFox浏览器中。其他浏览器也陆续增加了对用户端JavaScript的支持，如Safari的 NinjaKit[7]插件，IE的Trixie[8]插件，以及Chrome的Greasemetal插件[9]。关于如何在浏览器中安装并启用相应的插件，参照相关插件网站的介绍，在此不做过多叙述。

当浏览器安装了 Greasemonkey 或类似插件之后，当访问扩展名为.user.js的URL时，会将该URL指向的JavaScript脚本安装在浏览器中，当访问指定的网址时会自动调用相应的JavaScript脚本，修改相关网页内容或添加特效等等。

我针对《Git权威指南》官网的测试网页写了一个Greasemonkey示例脚本，可以展示用户端JavaScript的魔法，这个用户端JavaScript脚本保存在Gist中：https://gist.github.com/1084591，如图6-8所示。

../images/gist-greasemonkey.png

图6-8：保存Greasemonkey用户端脚本的Gist

该Greasemonkey脚本的文件名为click_more.user.js，该文件的文件头使用特殊的注释语句为Greasemonkey提供相关的安装和注册信息，内容如下（为方便描述添加了行号）：

1  // ==UserScript==
2  // @name           Click more for toggle
3  // @namespace      gotgit
4  // @description    Add a toogle effect at the location where anchor with a click-more css.
5  // @include        http://www.worldhello.net/gotgit/demo*
6  // @include        http://gotgit.github.com/gotgit/demo*
7  // @include        http://www.ossxp.com/doc/gotgit/demo*
8  // @require        http://code.jquery.com/jquery-1.6.2.min.js
9  // ==/UserScript==

其中第5、6、7行三条include语句限定了此用户端JavaScript脚本的应用范围，即只针对指定的URL（使用通配符）执行该脚本。第8行设定脚本依赖，即该脚本依赖jQuery，会在运行前到指定的URL地址加载jQuery脚本。

在安装该脚本前，先用浏览器访问网址http://www.worldhello.net/gotgit/demo.html，看看不加载用户端JavaScript脚本时网页的模样。该网页中包含一个长长的网上书店列表，如图6-9所示。

../images/gist-user-js-apply-before.png

图6-9：应用用户端JavaScript脚本前的网页内容

接下来开始安装该用户端JavaScript脚本。安装非常简单，只要点击图6-8的Gist当中的脚本文件对应的“raw”链接，即点击脚本文件原始内容链接[10]即可开启安装。这是因为该URL以.user.js结尾，会被Greasemonkey（或类似插件）识别并安装，如图6-10是Greasemonkey弹出的用户端脚本安装界面。

../images/gist-user-js-install.png

图6-10：安装用户端JavaScript脚本

用户端脚本安装完毕后，再访问同样的测试网页http://www.worldhello.net/gotgit/demo.html，会发现网页中出现了一个名为“更多”的可点击链接，长长的网上书店列表不见了。如图6-11所示。

../images/gist-user-js-apply-after.png

图6-11：应用用户端JavaScript脚本后的网页内容

如果查看网页源码，会发现该网页中根本没有包含和调用任何JavaScript脚本，只是在页面源码中包含着一个没有任何实质输出的标签：

<p><a class="click-more"></a></p>

实际上正是这个特殊的标签被Greasemonkey所加载的用户端脚本识别，为HTML网页添加了特效。

6.1.4. 命令行操作Gist

GitHub开发者还写了一个名为gist的命令行工具对Gist进行操作，地址见https://github.com/defunkt/gist。

该工具使用Ruby开发，对两个特定的Git风格的配置变量进行如下设置后，即可实现在命令行中自动以特定用户身份登录操作Gist。

$ git config --global github.user "your-github-username"
$ git config --global github.token "your-github-token"

其中github.token中保存的是用户的API TOKEN，这在“2.1 创建GitHub账号”一节有过介绍。

使用gist命令行工具创建新的Gist非常简单。

  • 创建包含一个文件（如script.py）的Gist，使用如下命令。

    $ gist script.py

  • 创建包含多个文件的Gist，使用类似如下的命令。

    $ gist script.js notes.txt

如果对命令行操作方式感兴趣，参考gist工具网站的README文件。

[1]http://pastie.org/
[2]http://www.worldhello.net/2011/09/14/2521.html
[3]对感兴趣的Gist进行收藏，参见博客 https://github.com/blog/673-starring-gists 。
[4]访问他人创建的Gist时，提供分支功能按钮。
[5]https://github.com/blog/302-gist-for-greasemonkey
[6]https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
[7]http://ss-o.net/safari/extension/NinjaKit.safariextz
[8]http://www.bhelpuri.net/Trixie/
[9]版本4之后的Chrome内置了Greasemonkey类似功能，无需额外插件。
[10]https://gist.github.com/raw/1084591/73c3e4dfc827732241ca753fe7bb985c14c9d7ab/click_more.user.js
神器gist
平凡
09-02 2133
gist可以无限制的创建私有的代码片段gist可以当作版本管理的工具在phpstorm下使用gist，只需要右键，然后gist提交就可以了。 gist的网址https://gist.github.com/+你的用户名在gist中可以写简介，更方便你查找自己的代码片段
gistash:将您的本地更改或隐藏的文件上传到GitHub Gist
04-29
将您的本地更改或隐藏的文件上传到GitHub Gist。 :face_with_monocle: 关于 Gistash是一个CLI工具，可用于将本地更改或隐藏的文件保存到GitHub gist。 git-stash的整个概念是将更改保存在肮脏的工作目录中。 无法...
gist:可能是最好的命令行工具
04-01
gist（1）-将代码上传到 概要 gist gem提供了一个gist命令，您可以在终端上使用该命令将内容上传到 。 安装 have如果已安装Ruby： gem install gist ‌如果您使用的是Bundler： source :rubygems gem 'gist' OS对于OS X，要点驻留在Homebrew中 brew install gist Free对于FreeBSD，要点存在于端口中 pkg install gist <200c>对于Ubuntu / Debian apt install gist 注意：Debian将二进制文件重命名为gist-paste以避免名称冲突。 命令 ‌仅要上传a.rb的内容： gist a.rb ‌上传多个文件： gist a b c gist *.rb default默认情况下，它从STDIN读取，您可以使用-f设置文件名。
Gist 介绍
热门推荐
JonnyWei的专栏
07-16 4万+
转载自：http://www.worldhello.net/gotgithub/06-side-projects/gist.html Gist 在GitHub网站的导航条上就有Gist子网站的链接： https://gist.github.com/ ，在本节我们就揭开其面纱。 图6-1：GitHub上的Gist链接 Gist作为一个粘贴数据的工具，就像 Pastie 网站[
GitHub Gist 扩展：在Visual Studio Code中管理您的代码片段
gitblog_01150的博客
09-01 960
GitHub Gist 扩展：在Visual Studio Code中管理您的代码片段 vscode-gistvscode extension for quick gists项目地址:https://gitcode.com/gh_mirrors/vs/vscode-gist 项目介绍 GitHub Gist 扩展，由Ken Howard开发并维护，是Visual Studio Code中的一个...
探索代码托管新纪元：Gist命令行工具
gitblog_00056的博客
05-09 379
探索代码托管新纪元：Gist命令行工具 gistPotentially the best command line gister.项目地址:https://gitcode.com/gh_mirrors/gi/gist 项目简介 Gist是一个方便的命令行工具，它允许您直接从终端将代码片段上传到GitHub Gist服务。无论您是开发人员、学生还是研究员，这个工具都能帮助您快速分享和存储代码片段，...
Gist工具在Android开发中的使用
Chrissen's Blog
03-02 745
假设有这样一个场景：你在写代码的过程中，发现有一个方法你需要特别标记一下，这是你会怎么做？用大脑记（哈哈，不可能，这辈子是不可能的），似乎就算当时记住了，但随着写的代码越来越多，前面走过的坑好像都又忘记了；保存到笔记中，这种方法好像不错，而且还能够永久保存，找的时候也比较方便，但是如果你复制到word中，那个排版你能受得了吗，如果你还要写点注释，你发现你写出来的那个东西已经和你代码中的已经变样了，...
Github Gist扩展「Github Gist Extension」-crx插件
03-10
轻松连接的要点 这个扩展在github中创建一个github gist按钮。 支持语言:English
Github要点标志固定器「Github Gist logo fixer」-crx插件
03-10
把左上角的Github|的主旨标识分成两个url——“Github”的部分指向Github，而“Gist”则指向Gist。 在Github的Gist页面上单击左上角的徽标的一小段JavaScript回到github。 解决了我的个人烦恼，但我希望您也会发现它...
GitHub Gist字数统计「GitHub Gist Word Count」-crx插件
03-15
在GitHub Gist上添加一个字数到你的文件。 支持语言:English
GitHub Gist：轻量级代码片段的终极指南
07-24
**GitHub Gist** 是 GitHub 提供的一项强大而便捷的功能，主要用于分享代码片段、文本文件或其他类型的信息。它支持创建公开或私密的代码片段集合，方便用户与他人共享、协作编辑或是进行版本控制。下面将深入探讨 ...
this.Gist:使用 IDE 创建 Gist 的简单而快速的方法
07-08
这个.Gist 使用 IDE 创建 Gist 的简单而快速的方法
gistit从文本文件创建一个GitHubGist
08-12
gist-it 从文本文件创建一个GitHub Gist
gist.github.com
weixin_30325793的博客
03-06 198
hosts添加：192.30.253.118 gist.github.com 转载于:https://www.cnblogs.com/yanweifeng/p/10484597.html
GitHub Gist 指南
weixin_30594001的博客
03-31 2071
Github作为代码分享平台在开发者中非常流行。此平台托管了包括游戏、书籍以至于字体在内的一千两百多万个项目（现在更多），这使其成为互联网上最大的代码库。Github还提供另一个非常有用的功能，就是Gist。开发人员常常使用Gist记录他们的代码片段，但是Gist不仅仅是为极客和码农开发的，每个人都可以用到它。如果您听说过类似Pastebin或者 Pastie这样的web应用的话，那您就可以看到它...
你有用过 Github 的 Gist 吗？
代码湾
01-06 1万+
在使用IDEA时，经常会在代码或者日志处右击，这时会有个菜单叫Create Gist。以前看过却没有使用过，今天了解了一下：Gist [dʒɪst]，英文含义为主旨、要点，是Github的一个子服务，最简单的功能就是分享代码片段。譬如可以把一些代码片段、待处理任务放到Gist上进行分享和管理。 如何使用 在IDEA工具中，直接右击代码处或者选择需要创建Gist的代码片段，点击Creat
使用gist管理代码
tbinjiayou
06-19 4298
gist可用于管理只包含几个文件的小型代码库，或者几个代码片段。 一、安装与配置 1.安装 下载gist的ruby库 https://github.com/defunkt/gist 解压gist包后运行 $gem install gist 注：首先需要安装ruby，在ubuntu下，运行： $sudo apt-get install ruby $sudo apt-get instal
gist.github无法访问解决方法及hosts文件格式变为.txt问题解决
谦虚勤奋诚实感恩
05-31 1896
1、gist.github无法访问 打开系统hosts文件，滑到最下方，回车另起一行添加以下两行内容： 192.30.253.118 gist.github.com 192.30.253.119 gist.github.com 保存后win系统打开cmd。尝试ping 192.30.253.118，如果能ping通，就可以正常访问了 hosts文件路径： win系统在c:/windows/system32/drivers/etc/hosts目录下 hosts文件打开修改方式： 右键-打开方式
开源项目 `gist` 使用教程
最新发布
gitblog_00401的博客
09-01 798
开源项目 gist 使用教程 gistGist command line interface项目地址:https://gitcode.com/gh_mirrors/gist1/gist 1. 项目介绍 gist 是一个开源项目，由 jdowner 开发，旨在提供一个简单易用的命令行工具，用于管理和分享 GitHub Gists。GitHub Gists 是一种便捷的方式，用于存储代码片段、笔记和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值