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>

最后:

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

相关推荐
东风破_4 小时前
danci 2:创建的单词书到底存在哪里?从 Supabase 一路理解 ORM、Drizzle 和 RLS
数据库·后端·node.js
微尘寒风4 小时前
【Git】的安装和使用
java·git
东风破_4 小时前
danci 项目(三):从 JSON 数据到 AI Coding,真实项目里的数据清洗、Prompt 和工程规范
前端·后端·node.js
y = xⁿ4 小时前
DeepSeek Harness 学习日记:关于Agent接口,工具调用的底层实现
android·java·学习
怕浪猫5 小时前
FDE 最大的浪费不是写出有 bug 的代码,而是漂亮地解决了一个错误的问题
面试·架构·github
东风破_5 小时前
danci 项目(一):从需求到架构,一个单词学习系统为什么会这样设计
前端·后端·node.js
侧耳倾听1115 小时前
jwt使用简介
java·jwt
顶点多余6 小时前
那些在算法中适合巩固的知识点---1
java·前端·算法
AI人工智能+电脑小能手6 小时前
大白话说Java设计模式-46-责任链模式(业务实战篇)
java·设计模式·责任链模式·风控校验·servlet filter·spring interceptor·链式处理
jay神6 小时前
【计算机毕业设计】基于SpringBoot的程序教学辅助系统
java·前端·vue.js·spring boot·后端·毕业设计·课程设计