自定义Github profile README

刚考完几门选修，难得有点小空，网上找了点乐子。

这是Github profile README的一个合集，里面有各种组件、工具、gif、图片等等，用来自定义一个漂亮的Github主页，感觉挺好玩的。其实好几个月前我就了解到Github可以自定义主页了，但是可能由于熬夜导致记忆力下降，转头就把这事给忘了，这两天才算是补起来。

Github profile README说白了就是在自己的Github库里建一个与自己用户名相同的仓库，Github会把这个仓库下的README文件显示在Github的个人展示界面中，可以让自己的个人介绍更加与众不同一点。下面是我最后做出来的个人展示界面：

可以在左侧主页栏打开我的GitHub主页查看

最开始提到的这个Github仓库中的资源很全，从各种小组件，到文章教程应有尽有，但如果是从零开始的话，我是比较推荐这两篇教程：

how to create a github profile readme ｜ DIY-Github主页

点此查阅我的markdown代码

<br>
<!-- Title -->
<h3 align="center">
        <samp>&gt; Hi! I am
                <b><a target="_blank" href="http://192.168.0.106/wordpress">Yeren</a></b>
        </samp>
</h3>
<br>

<p align="center">
        <!-- Intro -->
        <samp>
                「 A Student and a bugging Developer 」
                <br>
                「 Interested in full-stack development and exploring the potential of LLMs. 」
                <br>
                <br>
        </samp>
        <!-- Technologies -->
        <!-- Python -->
        <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="JavaScript"
                        src="https://img.shields.io/badge/-Python-3776AB?style=flat-square&logo=python&logoColor=white">
        </a>
        <!-- Java -->
        <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="React"
                        src="https://img.shields.io/badge/-Java-000000?style=flat-square&logo=intellijidea&logoColor=white">
        </a>
        <!-- Pytorch -->
        <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="NextJS"
                        src="https://img.shields.io/badge/-Pytorch-EE4C2C?style=flat-square&logo=pytorch&logoColor=white">
        </a>
        <!-- Spring Boot -->
        <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="TailwindCSS"
                        src="https://img.shields.io/badge/-Spring%20Boot-6DB33F?style=flat-square&logo=springboot&logoColor=white">
        </a>
        <!-- MySQL -->
        <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="Arduino"
                        src="https://img.shields.io/badge/-MySQL-4479A1?style=flat-square&logo=mysql&logoColor=white">
        </a>
        <!-- CSS Later -->
        <!-- <a href="https://github.com/yeren66?tab=repositories" target="_blank"><img alt="Arduino"
                        src="https://img.shields.io/badge/-CSS-1572B6?style=flat-square&logo=css3&logoColor=white">
        </a> -->
</p>

<p align="center">
    <img src="https://media.giphy.com/media/SWoSkN6DxTszqIKEqv/giphy.gif" alt="Coder GIF" width="500">
</p>

<p align="center">
    <a href="https://github.com/anuraghazra/github-readme-stats">
    <img height="170px" src="https://github-readme-stats-deployment-delta.vercel.app/api?username=yeren66&count_private=true&show_icons=true&hide=prs" />
    </a>
    <a href="https://github.com/anuraghazra/github-readme-stats">
    <img height="170px" src="https://github-readme-stats-deployment-delta.vercel.app/api/top-langs/?username=yeren66&layout=compact" />
    </a>
</p>

主体的框架参考了这位老哥的README：README.md

动图借鉴了这位老哥的README：README.md

技术栈icon编写使用的是 shields.io

具体用法参考了这篇文章：

How to make custom language badges for your profile using shields.io

最后的Github状态展示使用的是GitHub Readme Stats：支持展示Github基本信息、编码语言分布、仓库信息，可以选择部署vercel，避免请求阻塞（实际上应该不会，但部署起来很简单）