GitHub美化个人主页3D图表显示配置操作

发布于:2025-03-30 ⋅ 阅读:(25) ⋅ 点赞:(0)

这个功能主要是用的这个开源仓库:https://github.com/yoshi389111/github-profile-3d-contrib

想看效果的话,我的个人主页:https://github.com/Sjj1024

开始操作

1.创建自己的github主页属性项目——跟你github用户名一致即可, 比如我github名字叫是sjj1024, 创建一个sjj1024的同名项目,勾选生成README.md文件。

2. 开启Action的读写权限,勾选后保存即可:

  - Settings -> Action -> General -> Workflow permissions

  - read and write permissions

3. 创建WorkFlow文件:

  - 项目Action里面点击创建一个WorkFlow文件,名字叫Profile3D

文件内容如下:

name: GitHub-Profile-3D-Contrib

on:
  schedule: # 03:00 JST == 18:00 UTC
    - cron: "0 18 * * *"
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest
    name: generate-github-profile-3d-contrib
    steps:
      - uses: actions/checkout@v3
      - uses: yoshi389111/github-profile-3d-contrib@0.7.1
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          USERNAME: ${{ github.repository_owner }}
      - name: Commit & Push
        run: |
          git config user.name github-actions
          git config user.email github-actions@github.com
          git add -A .
          git commit -m "generated"
          git push

然后手动执行一次 action:Actions​ -> GitHub-Profile-3D-Contrib​ -> Run workflow

然后会在项目目录种生成这些文件(带路径,各种主题的都有):

  • profile-3d-contrib/profile-green-animate.svg
  • profile-3d-contrib/profile-green.svg
  • profile-3d-contrib/profile-season-animate.svg
  • profile-3d-contrib/profile-season.svg
  • profile-3d-contrib/profile-south-season-animate.svg
  • profile-3d-contrib/profile-south-season.svg
  • profile-3d-contrib/profile-night-view.svg
  • profile-3d-contrib/profile-night-green.svg
  • profile-3d-contrib/profile-night-rainbow.svg
  • profile-3d-contrib/profile-gitblock.svg

然后在README.md里面引入:

![](./profile-3d-contrib/profile-green.svg)

最后的效果如下: