1. 首页
  2. 前端基础

8 个你必须要掌握的 GitHub 实用小技能

作者:当耐特
https://www.cnblogs.com/iamzh…

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

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

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

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

个你必须要掌握的

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

2、精准分享关键代码

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

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

比如,点击下面这个url:

https://github.com/AlloyTeam/…

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

个你必须要掌握的

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

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

https://github.com/AlloyTeam/…

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

https://github.com/AlloyTeam/…

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

https://github.com/AlloyTeam/…

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

个你必须要掌握的

3、通过提交的msg自动关闭issues

比如有人提交了个issues https://github.com/AlloyTeam/…
然后你去主干上改代码,改完之后提交填msg的时候,填入:


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

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

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

4、通过HTML方式嵌入Github

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


<iframe src="//ghbtns.com/github-btn.html? user=alloyteam&repo=alloytouch&type=watch&count=true"  allowtransparency="true"  frameborder="0" scrolling="0"  width="110" height="20"> </iframe>

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

个你必须要掌握的

5、gitattributes设置项目语言

个你必须要掌握的

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

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

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

https://github.com/AlloyTeam/…

里面的:


*.html linguist-language=JavaScript

Js中文网 – 前端进阶资源教程 www.javascriptC.com,Flutter 中文教程
专注分享前端/Flutter知识,你想要的,在这里都能找到

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

6、查看自己项目的访问数据

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

个你必须要掌握的

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

个你必须要掌握的

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

7、trending排行榜

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

https://github.com/trending/j…
https://github.com/trending/h…
https://github.com/trending/c…
Github推荐:https://github.com/explore

8、其他

  • issue中输入冒号 : 添加表情
  • 任意界面,shift + ?显示快捷键
  • issue中选中文字,R键快速引用

最后

好了,我就会这么多,也是我经常使用的技巧。欢迎补充实用的技巧,我会持续更新上去…

推荐去我的博客阅读更多:

1.Java JVM、集合、多线程、新特性系列教程

2.Spring MVC、Spring Boot、Spring Cloud 系列教程

3.Maven、Git、Eclipse、Intellij IDEA 系列工具教程

4.Java、后端、架构、阿里巴巴等大厂最新面试题

生活很美好,明天见~

作者:Java技术栈
链接:https://segmentfault.com/a/1190000022296485

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:8 个你必须要掌握的 GitHub 实用小技能

链接:https://www.javascriptc.com/3992.html

« 使用React Hook写的一个圆形进度条组件
大流量冲击下,腾讯 QQ 客户端如何保障春节红包活动的用户体验?»
Flutter 中文教程资源

相关推荐

QR code