简化你查看 GitHub 贡献记录的方式。它允许你生成你的贡献记录图像,你可以保存并分享给他人

图片[1]-简化你查看 GitHub 贡献记录的方式。它允许你生成你的贡献记录图像,你可以保存并分享给他人-浩瀚博客

能与使用

  • • 功能:利用 GitHub GraphQL API 获取数据,并通过 Next.js API 路由处理请求。
  • • 使用方法
    • • HTML

      <img src="https://green-wall.leoku.dev/api/og/share/[YOUR_USERNAME]" alt="My contributions" />
    • • Markdown

      ![My contributions](https://green-wall.leoku.dev/api/og/share/[YOUR_USERNAME])

可选参数

Parameter
Description
Type
Default Value
Example
year
Specify calendar year to display
number
Latest year
?year=2023
theme
Choose color theme for image
string Classic ?theme=Violet
width
Set custom image width
number
1200
?width=800
height
Set custom image height
number
630
?height=400

项目运行

  • • 运行环境:需要使用 GitHub API 获取数据,因此需要一个个人访问令牌进行身份验证。
  • • 获取令牌:https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token。
  • • 本地运行
    • • 创建 .env.local 文件,并插入令牌:

      GITHUB_ACCESS_TOKEN="ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    • • 使用 pnpm dev 命令进行开发。

直达链接【点击前往

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享