教你如何自定义 Github 首页

一、创建自定义首页仓库

若要自定义首页,首先需要创建一个与你 Github ID 同名的仓库

创建同名仓库

创建完成后就可以开始为你的首页添加一些有趣的内容了,代码格式可以是 markdown 语法,也可以是 HTML 语法,但 HTML 的扩展性更强一点,因此笔者使用的是 HTML 语法

二、GitHub Readme Stats(Github 统计信息)

github-readme-stats 插件可以显示你的 github 的所有的 StarsCommitsIssues 等信息:
统计信息卡片
使用方法如下,直接将我的 Github ID 换成你自己的即可使用

<div align="center">
  <img src="https://github-readme-stats.vercel.app/api?username=Cwd295645351&show_icons=true&theme=transparent" /> 
</div>

如果不喜欢白色,还可以换成其它的主题色,官网目前支持的主题色有 dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula,只需要将 theme 参数内容换成自己想要的风格即可。

多种风格卡片

此外,这个还能统计你最常用的语言排名

使用最多语言排名

使用方法如下, 同样将我的 Github ID 换成你的即可

<div align="center">
  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Cwd295645351&layout=compact&langs_count=6&text_color=000&icon_color=fff&theme=graywhite" />
</div>

三、Shields(图标)

shields 可以生成高质量的徽章图标,并应用于你的首页中,使用徽章可以简单明了地展示你想要表达的内容,例如你所使用的技术栈,或者你的博客访问数等等。

图标

<span > 
  <img alt="Static Badge" src="https://img.shields.io/badge/Vue-%2342b883?style=flat-square&logo=Vue&logoColor=%23fff"> 
  <img alt="Static Badge" src="https://img.shields.io/badge/TypeScript-%230072b3?style=flat-square&logo=TypeScript&logoColor=%23fff"> 
  <img src="https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=white" /> 
  <img src="https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white" /> 
  <img src="https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3" /> 
  <img alt="Static Badge" src="https://img.shields.io/badge/Webpack-%230072b3?style=flat-square&logo=webpack&logoColor=%23fff"> 
  <img alt="Static Badge" src="https://img.shields.io/badge/Vite-%239a60fe?style=flat-square&logo=vite&logoColor=%23fff"> 
  <img alt="Static Badge" src="https://img.shields.io/badge/Sass-%23c66394?style=flat-square&logo=Sass&logoColor=%23fff"> 
  <img alt="Static Badge" src="https://img.shields.io/badge/Visual_Studio_Code-007ACC?style=flat-square&logo=Visual-Studio-Code&logoColor=white"> 
  <img alt="Static Badge" src="https://img.shields.io/badge/Git-F05032?style=flat-square&logo=Git&logoColor=white">  
</span>

四、动态打字效果

动态打字

Readme Typing SVG 可以实现动态打字效果,官网上面可以调节各种样式效果,之后再将右侧的内容复制出来即可,也可直接复制我的代码.

<div align="center">
  <a href="https://blog.sunguoqi.com/">
    <img src="https://readme-typing-svg.demolab.com?font=Fira+Code&pause=1000&color=024EF7&width=435&lines=热爱可抵岁月漫长!;让正确的事情持续发生!&center=true&size=27" alt="Typing SVG" />
  </a>
</div>

官网配置

五、后续

本次教程的内容,大部分都是可以直接复制代码并修改对应的 Github ID 进行展示,但是也有一部分内容是需要通过 Github Actions 去实现,后面的教程会写到如何通过 Github Actions 去实现贪吃蛇效果、代码提交三维可视化等更加酷炫的效果。最后分享一下笔者的仓库

https://github.com/Cwd295645351

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
分类自定义数据集是指使用PyTorch库来处理和训练自己创建的数据集。PyTorch是一个开源的深度学习框架,提供了丰富的功能和工具来帮助我们构建和训练神经网络模型。 首先,我们需要准备好自定义的数据集。这通常包括图像数据和相应的标签信息。可以使用Python的第三方库来处理和加载图像,例如OpenCV或PIL库。标签信息可以是分类的类别,例如猫、狗和鸟类别。 接下来,我们需要创建一个继承自torch.utils.data.Dataset的类来定义自己的数据集。在这个自定义类中,我们需要实现__len__和__getitem__两个方法。__len__方法返回数据集的大小,而__getitem__方法根据给定的索引返回对应的图像和标签。 然后,我们可以使用torchvision.transforms模块中的一些预处理函数来对图像进行预处理,例如缩放、裁剪和归一化操作。这些预处理函数有助于提高模型的性能和训练速度。 接下来,我们需要使用torch.utils.data.DataLoader类来创建一个数据加载器。数据加载器可以帮助我们在训练过程中有效地加载和传输数据,提高模型训练的效率。 最后,我们可以使用PyTorch中的模型类和优化器类来定义和训练我们的神经网络模型。我们可以使用交叉熵损失函数和随机梯度下降(SGD)优化器来训练分类模型。 当我们定义好模型和训练过程后,就可以使用我们的自定义数据集进行训练和测试了。我们可以使用PyTorch的训练循环来迭代数据集,并计算模型的损失和准确率。 总之,通过使用PyTorch库,我们可以轻松地分类自定义数据集。这提供了一个灵活、高效的方式来处理和训练我们自己创建的数据。PyTorch的丰富功能和易用性使得分类自定义数据集变得更加简单。你可以在PyTorch的GitHub上找到很多示例代码和程,以帮助你更好地理解和使用分类自定义数据集的方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值