美化个人github主页,部署github-readme-stats

官方教程:https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md

根据官方教程,有两种玩法,第一种最简单的,不用部署项目,步骤如下:

1.建仓库

创建一个仓库,仓库名和自己的github账户名相同,仓库里添加一个readme.md文件,这个文件就是用来美化个人主页的,效果如上图所示。

2.编辑readme.md文件

readme.md文件添加如下内容,把username=xxxxx换成github的账户名即可,然后预览md文件,应该就有效果了,具体主题等配置项可以看官方教程。

java 复制代码
​​​​​​​![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=xxxxx&show_icons=true)

readme.md中还可以使用<img>、<p>等基础标签,参考:​​​​​​​​​​​​​​https://juejin.cn/post/7385935890931482643

以下开始是要部署项目的玩法,官方教程中有,不花钱。

3.fork GitHub Readme Stats仓库

4.登录vercel

add new project

然后import我们fork的GitHub Readme Stats, project name任意,environment variables中添加名为PAT_1的环境变量,token值从这里获取,其他选项默认不动即可。

5.修改fork的 GitHub Readme Stats仓库的vercel.json文件

原仓库的配置,memory值是1200,部署时会报错:

Serverless Functions are limited to 1024 mb of memory for personal accounts (Hobby plan). To increase, create a team (Pro plan).

这点在官方教程中没有提及,导致踩了坑。改成如下即可,我改成了128

java 复制代码
{
  "functions": {
    "api/*.js": {
      "memory": 128,
      "maxDuration": 10
    }
  },
  "redirects": [
    {
      "source": "/",
      "destination": "https://github.com/anuraghazra/github-readme-stats"
    }
  ]
}

最后部署即可。部署完进入这个项目,找到domains,替换我们的readme.md中的domains,然后预览应该就看到效果了。

不得不说vercel部署真的方便,比docker还好用🤓。

我的readme.md配置如下

java 复制代码
## Hi I'm QingQiu(青秋) 👋

- 🤓 一名26届本科生,软件工程专业。
- 📖 主修JavaWeb,略懂大数据,有全栈开发经验。
- 🔖 [我的博客](https://blog.csdn.net/qq_73181349)
- 🎊 [全栈项目](https://xxxxx)
- 🤖 [QQ音乐](https://xxxx)


## ✨感兴趣的
 ![](https://img.shields.io/badge/AIGC-FFFFFF?style=for-the-badge)
 ![](https://img.shields.io/badge/移动端开发-FFFFFF?style=for-the-badge)
 ![](https://img.shields.io/badge/应用出海-FFFFFF?style=for-the-badge)
 ![](https://img.shields.io/badge/跨境电商-FFFFFF?style=for-the-badge)
 ![](https://img.shields.io/badge/创业-FFFFFF?style=for-the-badge)
 ![](https://img.shields.io/badge/自媒体-FFFFFF?style=for-the-badge)
 
  

## ✨技术栈
 ![](https://img.shields.io/badge/Java-000000?style=plastic&logo=java&logoColor=FE5F50)
 ![](https://img.shields.io/badge/spring-000000?style=plastic&logo=spring&logoColor=2AF598)
 ![](https://img.shields.io/badge/nextjs-000000?style=plastic&logo=nextdotjs&logoColor=white)
 ![](https://img.shields.io/badge/typescript-000000?style=plastic&logo=typescript&logoColor=0093E9)
 ![](https://img.shields.io/badge/antdesign-000000?style=plastic&logo=antdesign&logoColor=52ACFF)
 ![](https://img.shields.io/badge/React-000000?style=plastic&logo=React&logoColor=green)
 ![](https://img.shields.io/badge/umi-000000?style=plastic&logo=umami&logoColor=08AEEA)
![](https://img.shields.io/badge/hadoop-000000?style=plastic&logo=apachehadoop&logoColor=yellow)

## ✨Github Stats
<img align="" height="180px" src="https://替换你的domains/api?username=你的账户名&show_icons=true&count_private=true&include_all_commits=true&hide_title=true&line_height=21&bg_color=0,EC6C6C,FFD479,FFFC79,73FA79&theme=graywhite&locale=cn"/><img align="" height="180px" src="https://替换你的domains/api/top-langs/?username=你的账户名&hide_title=true&hide_border=true&layout=compact&bg_color=0,73FA79,73FDFF,D783FF&theme=graywhite&locale=cn"/>
相关推荐
油泼辣子多加4 小时前
2025年06月30日Github流行趋势
github
ai小鬼头5 小时前
AIStarter如何快速部署Stable Diffusion?**新手也能轻松上手的AI绘图
前端·后端·github
寻月隐君9 小时前
Rust 异步编程实践:从 Tokio 基础到阻塞任务处理模式
后端·rust·github
bingGO5499110 小时前
github 集成CICD自动化部署
github
超龄超能程序猿10 小时前
Bitvisse SSH Client 安装配置文档
运维·ssh·github
Natsume171013 小时前
嵌入式开发:GPIO、UART、SPI、I2C 驱动开发详解与实战案例
c语言·驱动开发·stm32·嵌入式硬件·mcu·架构·github
荔枝吻14 小时前
【AI总结】Git vs GitHub vs GitLab:深度解析三者联系与核心区别
人工智能·git·github
幻凡ss14 小时前
github pages使用免费CDN加速-netlify
github·github pages·github cdn·github pages加速·netlify加速github·hexo博客免费cdn加速·个人博客免费cdn加速
我是哪吒17 小时前
分布式微服务系统架构第155集:JavaPlus技术文档平台日更-Java线程池实现原理
后端·面试·github
DeepSeek-大模型系统教程1 天前
推荐 7 个本周 yyds 的 GitHub 项目。
人工智能·ai·语言模型·大模型·github·ai大模型·大模型学习