github 仓库主页美化定制

github 仓库主页美化定制

文章目录

  • [github 仓库主页美化定制](#github 仓库主页美化定制)
  • github状态信息-api
    • [GitHub 账户信息统计](#GitHub 账户信息统计)
    • [显示 Github 当中仓库你常用的语言](#显示 Github 当中仓库你常用的语言)
    • [显示 GitHub 仓库信息卡片](#显示 GitHub 仓库信息卡片)
  • 第三方社交平台数据的统计
  • 统计访问次数
  • 徽标
  • [我的 Github 主页 Version1.0](#我的 Github 主页 Version1.0)
  • [我的 Github 主页 Version2.0](#我的 Github 主页 Version2.0)
  • 最后:

github状态信息-api

GitHub 账户信息统计

java 复制代码
![GitHub账户信息统计](https://github-stats.ubrong.com/api?username=ubrong&show_icons=true&theme=tokyonight)
java 复制代码
参数说明:
username [必填] (string) 被统计信息的github用户名
show_icons [可选] (boolean) false不显示图标,true显示图标
theme [可选] (string) 主题(可用值:default, dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula)

显示 Github 当中仓库你常用的语言

java 复制代码
![GitHub账户最常用语言](https://github-stats.ubrong.com/api/top-langs/?username=ubrong&layout=compact&theme=tokyonight)
java 复制代码
参数说明:
layout [可选] (string) 布局(可用值:default, compact)

显示 GitHub 仓库信息卡片

java 复制代码
![GitHub仓库信息卡片](https://github-stats.ubrong.com/api/pin/?username=ubrong&repo=phoneweb-base&theme=dark)
java 复制代码
参数说明:
repo [必选] (string) 仓库名称

第三方社交平台数据的统计

java 复制代码
![github统计](https://stats.justsong.cn/api/github?username=ubrong&theme=dark&lang=zh-CN)

![B站统计](https://stats.justsong.cn/api/bilibili/?id=1643462710&theme=dark)

支持平台与链接示例:

GitHubhttps://stats.justsong.cn/api/github?username={username:string}

知乎https://stats.justsong.cn/api/zhihu?username={username:string}

B 站https://stats.justsong.cn/api/bilibili/?id={uid:int}

LeetCode 英文站https://stats.justsong.cn/api/leetcode/?username={username:string}

LeetCode 中文站https://stats.justsong.cn/api/leetcode?username={username:string}\&cn=true

LeetCode 中文站英文站双修https://stats.justsong.cn/api/leetcode?username={username:string}\&={cn_username:string}

掘金https://stats.justsong.cn/api/juejin?id={uid:int}

CSDNhttps://stats.justsong.cn/api/csdn?id={uid:string}

牛客https://stats.justsong.cn/api/nowcoder?id={uid:int}

java 复制代码
GitHub:https://stats.justsong.cn/api/github?username={username:string}

知乎:https://stats.justsong.cn/api/zhihu?username={username:string}

B 站:https://stats.justsong.cn/api/bilibili/?id={uid:int}

LeetCode 英文站:https://stats.justsong.cn/api/leetcode/?username={username:string}

LeetCode 中文站:https://stats.justsong.cn/api/leetcode?username={username:string}&cn=true

LeetCode 中文站英文站双修:https://stats.justsong.cn/api/leetcode?username={username:string}&={cn_username:string}

掘金:https://stats.justsong.cn/api/juejin?id={uid:int}

CSDN:https://stats.justsong.cn/api/csdn?id={uid:string}

牛客:https://stats.justsong.cn/api/nowcoder?id={uid:int}

统计访问次数

java 复制代码
![Visitor Count](https://profile-counter.glitch.me/{ubrong}/count.svg)

说明:

{ubrong}替换为自己的标记,建议使用 github用户名。注意这个值可以是任意的,因为它仅是一个标记。

徽标

java 复制代码
![tip](https://badgen.net/badge/php/8.1/orange?icon=php)

![tip](https://badgen.net/badge/python/3.1.6/green?icon=packagephobia)

**badgen **的 url 格式说明:

java 复制代码
https://badgen.net/badge/{subject}/{status}/{color}?icon=github

subject (string) 徽标左侧文字,如:node

status (string) 徽标右侧文案,如:16.0.1

color (string) 徽标右侧背景色,如:red,green等

icon (string) 图标,如:git,github,wiki等

或者:

如下表示居中:

java 复制代码
<div id="title" align=center>
<div>

如下的图标操作是可以点击链接跳转的

java 复制代码
如下的图标操作是可以点击链接跳转的
[![CSDN](https://img.shields.io/badge/CSDN博客地址-RainbowSea15-red)](https://blog.csdn.net/weixin_61635597?spm=1010.2135.3001.5343)

[![掘金](https://img.shields.io/badge/掘金博客地址-RainbowSea-blue)](https://juejin.cn/creator/home)

[![Gitee](https://img.shields.io/badge/Gitee地址-RainbowSea-yello)](https://gitee.com/Rainbow--Sea)

我的 Github 主页 Version1.0

markdown 复制代码
## Rainbow Sea 🌈🌈🌈

<div id="title" align=center>

如下的图标操作是可以点击链接跳转的
[![CSDN](https://img.shields.io/badge/CSDN博客地址-RainbowSea15-red)](https://blog.csdn.net/weixin_61635597?spm=1010.2135.3001.5343)

[![掘金](https://img.shields.io/badge/掘金博客地址-RainbowSea-blue)](https://juejin.cn/creator/home)

[![Gitee](https://img.shields.io/badge/Gitee地址-RainbowSea-yello)](https://gitee.com/Rainbow--Sea)


![](https://img.shields.io/badge/主修-Java-orange) 


![](https://img.shields.io/badge/性格-开朗-red) 
![](https://img.shields.io/badge/爱好-二次元-red)





![CSDN统计](https://stats.justsong.cn/api/csdn?id=weixin_61635597&amp;theme=default&amp;lang=zh-CN)

![掘金统计](https://stats.justsong.cn/api/juejin?id=752533564566951&amp;theme=default&amp;lang=zh-CN)


![GitHub账户信息统计](https://github-stats.ubrong.com/api?username=China-Rainbow-sea&amp;show_icons=true&amp;theme=default)


![GitHub账户最常用语言](https://github-stats.ubrong.com/api/top-langs/?username=China-Rainbow-sea&amp;layout=compact&amp;theme=default)


</div>

我的 Github 主页 Version2.0

markdown 复制代码
## Rainbow Sea 🌈🌈🌈

<div id="title" align=center>

[![CSDN](https://img.shields.io/badge/CSDN博客地址-RainbowSea15-red)](https://blog.csdn.net/weixin_61635597?spm=1010.2135.3001.5343)

[![掘金](https://img.shields.io/badge/掘金博客地址-RainbowSea-blue)](https://juejin.cn/creator/home)

[![Gitee](https://img.shields.io/badge/Gitee地址-RainbowSea-yello)](https://gitee.com/Rainbow--Sea)


![](https://img.shields.io/badge/主修-Java-orange) 


![](https://img.shields.io/badge/性格-开朗-red) 
![](https://img.shields.io/badge/爱好-二次元-red)



| ![CSDN统计](https://stats.justsong.cn/api/csdn?id=weixin_61635597&amp;theme=default&amp;lang=zh-CN) | ![掘金统计](https://stats.justsong.cn/api/juejin?id=752533564566951&amp;theme=default&amp;lang=zh-CN) |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| ![GitHub账户信息统计](https://github-stats.ubrong.com/api?username=China-Rainbow-sea&amp;show_icons=true&amp;theme=default) | ![GitHub账户最常用语言](https://github-stats.ubrong.com/api/top-langs/?username=China-Rainbow-sea&amp;layout=compact&amp;theme=default) |

</div>

最后:

"在这个最后的篇章中,我要表达我对每一位读者的感激之情。你们的关注和回复是我创作的动力源泉,我从你们身上吸取了无尽的灵感与勇气。我会将你们的鼓励留在心底,继续在其他的领域奋斗。感谢你们,我们总会在某个时刻再次相遇。"

相关推荐
恋爱绝缘体116 分钟前
2020重学C++重构你的C++知识体系
java·开发语言·c++·算法·junit
wszy18091 小时前
新文章标签:让用户一眼发现最新内容
java·python·harmonyos
wszy18091 小时前
顶部标题栏的设计与实现:让用户知道自己在哪
java·python·react native·harmonyos
踏浪无痕1 小时前
AI 时代架构师如何有效成长?
人工智能·后端·架构
程序员小假2 小时前
我们来说一下无锁队列 Disruptor 的原理
java·后端
资生算法程序员_畅想家_剑魔2 小时前
Kotlin常见技术分享-02-相对于Java 的核心优势-协程
java·开发语言·kotlin
ProgramHan2 小时前
Spring Boot 3.2 新特性:虚拟线程的落地实践
java·jvm·spring boot
草梅友仁2 小时前
墨梅博客 1.0.0 发布与更新 | 2026 年第 2 周草梅周报
github·ai编程·nuxt.js
nbsaas-boot3 小时前
Go vs Java 的三阶段切换路线图
java·开发语言·golang
毕设源码-钟学长3 小时前
【开题答辩全过程】以 基于Java的慕课点评网站为例,包含答辩的问题和答案
java·开发语言