惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG
B
Blog
博客园 - Franky
I
InfoQ
A
About on SuperTechFans
博客园_首页
L
LangChain Blog
量子位
腾讯CDC
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
美团技术团队
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
月光博客
月光博客
T
The Blog of Author Tim Ferriss
P
Proofpoint News Feed
G
Google Developers Blog
Last Week in AI
Last Week in AI

谜叶象限

ZCode 周末送额度:3 亿 Token 免费领取攻略 | Margin 视频卡片:在文章里嵌入一个视频 | Margin Agent 免费模型盘点:现在还能白嫖什么 | Margin GLM-5.3-Flash 发布:从「牛来」神秘刷屏到开源普惠 | Margin 从 Halo 到 Astro:博客终于变简单了 | Margin 音乐卡片:在文章里引用一首歌 | Margin 链接卡片:在文章里引用外链与站内文章 | Margin Markdown 语法演示:本站文章的书写指南 | Margin DeepSeek Harness 入门:从安装配置到跑通第一个任务 | Margin 探索 Nuxt.js 全栈能力:用 Better-Auth 打造类型安全的 RBAC 权限系统 – 谜叶象限 年前小记:一次加班,一场尴尬,与一些过年随想 年前小记:一次加班,一场尴尬,与一些过年随想 | Margin 您好,2026:愿我们奔赴在热爱里 您好,2026:愿我们奔赴在热爱里 | Margin 动态配色方案:在 Next.js 中实现 Shadcn UI 主题色切换 Next.js 动态主题色切换:基于 CSS 变量的实现方案 | Margin 2025年度报告:普通人的变与不变 2025 年终总结:健康、感情与工作 | Margin 不只是作品集:用 Next.js 打造我的数字作品库 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup 发现一款宝藏工具:Shots.so,几秒钟做出高级感 Mockup | Margin Cover Magic:专业的封面设计工具,支持实时预览和高质量导出 Cover Magic:专业的封面设计工具,支持实时预览和高质量导出 | Margin Nuxt4.0初体验:一个简约、精美、现代化的个人站点导航! git commit -m "feat: 告诉你妈,我现在买得起房子了!" git commit -m "feat: 告诉你妈,我现在买得起房子了!" | Margin 一次旅游引发的家庭争论:当节俭传统遇上"趁能走多看看"的晚年愿望 一次旅游引发的家庭争论:当节俭传统遇上"趁能走多看看"的晚年愿望 | Margin 让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计 | Margin Certimate + Let’s Encrypt:零干预的 HTTPS 永续方案
让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计
白雾茫茫丶 · 2025-07-08 · via 谜叶象限

📌 为什么要这样做?

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

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

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

🔧 前置准备

1. 注册 WakaTime 账号

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

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

🚀 实现步骤

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

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

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

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

  1. 创建一个同名仓库,添加令牌:

  1. 在你的仓库中创建一个名为 .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" # 设置为进度条的符
  1. README.md 中添加代码引用占位符:

<!--START_SECTION:waka-->
<!--END_SECTION:waka-->
  1. 点击 Actions ,找到 waka Readme ,点击 run workflow

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

WakaTime

⚡ 在线预览

https://github.com/baiwumm/baiwumm

🤖 开发者调研