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

1024小神2025-03-30 20:47

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

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

开始操作

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

开启Action的读写权限，勾选后保存即可：

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

　　- read and write permissions

创建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)

最后的效果如下：