热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Github个人首页美化指北

当你尝试去创建一个与你Github用户名相同的仓库时,会发现这是Github为你预留的特殊仓库,用来作为你的GithubProfile,这个仓库就相当于一个可以显示在你Github

当你尝试去创建一个与你Github用户名相同的仓库时,会发现这是Github为你预留的特殊仓库,用来作为你的Github Profile,这个仓库就相当于一个可以显示在你Github个人页的README文件。

本文会帮助你美化你的Github Profile,让它展示更多有用的信息。

例如添加一个首页被访问次数的计数器,一个Github被Star与Commit的概览信息,以及各种技能标签,设备标签等。还可以利用wakatime显示你最近编码各类语言的使用时长,以及你最近Steam游戏游玩排行榜。

首页计数器

这个很容易实现,只需要一个统计资源请求的后台服务即可,有很多第三方的服务可以使用,并且我也自己搭建了一个,感兴趣的可以使用。

![](https://visitor-badge.glitch.me/badge?page_id=CasterWx.readme)

page_id后面替换为自己的Github用户名

![](http://antzuhl.cn:4000/get/@antzuhl.readme)

@后面替换为自己的Github用户名

Github信息概览

这个也是使用现有的服务,根据url来配置卡片信息。

![info](https://github-readme-stats.vercel.app/api?username=CasterWx&show_icOns=true&count_private=true&hide=prs&theme=default_repocard)

url中username为你的Github用户名,theme为主题配置,支持的主题样式丰富。

dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

技能&设备卡片

这是Github很多开源仓库都会使用的东西,其本质也是第三方服务后台动态生成的图片,类似下图

simpleicons提供了很多好看的icon,几乎可以找到所以的程序语言,设备,IDE,开源产品的icon。

我的配置

# linux卡片
[![](https://img.shields.io/badge/OS-Arch%20Linux-33aadd?style=flat-square&logo=arch-linux&logoColor=ffffff)](https://www.archlinux.org/)
# mac卡片
[![](https://img.shields.io/badge/macOS-Hackintosh-292e33?style=flat-square&logo=apple&logoColor=ffffff)](https://www.tonymacx86.com/)

# 手机设备
[![](https://img.shields.io/badge/Honor-V30-f5010c?style=flat-square&logo=huawei&logoColor=ffffff)](https://www.apple.com/)

# 程序语言
[![](https://img.shields.io/badge/-Java-007396?style=flat-square&logo=java&logoColor=ffffff)](https://reactjs.org/)

# 游戏
![](https://img.shields.io/badge/-Nintendo%20Switch-e60012?style=flat-square&logo=nintendo%20switch&logoColor=ffffff)
[![](https://img.shields.io/badge/Steam-171a21?style=flat-square&logo=steam&logoColor=ffffff)](https://steamcommunity.com/id/antzuhl)

编程&游戏时长统计

主要利用了Github Action的机制,触发定时任务去Wakatime平台拉取数据进行统计,而Wakatime平台提供了JetBrains全家桶、VsCode、Chrome的插件,用于统计用户的编程时长数据。

  1. 创建一个Github Gist https://gist.github.com/

  2. 新建一个拥有gist空间权限的Token,保存它 https://github.com/settings/tokens/new

  3. 创建一个WakaTime的账号 https://wakatime.com/signup

  4. 在你的WakaTime账号设置中选择公开你的编码活动 https://wakatime.com/settings/profile

  1. 在你WakaTime账户设置中创建Api-Key,并且复制它 https://wakatime.com/settings/api-key

  2. Fork这个仓库 https://github.com/matchai/waka-box

  3. 编辑.github/workflows/schedule.yml文件,将其中的GIST_ID设置为你创建的gist页面的url

  4. 在你仓库的安全设置中添加下面两个环境变量 Settings > Secrets

    • GH_TOKEN: 第2步的gist token
    • WAKATIME_API_KEY: 第7步中的wakatime Api-key

这样就算是完成了,如果你有Github Action知识,并且懂cron表达式,可以看看这个仓库的action脚本。

name: Update gist with WakaTime stats
on:
  schedule:
    - cron: "0 0 * * *"
jobs:
  update-gist:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@master
      - name: Update gist
        uses: matchai/waka-box@master
        env:
          GH_TOKEN: ${{ secrets.GH_TOKEN }}
          GIST_ID: 968220c97e8da1d047a9a480fa432e54
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}

其中cron就是该脚本执行的时间,每个小时的0秒0分,也就是指每小时执行一次。

你可以将这个gist的script文件添加到你的Github Profile中,用来在首页显示你的编码时间。

统计Steam游戏时间也是类似,不过没有Wakatime这样的平台去让我们拉取数据,但是我们可以直接去Steam拉取。

可以参考这个仓库

https://github.com/journey-ad/steam-go

代码片段,可以看到STEAM_API_KEY与STEAM_ID也是需要你设置到仓库环境变量中去的。

func main() {
	steamClient := steam.NewClient(os.Getenv("STEAM_API_KEY"), nil)
	steamID, _ := strconv.ParseUint(os.Getenv("STEAM_ID"), 10, 64)
	ctx := context.Background()
	params := &steam.GetOwnedGamesParams{
	....
	....

本质都是类似于爬虫,利用Github Action来达到触发的效果。

这样就算是完成了,还有更多玩法可以自己探索。

欢迎关注我的公众号: 肥宅与画家


推荐阅读
  • Java太阳系小游戏分析和源码详解
    本文介绍了一个基于Java的太阳系小游戏的分析和源码详解。通过对面向对象的知识的学习和实践,作者实现了太阳系各行星绕太阳转的效果。文章详细介绍了游戏的设计思路和源码结构,包括工具类、常量、图片加载、面板等。通过这个小游戏的制作,读者可以巩固和应用所学的知识,如类的继承、方法的重载与重写、多态和封装等。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • Spring源码解密之默认标签的解析方式分析
    本文分析了Spring源码解密中默认标签的解析方式。通过对命名空间的判断,区分默认命名空间和自定义命名空间,并采用不同的解析方式。其中,bean标签的解析最为复杂和重要。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • linux qt打开常用文件格式,设置Linux Qt文件默认打开方式为QtCreator
    Linux自定义文件打开方式也可参照文本抱歉,本文前段时间写的ubuntu下的Qt工程文件默认打开方式是不好用的,因为其他的文本文件也会受到影响,强迫症患者,每次打开Qt工程都是先 ... [详细]
  • 一面自我介绍对象相等的判断,equals方法实现。可以简单描述挫折,并说明自己如何克服,最终有哪些收获。职业规划表明自己决心,首先自己不准备继续求学了,必须招工作了。希望去哪 ... [详细]
  • 安卓及谷歌官网不容易上,在此整理好下载地址,这样就可以直接用迅雷下载了。Eclipse最新Mars版Eclipse(暂时还没被墙)Mac版:http:www.eclipse.org ... [详细]
  • 人脸检测 pyqt+opencv+dlib
    一、实验目标绘制PyQT界面,调用摄像头显示人脸信息。在界面中,用户通过点击不同的按键可以实现多种功能:打开和关闭摄像头, ... [详细]
  • const限定符全解一、const修饰普通变量  intconsta500;  constinta600;  上述两种情况相同,都是声明一个const型的变量,它们 ... [详细]
  • 所以我的Mac只是强制更新到BigSur11.3。我一直在尝试访问Android设备管理器以运行模拟设备,但每次都无声无息地失败。当我尝试从命令行运行它时,我收到以下错误消息 ... [详细]
  • Averysimpleproblem.ItrytorunaverysimpledemotocreatedanddisplayaWindowFramefromEc ... [详细]
  • macpip3安装
    目的:mac安装pip3我的环境:macOSmojave10.14python3.7在Mac上python2和python3是共存的。因而python3对应的包管理工具的命令就是: ... [详细]
author-avatar
W布二
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有