加入收藏 | 设为首页 | 会员中心 | 我要投稿 广州站长网 (https://www.020zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 移动互联 > 评测 > 正文

这些牛X的GitHub 使用技巧你知道几个?

发布时间:2019-07-25 15:20:33 所属栏目:评测 来源:当耐特
导读:一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。 这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web

一秒钟把Github项目变成前端网站

这些牛X的GitHub 使用技巧你知道几个?

GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。

这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非常地痛。

Github官方可能嗅觉到了该痛点,出了个master当作网站是选项,太有用了。

这些牛X的GitHub 使用技巧你知道几个?

选择完master branch之后,master自动变成了网站。master所有的提交会自动更新到网站。

精准分享关键代码

比如你有一个文件里的某一行代码写得非常酷炫或者关键,想分享一下。

可以在url后面加上#L行号

比如,点击下面这个url:

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240

你便会跳到alloy_touch.js的第240行。

这些牛X的GitHub 使用技巧你知道几个?

那么问题来了?如果我是一段代码,即多行代码想分享呢?也很简单:url后面加上#L开始行号-L结束行号

比如,AlloyTouch的运动缓动和逆向缓动函数如下面代码段所示:

  1. https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45 

其实也不用记忆你直接在网址后面操作,github自动会帮你生成url。比如你点击39行,url变成了

  1. https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39 

再按住shift点击45行,url变成了

然后你这个url就可以复制分享出去了,点击这个url的人自动会跳到39行,并且39-45行高亮。

这些牛X的GitHub 使用技巧你知道几个?

通过提交的msg自动关闭issues

比如有人提交了个issues:

https://github.com/AlloyTeam/AlloyTouch/issues/6

然后你去主干上改代码,改完之后提交填msg的时候,填入:

  1. fix https://github.com/AlloyTeam/AlloyTouch/issues/6 

这个issues会自动被关闭。当然不仅仅是fix这个关键字。下面这些关键字也可以:

  • close
  • closes
  • closed
  • fixes
  • fixed
  • resolve
  • resolves
  • resolved

通过HTML方式嵌入Github

如下面所示,user和repo改成你想要展示的便可以

插入之后你便可以看到这样的展示:


这些牛X的GitHub 使用技巧你知道几个?

gitattributes设置项目语言

这些牛X的GitHub 使用技巧你知道几个?

如上图所示,github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目。

这就带来了一个问题,比如AlloyTouch最开始被识别成HTML项目。

因为HTML例子比JS文件多。怎么办呢?gitattributes来帮助你搞定。在项目的根目录下添加如下.gitattributes文件便可

https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes

里面的:

  1. *.html linguist-language=JavaScript 

主要意思是把所有html文件后缀的代码识别成js文件。

查看自己项目的访问数据

在自己的项目下,点击Graphs,然后再点击Traffic如下所示:

这些牛X的GitHub 使用技巧你知道几个?

里面有Referring sites和Popular content的详细数据和排名。如:Referring sites

这些牛X的GitHub 使用技巧你知道几个?

其中Referring sites代表大家都是从什么网站来到你的项目的,Popular content代表大家经常看你项目的哪些文件。

trending排行榜

上面教大家设置语言了,下面可以看看怎么查看某类型语言的每日排行榜。比如js每日排行榜:

https://github.com/trending/javascript?since=daily

https://github.com/trending/html?since=daily

https://github.com/trending/css?since=daily

Github推荐:https://github.com/explore

其他

issue中输入冒号 : 添加表情

任意界面,shift + ?显示快捷键

issue中选中文字,R键快速引用

文章作者:当耐特

原文链接:http://1t.click/mfz

【编辑推荐】

  1. GitHub超9千星:一个API调用六种架构,27个预训练模型
  2. 干货:爱学习的你,不知道这五个神奇网站怎么行
  3. Github12000+star的机器学习教程,理论、代码、demo全有了
  4. 三个技巧告诉你如何让Git适应敏捷开发流程
  5. 只需5分钟,掌握9个风骚又简洁的JavaScript技巧
【责任编辑:武晓燕 TEL:(010)68476606】
点赞 0

(编辑:广州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读