Github仓库与个人介绍界面美化

news/2025/1/22 10:30:22/

目录

    • 前言
    • 具体操作
      • 新建个人仓库
      • 添加徽标牌子
      • 添加个人信息卡片
      • 最终成品代码

前言

下面是一个个人经过美化过后的界面,您仅需根据我下方给出的操作顺序依次执行即可得到一个完美的个人主页!!!
在这里插入图片描述

当然,如果你实在不想看冗长的教学文字,那你可以直接复制下方的README.md文件内容,把里面的ZhillerDev替换为你的github用户名:

## ZhillerDev's Profile Pagewelcome here!!!![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.spencerwoo.com%2Fsubstats%2F%3Fsource%3Dgithub%26queryKey%3DZhillerDev&query=%24.data.totalSubs&label=ZhillerDev%20Followers)[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=ZhillerDev)](https://github.com/anuraghazra/github-readme-stats)

具体操作

新建个人仓库

新建一个仓库,你需要关注下图中画红框的地方:

  1. 修改仓库名称和你的所有者(owner)名称完全一致,大小写也必须一样,当你填写正确后就会弹出下方的卡片,告诉你你可以通过修改readme.md文件实现自定义user profile
  2. 该仓库必须是公开的
  3. 最好初始化仓库的时候让系统创建一个README file,不然你手动创建会比较麻烦
    在这里插入图片描述

添加徽标牌子

参考文献
https://sspai.com/post/59593
https://zhuanlan.zhihu.com/p/217540872
https://zhuanlan.zhihu.com/p/533850515

这里的徽标生成我们使用老牌的shield.io来完成,你可以去下面的网站直接借助其提供的生成器生成牌子,然后粘贴到README即可
shield 徽标牌子生成器
在这里插入图片描述

日常主要使用静态徽标和动态徽标,二者的工作原理如下:

  1. 静态徽标:渲染前向shield请求静态牌子,由其直接返回一个徽标的img图片链接即可使用
  2. 动态徽标:这里需要借助托管网站 substats 来完成此步骤,主要流程是先向shield请求后,再请求该托管网站,网站返回抓取的数据结果后返回shield,最终反馈给用户,显示img图标

你可以去这个网站看看示例包括对应的调用API,他一般是和shield生成器结合使用,下面会对其进行详细介绍: substats 用户数据抓取API

shield生成静态牌子示例
生成参数基本格式:
牌子主标题-牌子副标题-副标题颜色
最终生成结果如下:
在这里插入图片描述
在这里插入图片描述

substats 生成获取github followers的动态牌子
先去substats官网找到获取github follower的相关API
点击前往
根据提示,我们可以拼接出请求的API如下:
https://api.spencerwoo.com/substats/?source=github&queryKey=ZhillerDev
同时根据substats官网的提示,返回数据获取(这是固定格式):$.data.totalSubs
在这里插入图片描述


添加个人信息卡片

参考文献与引用
https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md

这里使用github-readme-stats仓库实现个人统计信息卡片的展示;
使用方法很简单,直接去我上面给出的网站地址,去对应文档内找到URL直接复制粘贴然后修改用户名即可;
下面是该官方文档的介绍:
在这里插入图片描述


最终成品代码

最后可以简单的结合上面方法最终写出一个看起来还说得过去的个人主页;
把下面的代码复制到第一步新建的个人仓库的README.md文件内,然后修改里面的ZhillerDev为你的github用户名即可:

## ZhillerDev's Profile Pagewelcome here!!!![Dynamic JSON Badge](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.spencerwoo.com%2Fsubstats%2F%3Fsource%3Dgithub%26queryKey%3DZhillerDev&query=%24.data.totalSubs&label=ZhillerDev%20Followers)[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=ZhillerDev)](https://github.com/anuraghazra/github-readme-stats)

主页刷新渲染后的效果:
在这里插入图片描述


http://www.ppmy.cn/news/1565200.html

相关文章

Django学堂在线笔记-1

1. 基本命令-扫盲向 a 新建一个项目后添加一个app(name: myapp for instance) python manage.py startapp myapp b 启动服务 python manage.py runserver 2. 复杂模版及变量传递 views.py from django.shortcuts import renderfrom tem_app.Person import Person# Creat…

【优选算法】4----盛最多水的容器

开始有点上强度了铁子们,这道算法题也是可以说很难理解的~ 想了好久才想明白~ ---------------------------------------begin--------------------------------------- 题目解析: 这一道题刚看题目,根本不知道在讲啥,但看到体积…

Spring Boot拦截器:掌握Web请求的“守门员”

在Spring Boot中,拦截器(Interceptor)就像是一个门卫,能够在请求到达控制器之前或之后进行一些检查或操作。使用拦截器通常包含以下几个步骤: 1. 定义拦截器 首先,你需要创建一个拦截器类,这个…

【大数据】关于机器学习----------规则学习

一、基本概念 注:本博文所含流程图引用知乎博主 deephub 1. 规则学习 规则学习是从数据中自动提取出能表示数据规律的规则的机器学习方法。这些规则通常以 if-then 形式出现,可用于分类、预测和决策等任务。例如:if (feature1 > 5) and (…

如何运行第一个Tomcat HttpServlet 程序

怀旧网个人博客网站地址:怀旧网,博客详情:如何运行第一个Tomcat HttpServlet 程序 1、编写一个 Servlet 类 创建一个包 在创建一个类--继承HttpServlet 爆红:原因,没有导入所依赖的包 altenter 选着add macen 选着第…

自动化标注平台开源,基于 yolov8标注平台可本地部署

yolov8标注平台本地部署(docker部署),已调通yolov8模型自动预标注功能。 下面开始背景知识…… 1)数据标注为什么在人工智能时代如此重要? 数据标注在人工智能时代如此重要,原因如下: 为机器…

tcpdump 精准分析vxlan网络

一、相关概念 ​ VXLAN(Virtual eXtensible Local Area Network,虚拟扩展局域网),是由IETF定义的NVO3(Network Virtualization over Layer 3)标准技术之一,是对传统VLAN协议的一种扩展。VXLAN的…

PyQt5 超详细入门级教程上篇

PyQt5 超详细入门级教程 上篇:1-3部分:PyQt5基础与常用控件 第1部分:初识 PyQt5 和安装 1.1 什么是 PyQt5? PyQt5 是 Python 的图形用户界面 (GUI) 框架,它基于强大的 Qt 库。Qt 是一个跨平台的 C 框架,用…