共计 1766 个字符，预计需要花费 5 分钟才能阅读完成。
GitHub profile 设置教程
早些时候逛 GitHub，就发现他人的主页特地的精美，过后没有空钻研，前几天无暇给安顿了一下😊
先看一下成品
- 贴一个 github 上一个男人的主页
- 上面这个是我的
果然大佬的主页就是简洁又不不足内容🐶
上面看一下具体怎么做吧👇
具体步骤
1、新建 github 代码仓库
- 登录 GitHub , 并创立与 github 用户名同名的代码仓库，网页会主动提醒这是一个 special 仓库，用来创立 profile。
- 勾选 Add a README file，如下图
- 点击“Create Repository”
2、丑化主页
2.1、间接在 github 页面编辑 README.md
- 默认带有的正文的内容
markdown 文件通过<!-- 这里是正文内容 -->进行正文
- 预览成果
github 提供了一些 api 用来统计信息，以 svg 的模式展现数据信息，数据是实时更新的。这让我想起来以前工作中跟阿里国内站对接，须要调用阿里的接口生成商家信保名片，跟这个相似，不过过后阿里没有这样做，遗记了是出于什么思考了，采纳的是服务器截图的形式，非动静的。上面看一下成果，以及怎么设置👇
2.2、仓库状态统计
设置形式形如：
上面展现仓库状态统计的设置，须要把 username 批改成本人的 GitHub 名字。通过给 url 减少参数的模式，能够给 svg 设置 theme，也能够采纳默认的（白底）; 通过 layout 设置外观布局
相似的，持续设置如下内容👇
2.3、主页访问量统计
3.4、罕用语言占比统计
也能够采纳另一种模式展现 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/orange2.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 进行批改😃
🎈🎈🎈
🌹 关注我，你会发现一个虚浮致力的宝藏前端😊，让咱们一起学习，独特成长吧。
🎉 喜爱的小伙伴记得点赞关注珍藏哟，回看不迷路 😉
✨ 欢送大家转发、评论交换
🎁 蟹蟹😊