GitHub profile设置教程

早些时候逛GitHub，就发现他人的主页特地的精美，过后没有空钻研，前几天无暇给安顿了一下

先看一下成品

  • 贴一个github上一个男人的主页

  • 上面这个是我的

果然大佬的主页就是简洁又不不足内容

上面看一下具体怎么做吧

具体步骤

1、新建github代码仓库

  1. 登录 GitHub ,并创立与github用户名同名的代码仓库，网页会主动提醒这是一个special仓库，用来创立 profile。
  2. 勾选 Add a README file，如下图
  3. 点击 “Create Repository”

2、丑化主页

2.1、间接在github页面编辑 README.md

  • 默认带有的正文的内容
    markdown 文件通过 <!-- 这里是正文内容 --> 进行正文

  • 预览成果

github 提供了一些api用来统计信息，以svg的模式展现数据信息，数据是实时更新的。这让我想起来以前工作中跟阿里国内站对接，须要调用阿里的接口生成商家信保名片，跟这个相似，不过过后阿里没有这样做，遗记了是出于什么思考了，采纳的是服务器截图的形式，非动静的。上面看一下成果，以及怎么设置

2.2、仓库状态统计

设置形式形如：

![形容信息](url)

上面展现仓库状态统计的设置，须要把username批改成本人的GitHub名字。通过给url减少参数的模式，能够给svg设置theme，也能够采纳默认的（白底）;通过layout设置外观布局

![Christmas's GitHub stats](https://github-readme-stats.vercel.app/api?username=all-smile&show_icons=true&theme=tokyonight)

相似的，持续设置如下内容

2.3、主页访问量统计

![Visitor Count](https://profile-counter.glitch.me/all-smile/count.svg)

3.4、罕用语言占比统计

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=all-smile&layout=compact&theme=tokyonight)
也能够采纳另一种模式展现GitHub相干的数据
  • badgen

https://badgen.net/badge/:subject/:status/:color?icon=github                   ──┬──  ───┬───  ──┬───  ──┬── ────┬──────                     │       │       │       │       └─ Options (label, list, icon, color)                     │       │       │       │                     │      TEXT    TEXT    RGB / COLOR_NAME ( optional )                     │                  "badge" - default (static) badge generator                  eg: https://badgen.net/badge/Swift/4.2/orange

2.5、增加徽章

看下上面这哥们的主页，有很多icon一样的技能标记，感觉挺酷，也想安顿一下，持续往下看吧

我用的是 shields.io 制作的

输出 label、message、color，点击 make badge 即可制作实现（label不是必须的）

如：

https://img.shields.io/badge/Lang-JavaScript-yellowgreen

还能够往badge外面减少logo, 配置背景色，logo色彩等等，如下：

https://img.shields.io/badge/JavaScript-000000?logo=JavaScript&logoColor=FFCA28

举荐：Awesome Badges，外面有各种想要的配置，logo图片等等

看到此处，置信你曾经懂得怎么丑化本人的GitHub主页了。

其实，还能够通过在线的自动化配置生成 README.md , 感兴趣的来这里 profilinator

最初

前面有工夫了联合GitHub Action持续欠缺。

  • 我的GitHub主页
  • 优良GitHub主页模板仓库

想要不便一点，能够间接 Fork 进行批改

关注我，你会发现一个虚浮致力的宝藏前端，让咱们一起学习，独特成长吧。

喜爱的小伙伴记得点赞关注珍藏哟，回看不迷路

✨ 欢送大家转发、评论交换

蟹蟹