美文网首页ITBOXAndroid 程序开发安卓开发笔记
几条小经验帮你美化你的GitHub开源项目

几条小经验帮你美化你的GitHub开源项目

作者: hotBitmapGG | 来源:发表于2016-09-12 23:06 被阅读3083次
github-logo

很多同学都会在Github上有自己的开源项目,这里我把自己知道一些小经验分享一下。

shields.io


1.png

这个网站可以找到各种README的标签,标签的主要功能是展示项目的各种信息,当然主要用途还是持续性地跟踪当前库的各种状态并展示出来,而且它是自动的。比如某一个提交导致项目无法通过编译,编译标签会给出编译失败的状态,告诉大家这个库现在编译不了。再比如当前库中的某个测试用例测试无法通过时,测试标签会显示无法通过测试的状态,告诉大家,这个库现在还些问题等等。

当然还可以自定义标签,这里简单介绍下怎么自定义标签,把网站拉到最下边,可以看到自定义的地方。

3.png 4.png

比如这里定义一个Gradle的版本标签。

5.png

点击Make Badge会生成一个SVG格式的图片,把url复制下在返回,然后拉到网站上边,找一个现有的标签,点击会出现一个弹窗。

6.png

把image位置的链接改为我们自己刚生成自定义的标签的image地址,黏贴上去即可。

9.png

这里还可以选择需要的样式,3种样式选择,然后在Link位置填上点击跳转的地址,这里按自己的需求写上即可,最后复制markdown的链接到你项目的README中使用就可以啦。

7.png

ok,到这里Shield.io就介绍完了。

progressed.io


2.png

这个是GitHub上一个开源项目,有兴趣的同学可以关注下。

ezgif


这里介绍一个录制Gif超级棒的网站,录制出来的质量很清晰,下边介绍下怎么使用。

配合AS的录制功能一起使用,请先确保把手机连接电脑

  • 1.点击录制按钮准备录制
10.png
  • 2.开始录制
11.png
  • 3.录制中
12.png
  • 4.录制完成,选择保存MP4文件的路径
13.png
  • 5.这里你已经录制好了需要的视频,然后打开ezgif.com,找到Video to Gif
14.png
  • 6.选择需要转换的视频文件,点击upload按钮上传
15.png
  • 7.上传完成会出现这个界面,Start time (seconds),End time (seconds)这两个地方设置gif的开始和结束时间,其他的设置默认即可,然后点击Convert to Gif按钮,开始转换gif文件
16.png
  • 8.稍等片刻转换成功,下图是转换后的gif信息,点击保存图片就ok了
17.png

带壳截图


来自少数派的带壳截图App,让你的开源项目截图马上有逼格起来。

Screenshot_2016-09-12-22-58-14.png Screenshot_2016-09-12-22-58-24.png Screenshot_2016-09-12-22-59-06.png Screenshot_2016-09-12-22-59-16.png

请在各大渠道市场下载该App使用即可。

Material design icon


最后介绍一个MD的icon制作网站。

20.png

这个使用就很简单了,左边是可以自定义拖一个svg的图标进来,来生成一个你需要的icon,右边的是选择Icons are copied from the Google Material icons collection.Google的图标合集,来生成icon,下边简单演示下如何生成一个Material design icon。

21.png

操作很简单,选择一个已有的图标或者自己拖动一个svg格式的图片进来,就会进入到这个页面,按照左边的配置栏进行个性化的配置即可。

  • Background color 设置背景颜色
  • Background shape 设置形状,圆形或者方形
  • Center icon 图片是否居中
  • Shadow length 阴影长度
  • Shadow intensity 阴影的深度
  • Shadow fading 阴影衰落
  • Icon size 图标大小

最后

这篇文章介绍了我所知道的几条小经验,主要只是分享这几个网站,简单的介绍了下使用方法,希望能帮助到那些有需要的同学们,如果写的有错误的地方还请各位大大见谅哈。

相关文章

网友评论

  • 黑泥卡:谢谢分享。
  • 2efa5279463a:不错!可以拿来用一波了
  • 方志朋:嗯,学习了
  • 287f1b8e25b5:感谢热图哥的分享
  • 捡淑:马克
  • 68768b474bfc:解决了很多疑问,thx
  • 一息尚存:github标签的那个,你的用途太肤浅了,自定义只是其中的一小部分,且不常用。它的主要用途是持续性地跟踪当前库的各种状态并展示出来,而且它是自动的。比如某一个提交导致项目无法通过编译,编译标签会给出编译失败的状态,告诉大家这个库现在编译不了。再比如当前库中的某个测试用例测试无法通过时,测试标签会显示无法通过测试的状态,告诉大家,这个库现在还些问题。等等等等,这些才是它的真正用途,可不是为了好看啊(当然,加上后确实好看多了)。
    hotBitmapGG:@一息尚存 谢谢提醒,确实没有把用途写清楚,当然这个文章只是简单介绍几个可以帮助美化README的几条小经验,单纯的只是想把这几个网站分享出来,没有太详细的去讲,等会补上:sweat:
  • JokAr_:这个带壳截图不错
  • ripperhe:哈哈😄 我喜欢

本文标题:几条小经验帮你美化你的GitHub开源项目

本文链接:https://www.haomeiwen.com/subject/frrpettx.html