关于前端:GitHub-主页美化设置教程

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

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

上面这个是我的

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

上面看一下具体怎么做吧👇

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

默认带有的正文的内容
markdown 文件通过  进行正文

预览成果

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

设置形式形如：

![形容信息](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)

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

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

![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

看下上面这哥们的主页，有很多 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 进行批改😃

🎈🎈🎈

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

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

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

🎁 蟹蟹😊

关于前端:GitHub-主页美化设置教程

GitHub profile 设置教程

先看一下成品

具体步骤

1、新建 github 代码仓库

2、丑化主页

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

2.2、仓库状态统计

2.3、主页访问量统计

3.4、罕用语言占比统计

2.5、增加徽章

最初