GitHub彩蛋之自定义个人首页

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

方法很简单:

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

GitHub彩蛋之自定义个人首页 经验总结 第1张

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

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

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

  • 储存库必须是公开(Public)的

  • 初始化储存库时勾选添加 README 自述文件。GitHub彩蛋之自定义个人首页 经验总结 第2张

GitHub彩蛋之自定义个人首页 经验总结 第3张

然后点击“Create repository”创建。

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

GitHub彩蛋之自定义个人首页 经验总结 第4张

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

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

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

github-readme-stats

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

GitHub彩蛋之自定义个人首页 经验总结 第5张

只需要插入一行代码:

 [![Deshun's GitHub stats](https://github-readme-stats.vercel.app/api?username=ideshun)](https://github.com/ideshun)

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

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

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

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

固定储存库

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

插入 emoji 表情

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

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

 :smirk:

github-profile-views-counter

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

代码示例:

 ![](https://komarev.com/ghpvc/?username=ideshun)

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

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

未经允许不得转载:Web前端开发资源网 » GitHub彩蛋之自定义个人首页

推荐阅读:

Intellij IDEA WebStorm/PhpStorm中文输入框无法跟随怎么办?

jquery导航栏点击及页面跳转后对应栏目添加选中效果

html中hr标签的基础知识

20180410博客更换服务器步骤

JQuery几个mouse事件的区别和用法

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)