使用Github Actions定制Github个人主页

先放一张效果图

教程

其实就是利用这个lowlighter/metrics的gh-actions来每天定时生成一张svg。
详细教程见lowlighter/metrics: 📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

metrics.yml

以下就是我的同款workflow配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
name: Metrics
on:
  schedule: [{cron: "0 0 * * *"}]
  workflow_dispatch:
  push: {branches: ["main"]}
jobs:
  github-metrics:
    runs-on: ubuntu-latest
    environment: 
      name: production
    permissions:
      contents: write
    steps:
      - uses: lowlighter/metrics@latest
        with:
          filename: metrics.svg
          token: ${{ secrets.METRICS_TOKEN }}
          config_timezone: Asia/Shanghai
          base: header, activity, community, repositories, metadata
          
          plugin_isocalendar: yes
          plugin_isocalendar_duration: full-year
          
          plugin_lines: yes
          plugin_lines_history_limit: 1
          plugin_lines_sections: base
          plugin_lines_delay: 30
          
          plugin_languages: yes
          plugin_languages_skipped: dotfiles
          plugin_languages_details: percentage, bytes-size
          
          plugin_followup: yes
          plugin_followup_sections: user
          
          plugin_code: yes
          plugin_code_languages: javascript, typescript, python, cpp
          plugin_code_load: 400

          plugin_wakatime: yes
          plugin_wakatime_sections: time, projects, projects-graphs, languages, languages-graphs, editors, os
          plugin_wakatime_token: ${{ secrets.WAKATIME_TOKEN }}
          
          plugin_rss: yes
          plugin_rss_source: https://blog.qyadbr.top/atom.xml
          plugin_rss_limit: 10

          plugin_gists: yes

          plugin_achievements: yes

          plugin_activity: yes