220.其他 GitHub 技巧

聊聊我平时使用 GitHub 时学到的一些插件、技巧。

‍ ‍

浏览器插件

在我的另一篇博客 扩展推荐篇 - 让你的开发效率翻倍！ 里提到过跟 GitHub 相关的一些插件，这里重复下：

• Sourcegraph (opens new window)：在线打开项目，方便阅读，将 GitHub 变得和 IDE 一般，集成各种功能，参考 爱了爱了，这个 GitHub 的 Chrome 神仙插件把我整的服服帖帖的 - 知乎 (opens new window)
• Awesome Autocomplete for GitHub (opens new window)：加强 GitHub 的搜索框
• File Icon for GitHub, GitLab and Bitbucket (opens new window)：给 GitHub 仓库文件添加图标
• Octohint (opens new window)：GitHub 代码智能高亮
• OctoLinker (opens new window)：直接从代码跳转到 GitHub 对应仓库，相对路径也能跳转，支持很多编程语言
• Isometric Contributions (opens new window)：立体显示 GitHub Contributions 的扩展
• Octotree (opens new window)：在左侧添加一个文件浏览器，可以更快的在文件之间跳转
• GayHub (opens new window)：优化 GitHub 的阅读体验。
• Refined GitHub (opens new window)：这个和上面的都是对 github 整体进行加强的扩展
• GitHub Hovercard (opens new window)：这个加强了 GitHub 悬浮在某些元素上的功能
• 让这个盛产神器的网站下载速度提升N倍！ (opens new window)：一款油猴脚本，提高 GitHub 下载速度

Markdown 技巧

Kickass markdown (opens new window)：这个仓库收集各种 GitHub Markdown 技巧，比如显示红底白字

GitHub 名片

GitHub Business Card (opens new window)：这个网页可以根据 GitHub 主页，生成用户的 GitHub 名片：

​​ ‍

项目描述

每个 Github 项目都有一个项目描述：

​​ ‍

这个项目描述，不仅仅会出现在浏览器标签页标题：

​​

也会在你的仓库页面时显示：

​​

如果你想让你的仓库显得更加专业、美观、便于理解，建议好好写下这个项目描述。

我们可以点击按钮进行编辑：

​​

还可以通过 GitHub Action 进行更新，例如新建一个 fork_star.yml（注意更改 token）：

name: Update Fork Star

on:
  fork:
  watch:
    types:
      - started
  schedule:
    - cron: '0 0 * * *'
  workflow_dispatch:

jobs:
  update:
    runs-on: ubuntu-latest
    steps:
      - name: This repo has x stars y forks
        uses: ouuan/This-repo-has-x-stars-y-forks-action@v2
        with:
          token: ${{ secrets.ACCESS_TOKEN }}
          template: "sun0225SUN's profile with <starCount> stars and <forkCount> forks 🎉"

效果：每当有人 star / fork 项目后，都会更新项目描述里的 star 数量和 fork 数量

​​