github 自定义主页，使用waka-readme配合wakapi统计代码时长

前言

本文基于github 自定义主页，使用waka-readme-stats统计代码时长，并配置动态更新的基础上进行修改。

1.获取Wakapi API key

打开 wakapi 官网，注册并登录后可以看见所需配置提示

2.配置IDE

资源管理器搜索 .wakatime.cfg ，在编辑器中打开

api_url 和 api_key 都需要使用首页提供的

另外可以参考：wakapi 客户端设置

配置好后刷新下官网，就能看见数据统计了

3.配置wakapi的开放权限

打开 Settings / Permissions 页面，这一步非常重要，如果不配置的话，github那边是获取不到代码统计数据的。

Time Range 是权限过期时间，-1是无限制
Share Languages 是分享语言

3.配置仓库密钥

打开 Settings / Secrets / Actions 页面，点击 New repository secret

Name 为 WAKAPI_BASE_URL，value 为 https://wakapi.dev/api

Name 为 WAKATIME_API_KEY，value 为 Wakapi API key 密钥

4.配置wakatime.yml工作流文件

主要修改：

1. uses 使用的库改用 athul/waka-readme@master, 这个库无需 GH_TOKEN 权限
2. 增加API_BASE_URL
3. 修改 WAKATIME_API_KEY 的 value 值为 WAKAPI_API_KEY

参考文档 waka-readme 附加功能

name: WakaTime Readme

on:
  workflow_dispatch:
  schedule:
    - cron: '0 20 * * *'

jobs:
  update-readme:
    name: Update README
    runs-on: ubuntu-latest
    steps:
      - uses: athul/waka-readme@master
        with:
          API_BASE_URL: ${{ secrets.WAKAPI_BASE_URL }}
          WAKATIME_API_KEY: ${{ secrets.WAKAPI_API_KEY }}
          COMMIT_MESSAGE: Update Wakapi stats
          BLOCKS: "⬜🟨🟩"
          TIME_RANGE: last_30_days
          SHOW_TIME: true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

4.手动运行工作流

运行 Github Actions 之后，由于是刚配置的，数据同步没有这么快，耐心等待一天即可

详见这个 issues: 指标显示需要多长时间?

5.效果图

等待一天之后，再次手动运行工作流

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。