让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计

简介: 这篇文章介绍了如何使用 WakaTime 为 GitHub 个人主页添加动态代码统计,展示编码活跃度,提升专业性。通过注册账号、安装 IDE 插件、配置 GitHub 仓库和使用工作流自动更新 README 文件,实现对多种编程语言的详细统计。

📌 为什么要这样做?

  • 用动态数据展示你的编码活跃度,让 GitHub 主页更具专业性

  • WakaTime 支持 50+ 编程语言的细分统计,比 GitHub 默认统计更全面

  • 适合开发者简历/作品集包装

🔧 前置准备

1. 注册 WakaTime 账号

2. 安装对应IDE插件(VSCode/IntelliJ/PyCharm等)

3. 确保有一个公开的GitHub仓库(或个人主页README.md

🚀 实现步骤

1、 注册登录 WakaTime 账号,建议使用 Github 登录,点击 首页 -> 右上角头像settings-> account-> apiKey
image.png

2、 在我们日常开发的 IDE 上安装,这里以 VS Code 为例,应用商店搜索 WakaTime ,点击安装

image.png

3、 安装成功之后就会弹出输入 WakaTime Api Key 的弹窗,复制粘贴回车,然后就能在底部看到时间统计:

image.png

4、 回到 Github 创建 Token,点击 头像 - settings - developer settings - Personal access tokens - Tokens (classic) ,点击 Generate new token ,保存好密钥

image.png

5、 创建一个同名仓库,添加令牌:

image.png

6、 在你的仓库中创建一个名为 .github/workflows/waka.yml 的文件,并添加以下内容:

name: Waka Readme

on:
  schedule:
    - cron: '0 0 * * *'
  workflow_dispatch:
jobs:
  update-readme:
    name: Update Readme with Metrics
    runs-on: ubuntu-latest
    steps:
      - uses: anmol098/waka-readme-stats@master
        with:
          WAKATIME_API_KEY: ${
  { secrets.WAKATIME_API_KEY }}
          GH_TOKEN: ${
  { secrets.GH_TOKEN }}
          LOCALE: zh
          SHOW_LINES_OF_CODE: "True" # 显示截至日期写入的代码行数
          SHOW_LOC_CHART: "False" # 年份不同季度编写的代码行数
          SHOW_SHORT_INFO: "False" # 用户的简短趣闻信息
          SHOW_OS: "True" # 显示系统
          SHOW_PROJECTS: "True" # 显示项目
          SHOW_TOTAL_CODE_TIME: "True" # 显示总编码时间
          SHOW_COMMIT: "True" # 显示提交信息
          SHOW_PROFILE_VIEWS: "True" # 设置为隐藏配置文件视图
          SHOW_DAYS_OF_WEEK: "True"  # 一周中不同日期进行的提交
          SHOW_LANGUAGE: "True" # 编码语言
          SHOW_EDITORS: "True" # 编辑器
          SHOW_LANGUAGE_PER_REPO: "True" #  
          SYMBOL_VERSION: "2" # 设置为进度条的符

7、 在 README.md 中添加代码引用占位符:

<!--START_SECTION:waka-->
<!--END_SECTION:waka-->

8、 点击 Actions ,找到 waka Readme ,点击 run workflow
image.png

9、 到这里,所有配置就已经完成, GitHub Actions 会在每天00:00点执行并将该段代码替换为 WakaTime 的统计数据

image.png

⚡ 在线预览

https://github.com/baiwumm/baiwumm

相关文章
|
存储 缓存 网络协议
CDNJS/UNPKG/JSDelivr 太慢用不了,换成这些国内高速镜像
npm cdn, cdnjs, unpkg, jsdelivr, zstatic, zstatic.net, s4.zstatic.net
22432 4
|
存储 开发者 流计算
Github成就解锁指南详细讲解
Github在 2022 年推出了全新的成就勋章, 用于表彰有卓越开源贡献的开发者, 在日常使用 Github 的活动中可以解锁这些成就, 并在 Github 个人主页上展示,因此本文将快速介绍如何解锁 Github 成就勋章,截止目前,Github 共开放了 9 个成就, 后续还会推出更多成就!
1670 1
|
开发工具 git
git如何修改提交代码时的名字和邮箱?
git如何修改提交代码时的名字和邮箱?
6866 4
|
7月前
|
存储 XML Rust
高效安全的数据序列化:Rust bincode二进制编码库入门指南(手把手教你使用bincode进行Rust二进制序列化)
本教程来源https://www.vpshk.cn/带你快速掌握Rust中bincode库的使用,实现高效、安全的二进制序列化与反序列化,适用于高性能服务、游戏引擎等场景,助力提升数据处理效率。
IDEA 插件 Material Theme UI收费后 免费的办法
IDEA 插件 Material Theme UI收费后 免费的办法
2113 2
|
11月前
|
缓存 JavaScript UED
浏览器进程模型及事件循环机制
这篇文章介绍了在Vite工程化中如何手动分包以优化打包输出的过程。文章首先创建了一个Vue3工程,通过修改代码前后打包对比,指出每次打包都会导致包含第三方库的文件重新下载。接着,文章说明了如何将第三方依赖库和业务代码分别打包,通过配置`vite.config.ts`文件来实现手动分包,最终达到优化缓存效果,减少不必要的下载。
196 0
让你的 VSCode 文件图标更好看的10个文件图标主题
一个好用的文件图标主题除了能够愉悦身心之外,对于开发的效率也会有很大的提升,可以帮助我们更快地找到需要的文件,或者发现文件命名中的错误。这篇文章总结了我用过的最棒的 10 个文件图标主题。
6703 0
让你的 VSCode 文件图标更好看的10个文件图标主题
|
存储
好看又规范的Github Readme 制作指南
本文是关于制作规范且外观吸引人的GitHub README文件的指南,包括了README的基本结构、美化技巧,以及如何使用Markdown格式、徽标和图片来增强文档的可读性和吸引力。
2282 0
|
JavaScript IDE 开发工具
【VsCode+LeetCode】优雅玩法
【VsCode+LeetCode】优雅玩法
1150 0