Spotify GitHub 个人资料项目教程

Spotify GitHub 个人资料项目教程

spotify-github-profileShow your Spotify playing on your Github profile项目地址:https://gitcode.com/gh_mirrors/sp/spotify-github-profile

项目介绍

spotify-github-profile 是一个开源项目，旨在帮助用户在 GitHub 个人资料页面上展示他们的 Spotify 播放状态。该项目利用 Spotify API 获取用户的当前播放歌曲信息，并通过 GitHub Actions 自动更新到用户的 GitHub 个人资料 README 文件中。

项目快速启动

1. 克隆项目

首先，克隆项目到本地：

git clone https://github.com/kittinan/spotify-github-profile.git
cd spotify-github-profile

2. 配置 Spotify API

前往 Spotify Developer Dashboard 创建一个新的应用，并获取 CLIENT_ID 和 CLIENT_SECRET。

3. 配置 GitHub Secrets

在 GitHub 仓库的 Settings -> Secrets 中添加以下 secrets：

• SPOTIFY_CLIENT_ID: 你的 Spotify CLIENT_ID
• SPOTIFY_CLIENT_SECRET: 你的 Spotify CLIENT_SECRET
• SPOTIFY_REFRESH_TOKEN: 你的 Spotify 刷新令牌（可以通过 Spotify Token 获取）

4. 配置 GitHub Actions

在项目根目录下创建 .github/workflows/spotify.yml 文件，并添加以下内容：

name: Update Spotify Status

on:
  schedule:
    - cron: '*/30 * * * *'
  workflow_dispatch:

jobs:
  update:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Update Spotify status
        uses: kittinan/spotify-github-profile@main
        with:
          client_id: ${{ secrets.SPOTIFY_CLIENT_ID }}
          client_secret: ${{ secrets.SPOTIFY_CLIENT_SECRET }}
          refresh_token: ${{ secrets.SPOTIFY_REFRESH_TOKEN }}
      - name: Commit changes
        run: |
          git config --global user.name 'github-actions'
          git config --global user.email 'github-actions@github.com'
          git add README.md
          git commit -m "Update Spotify status"
          git push

5. 更新 README

在你的 GitHub 个人资料仓库的 README.md 文件中添加以下内容：

<!-- Spotify Now Playing -->
<a href="https://github.com/kittinan/spotify-github-profile">
  <img src="https://spotify-github-profile.vercel.app/api/view?uid=your-spotify-user-id&cover_image=true&theme=natemoo-re&bar_color=53b14f&bar_color_cover=false" alt="Spotify Now Playing" width="350"/>
</a>

将 your-spotify-user-id 替换为你的 Spotify 用户 ID。

应用案例和最佳实践

应用案例

• 个人开发者：在个人 GitHub 页面上展示当前播放的 Spotify 歌曲，增加个人页面的趣味性和互动性。
• 开源项目维护者：在项目主页上展示维护者当前播放的歌曲，增加项目的个性化和社区氛围。

最佳实践

• 定期更新：通过 GitHub Actions 定期更新 Spotify 状态，确保信息的实时性。
• 个性化配置：根据个人喜好调整 Spotify 状态的显示样式和主题。

典型生态项目

• Spotify API：提供获取 Spotify 用户播放状态的接口。
• GitHub Actions：自动化更新 GitHub 个人资料页面。
• Vercel：用于部署和托管 Spotify 状态显示服务。

通过以上步骤，你可以轻松地在 GitHub 个人资料页面上展示你的 Spotify 播放状态，增加页面的个性化和趣味性。

spotify-github-profileShow your Spotify playing on your Github profile项目地址:https://gitcode.com/gh_mirrors/sp/spotify-github-profile