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

📌 为什么要这样做?

  • 用动态数据展示你的编码活跃度,让 GitHub 主页更具专业性
  • WakaTime 支持 50+ 编程语言的细分统计,比 GitHub 默认统计更全面
  • 适合开发者简历/作品集包装

🔧 前置准备

  1. 注册 WakaTime 账号

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

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

🚀 实现步骤

  1. 注册登录 WakaTime 账号,建议使用 Github 登录,点击 首页 -> 右上角头像settings-> account-> apiKey
  2. 在我们日常开发的 IDE 上安装,这里以 VS Code 为例,应用商店搜索 WakaTime ,点击安装
  3. 安装成功之后就会弹出输入 WakaTime Api Key 的弹窗,复制粘贴回车,然后就能在底部看到时间统计:
  4. 回到 Github 创建 Token,点击 头像 - settings - developer settings - Personal access tokens - Tokens (classic) ,点击 Generate new token ,保存好密钥
  5. 创建一个同名仓库,添加令牌:
  6. 在你的仓库中创建一个名为 .github/workflows/waka.yml 的文件,并添加以下内容:
yaml 复制代码
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" # 设置为进度条的符
  1. README.md 中添加代码引用占位符:
xml 复制代码
<!--START_SECTION:waka-->
<!--END_SECTION:waka-->
  1. 点击 Actions ,找到 waka Readme ,点击 run workflow 9. 到这里,所有配置就已经完成, GitHub Actions 会在每天00:00点执行并将该段代码替换为 WakaTime 的统计数据

⚡ 在线预览

github.com/baiwumm/bai...

相关推荐
简小瑞5 天前
VSCode 源码解密:一个"无用"属性背后的精妙设计
typescript·visual studio code
星光不问赶路人6 天前
project references在tsserver内工作流程
typescript·visual studio code
珊瑚礁的猪猪侠13 天前
ADB使用指南
python·adb·visual studio code
瑶琴AI前端18 天前
【零成本高效编程】VS Code必装的5款免费AI插件,开发效率飙升!
前端·ai编程·visual studio code
LIUENG20 天前
快速开发一个 VSCode 插件
前端·visual studio code
996终结者1 个月前
同类软件对比(四):Jupyter vs PyCharm vs VS Code:Python开发工具终极选择指南
vscode·python·jupyter·pycharm·visual studio code
BD1 个月前
I18n Fast:一个彻底解决了国际化项目痛点的 VSCode 插件
visual studio code
moshuying1 个月前
🚀 从零到一:打造你的VSCode圈复杂度分析插件
visual studio code·cursor
Zayn1 个月前
前端路径别名跳转和提示失效?一文搞懂解决方案
前端·javascript·visual studio code
花载酒1 个月前
10个我离不开的 VSCode 插件
前端·visual studio code