【github主页】优化简历

server/2024/9/23 12:20:40/

github主页】优化简历

  • 写在最前面
  • 一、新建秘密仓库
  • 二、插件卡片配置
    • 1、仓库状态统计
    • 2、Most used languages(GitHub 常用语言统计)
      • 使用细则
    • 3、Visitor Badge(GitHub 访客徽章)
    • 4、社交统计
    • 5、打字特效
    • 6、省略展示+小猫


请添加图片描述

🌈你好呀!我是 是Yu欸
🌌 2024每日百字篆刻时光,感谢你的陪伴与支持 ~
🚀 欢迎一起踏上探险之旅,挖掘无限可能,共同成长!

写在最前面

最近刚报名了开源奖励计划,就看到了fanstuck大佬的博文(如何一键展示全平台信息?Python手把手教你搭建自己的自媒体展示平台),然后又顺着找到了小孙同学的介绍(Github 首页美化教程(一):打造个性化的GitHub首页)。

那么在更新github前,先美化一下首页介绍吧~

欢迎来访:https://github.com/lightrain-a

在这里插入图片描述

一、新建秘密仓库

在DIY Github 的首页最开始,我们需要新建一个仓库名和自己 Github 用户名相同的仓库,并且添加一个 README.md自述文件。

lightrain-a/lightrain-a is a special repository that you can use to add a README.md to your GitHub profile. Make sure it’s public and initialize it with a README to get started.

lightrain-a/lightrain-a是一个特殊的存储库,您可以使用它来添加一个README。md到你的GitHub配置文件。确保它是公共的,并使用README来初始化它。

在这里插入图片描述

最后点击最下方的绿色create,就创建成功啦!

GitHub默认为此文件添加了demo,我们编辑此文件,即可开启自己的DIY之路了!

在这里插入图片描述
在这里插入图片描述
这里可以直接预览效果:
在这里插入图片描述

二、插件卡片配置

在这样一个markdown文件以供我们DIY主页,扩展性很高。

1、仓库状态统计

下面展示仓库状态统计的设置,需要把username修改成自己的GitHub名字。通过给url增加参数的形式,可以设置theme主题内容;更多详细内容可以参考README.md参考文档的GitHub Stats Card介绍。

![](https://github-readme-stats.vercel.app/api?username=你的Github用户名e&show_icons=true&theme=transparent)

2、Most used languages(GitHub 常用语言统计)

添加使用编程语言对比统计图 --> 传送门

热门语言卡片显示了 GitHub 用户常用的编程语言。

注意:热门语言并不表示我的技能水平或类似的水平,它是用来衡量用户在 github 上拥有最多代码的语言的一项指标,它是 github-readme-stats 的新特性。

使用细则

将此代码复制粘贴到您的 README.md 文件中,并修改链接。

端点: api/top-langs?username=anuraghazra

<div align="center"> <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=sun0225SUN&hide_title=true&hide_border=true&layout=compact&langs_count=6&text_color=000&icon_color=fff&bg_color=0,52fa5a,4dfcff,c64dff&theme=graywhite" /> </div>

3、Visitor Badge(GitHub 访客徽章)

这个徽章会实时改变,记录此页面被访问的次数。–>传送门

<div align="center"> <img src="https://visitor-badge.glitch.me/badge?page_id=sun0225SUN" /> </div>

将以下 Markdown 标记,添加到您的 Markdown 内容中:

![visitors](https://visitor-badge.glitch.me/badge?page_id=page.id&left_color=green&right_color=red)

其中,

url 参数 page_id 是必需的,请使用唯一字符串来最好地代表您的页面。

我建议您遵循以下规则:page_id

例如,对于 README.md 文件,请使用 y o u r . u s e r n a m e . {your.username}. your.username.{your.repo.id}。https://visitor-badge.glitch.me/badge?page_id=jwenjian.visitor-badge
例如,对于 Issue body (问题正文),请使用 y o u r . u s e r n a m e . {your.username}. your.username.{your.repo.id}.issue.${issue.id}。https://visitor-badge.glitch.me/badge?page_id=jwenjian.visitor-badge.issue.1
或任何其他 Markdown 内容,请给出唯一的字符串来区分

url 参数 left_color 和 right_color 是可选的,您可以通过传递这两个参数来自定义徽章颜色。

这些值支持颜色名称(如绿色),十六进制字符串中的 RGB 以主题标签(如 #66ccff)开头

4、社交统计

在 README 中展示你在一些流行的网站的数据。 --> 传送门

在这里插入图片描述

<div align="center"> <img src="https://stats.justsong.cn/api/csdn?id=weixin_50915462"> </div>

5、打字特效

<img align="right" src="https://visitor-badge.laobi.icu/badge?page_id=lightrain-a.lightrain-a" />
<h1 align="center"><img src="https://readme-typing-svg.herokuapp.com/?font=Righteous&size=35&center=true&vCenter=true&width=500&height=70&duration=4000&lines=Hi+There!+👋+I'm+Anita;" />
</h1>

在这里插入图片描述

6、省略展示+小猫

<details><summary>Know more<img src="https://media.giphy.com/media/mGcNjsfWAjY5AEZNw6/giphy.gif" width="50"></summary>

展开前:
在这里插入图片描述
展开后:
在这里插入图片描述


http://www.ppmy.cn/server/6373.html

相关文章

【记录】Python3|Selenium 下载 PDF 不预览不弹窗(2024年)

版本&#xff1a; Chrome 124Python 3.12Selenium 4.19.0 版本与我有差异不要紧&#xff0c;只要别差异太大比如 Chrome 用 57 之前的版本了&#xff0c;就可以看本文。 如果你从前完全没使用过、没安装过Selenium&#xff0c;可以参考这篇博客《【记录】Python3&#xff5c;Se…

布隆过滤器:揭秘数据结构的魔法与应用

在大数据洪流中&#xff0c;如何快速判断一个元素是否属于一个庞大的集合&#xff0c;而又不被存储成本和时间复杂度所束缚&#xff1f;此时&#xff0c;布隆过滤器&#xff08;Bloom Filter&#xff09;犹如一把轻便而锋利的瑞士军刀&#xff0c;以其独特的概率性数据结构&…

深度学习 Lecture 9 信息增益、One-hot、回归树、集成树、随机森林、XGBoost模型

一、信息增益&#xff08;Information Gain) 决定使用什么特征来划分一个节点取决于什么样的特征选择最能减少熵&#xff08;也就是使纯度最大化&#xff09; 在决策树中&#xff0c;熵的减少被称为信息增益。 所以如何选择呢&#xff1f; 假设现在有三个特征可以选择&#…

css常见动画

1、音乐播放效果 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>制作竖条加载动画</title><style>.animbox {margin: 50px auto;width: 200px;text-align: center;}/*设置各竖条的共有样…

JS继承与原型、原型链

在 JavaScript 中&#xff0c;继承是实现代码复用和构建对象关系的重要概念。本文将讨论原型链继承、构造函数继承以及组合继承等几种常见的继承方式&#xff0c;并提供相应的示例代码&#xff0c;并分析它们的特点、优缺点以及适用场景。 在开始讲解 JavaScript 的继承方式之…

算法课程笔记——pair的使用

先思考&#xff0c;为什么 STL 中的容器和算法都是用的左闭右开区间&#xff1f; | | | 这样迭代器只需要支持和!(或者<或者)操作就可以方便的进行区间遍历了。 其它区间设置的话&#xff0c;要么得支持<操作&#xff0c;要么得在循环体内&#xff0c;操作之前进行!判定。…

pycharm 更换Eclipse 的按键模式 keymap

流程 整体来说比较简单&#xff0c;其实只要下载一个eclipse keymap插件就可以完成 首先 ctrl alt s 打开设置页面&#xff0c;找到 plugin 安装完成后还是在 settings 下切换到 keymap即可以看到eclipse 的按键设置出现了&#xff0c;应用后ok 即可完成 再去试试&#x…

【Web】NewStarCTF 2022 题解(全)

目录 Week1 HTTP Head?Header! 我真的会谢 NotPHP Word-For-You Week2 Word-For-You(2 Gen) IncludeOne UnserializeOne ezAPI Week3 BabySSTI_One multiSQL IncludeTwo Maybe You Have To think More Week4 So Baby RCE BabySSTI_Two UnserializeT…