前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >GitHub彩蛋之自定义个人首页

GitHub彩蛋之自定义个人首页

作者头像
德顺
发布2021-05-06 12:25:27
9090
发布2021-05-06 12:25:27
举报
文章被收录于专栏:前端资源前端资源

今天了解到 GitHub 提供了一个自定义个人首页的功能,只不过这个功能比较隐秘,我也是刚刚才知道。

方法很简单:

创建一个储存库(repository),并以自己的用户名命名:

GitHub 会提示你发现了这个“彩蛋”:

您发现了一个秘密!这是一个“特殊”存储库,可用于将 README.md 添加到您的 GitHub 个人资料中。

实现这个功能要满足两个条件:

  • 储存库必须是公开(Public)的
  • 初始化储存库时勾选添加 README 自述文件。

然后点击“Create repository”创建。

可以看到,GitHub 给提供了一个默认的“模板”。解开注释并保存,回到首页查看效果:

我们可以根据自己的需求进行修改:

虽然这是一个 .md 文件,但它是支持 HTML 解析的,这样是不是就好玩多了?

当然有更便捷的方法让你的首页好看又充满科技感,下面分享几个小插件,希望对你有所帮助:

github-readme-stats

可以为您的 github 自述文件动态生成统计信息卡片(GitHub Stats Card)

只需要插入一行代码:

代码语言:javascript
复制
 [![Deshun's GitHub stats](https://github-readme-stats.vercel.app/api?username=ideshun)](https://github.com/ideshun)

详细配置可以参考:github-readme-stats

可以定制自己喜欢的样式,隐藏个人统计信息和显示图标等。

还有很多有趣的卡片,比如热门语言卡片(Top Languages Card)

代码语言:javascript
复制
 [![Deshun's Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=ideshun)](https://github.com/ideshun)

固定储存库

代码语言:javascript
复制
 [![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=ideshun&repo=miniProgram-tmp)](https://github.com/ideshun)

插入 emoji 表情

可以参考这个 github 项目:emoji-cheat-sheet

找到自己需要的表情代码复制过来即可:

代码语言:javascript
复制
 :smirk:

github-profile-views-counter

它统计你的 GitHub 个人资料的访问次数。项目地址:github-profile-views-counter

代码示例:

代码语言:javascript
复制
 ![](https://komarev.com/ghpvc/?username=ideshun)

其实有趣的自定义组件还有很多,可以在 github 搜索“github readme”了解更多组件。

也可以访问我的 GitHub 首页,查看效果、

未经允许不得转载:w3h5 » GitHub彩蛋之自定义个人首页

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • github-readme-stats
  • 插入 emoji 表情
  • github-profile-views-counter
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档