GitHub进阶使用指南
创始人
2024-05-11 15:26:30

GitHub进阶使用指南

  • 1.个性化 Github 首页
  • 2.自定义项目徽章
  • 3.自动为项目添加贡献情况图标
  • 4.高效阅读 Github 项目的源代码
  • 5.扩展 Github 的功能

1.个性化 Github 首页

Github 目前支持在个人主页自定义展示一些内容:

在这里插入图片描述

想要做到这样非常简单,你只需要创建一个和你的 Github 账户同名的仓库,然后自定义README.md的内容即可。

通过github-readme-stats这个开源项目,你可以在README中展示动态生成的 GitHub 统计信息🌿

例如:这是我的Github个人主页样式:

在这里插入图片描述


2.自定义项目徽章

你在 Github 上看到的项目徽章都是通过 https://shields.io/ 这个网站生成的

你不光可以生成静态徽章,shield.io 还可以动态读取你项目的状态并生成对应的徽章:

自定义项目徽章

生成的描述项目状态的徽章效果如下:

描述项目状态的徽章


3.自动为项目添加贡献情况图标

通过 repobeats 这个工具可以为 Github 项目添加如下图所示的项目贡献基本情况图表:

地址:https://repobeats.axiom.co/

将生成的MD代码添加到项目的README文档中即可:

在这里插入图片描述

展示效果:

在这里插入图片描述


4.高效阅读 Github 项目的源代码

学会使用Chrome 插件 Octotree:

使用了 Octotree 之后网页侧边栏会按照树形结构展示项目,为我们带来 IDE 般的阅读源代码的感受。

安装完插件之后,打开Github的项目,将此权限打开:

在这里插入图片描述

在项目的左侧,就会出现一个树形的导航栏,这使我们阅读代码很方便:

在这里插入图片描述


5.扩展 Github 的功能

Enhanced GitHub 可以让你的 Github 更好用。这个 Chrome 插件可以可视化你的 Github 仓库大小,每个文件的大小并且可以让你快速下载单个文件。

下载完插件后,添加一下你的GitHub Token:

在这里插入图片描述

之后刷新项目页面:

在这里插入图片描述

相关内容

热门资讯

最新或2023(历届)第三届世... 由国家网信办、科技部、工信部、浙江省政府共同主办的第三届世界互联网大会·互联网之光博览会将于最新或2...
最新或2023(历届)最新无故... 第一篇:无故旷工检讨书  尊敬的领导:  您好~谢谢您能在百忙之中抽空看我写的检讨书!  *月*日,...
汉中之战曹操为何会输?因为他错... 今天趣历史小编为大家带来了一篇关于曹操的文章,欢迎阅读哦~汉献帝被曹操控制后,一直想找机会翻身,可惜...
中秋节招待会上的祝酒词 中秋节... 中秋节招待会上的祝酒词 尊敬的吕梁市政协刘本旺主席,尊敬的柳林县常委贺柱才部长 各位领导...
在迎新茶话会上的发言 迎新茶话... 在迎新茶话会上的发言各位领导、老师们:大家好。很荣幸能有这个会来代表普通教师发言。我在想为什么让我来...