【Github】Github主页美化教程
😎Hello,大家好,我是wangzirui32,今天我们来学习如何美化自己的Github主页,开始学习吧!
如何自定义Github主页简介
登录Github账户,选择创建新的存储库: 由于我已经创建过,这里不再演示。 然后,打开刚刚创建的项目,然后可以编辑自己的README.md来自定义主页简介,如下: 编辑使用的是Markdown语言,也兼容HTML,可以使用Emoji,编辑完提交即可,下面给大家推荐几个优秀的美化工具/网站,来看看吧!
美化工具&网站
1. shields.io
这个工具可以实现如下的徽标效果: Markdown(HTML)代码:
<p> <img src="https://img.shields.io/static/v1?label=Program&message=Python&color=blue"/> <a href="你的主页链接"><img src="https://img.shields.io/static/v1?label=Blog&message=&color=red"/></a> </p>
网站: 你可以自定义颜色,内容,官网上有详细说明,再嵌套a标签即可实现点击跳转至对应网站的效果。
2. GitHub Readme Stats
这个项目可以让你的Github主页显示你的统计信息,十分酷炫,且可以自定义主题,效果如下: 代码(Markdown):

也可以显示语言统计,效果如下: 代码(Markdown):

Github项目地址:
3. visitor badge
可以实现显示访问量功能的组件,效果如下: 代码:
<img src="https://visitor-badge.glitch.me/badge?page_id=Github主页地址&right_color=red" />
官网:
4. Github Readme Activity Graph
这个项目可以显示你的Github活动统计图,效果: 代码:

项目说明中给出了更多主题和样式,项目地址:
5. stats-cards(网站数据卡片)
这个项目可以显示你其他平台的账户数据,效果如下: 代码:
 
项目地址:
6. Readme Typing SVG
此项目可以实现文字动态输入输出效果,如下: 一会后,变为: 代码:
<img src="https://readme-typing-svg.herokuapp.com/?lines=消息1;消息2&font=Roboto" />
注意:消息中的空格要使用%20代替,否则网址会失效 如果觉得默认字体不好看,可以通过font参数设置字体(必须是谷歌字体,如Roboto)。 项目地址:
最终效果
这是我设计的效果,源码:
# Hi 🎉 Welcome to YuYueSummers Github Homepage! <img src="https://readme-typing-svg.herokuapp.com/?lines=Welcome,%20visitor!;Hello%20Github%20World!&font=Roboto" /> <p> <img src="https://img.shields.io/static/v1?label=Program&message=Python&color=blue"/> <a href="https://blog..net/wangzirui32"><img src="https://img.shields.io/static/v1?label=Blog&message=&color=red"/></a> <a href="https://space.bilibili.com/1513364019"><img src="https://img.shields.io/static/v1?label=Video&message=Bilibili&color=cyan"/></a> <img src="https://visitor-badge.glitch.me/badge?page_id=https://github.com/wangzirui32&right_color=red" /> </p>     
