GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页?

分类
使用教程
关键词
GitHub
GitHub 是世界上最大的代码托管服务平台和开源社区 , 已经成为包括程序员在内的必备站点。在使用代码构建世界之余,如何向潜在的他人展示自己,也是扩展影响力和建立自我品牌的重要手段。
那么,在 GitHub如何更好地向外界展示自己呢?使用嵌入式小组件进行主页优化,是一种比较方便的解决方案。
notion image
如图,这是嵌入式组件库 「组件世界 Widget Store」开发者的 Github 主页。这只是一个简单的示范。「组件世界 Widget Store」还有各种丰富、好看的组件可供选择。
目录

什么是组件世界 Widget Store?

Widget Store 简要介绍

简要介绍:「组件世界 Widget Store」是一个服务于 Notion 类产品、双链笔记类产品、以及其他笔记软件的可嵌入式小组件库,一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具库。像插件之于浏览器那样,通过小组件服务,可以为你的笔记软件扩展多种不同类型的实用功能。
功能说明:组件世界 Widget Store 提供了包括基础组件、动态图标动态背景、可视化图表、Notion 汉化等多种服务。目前「组件世界 Widget Store」的动态图标、动态背景支持 GitHub.

动态图标

notion image

动态背景图

notion image

小组件使用方法

准备工作:GitHub 设置

打开 GitHub 官网,新建 New repository
notion image
New repository 命名和你的 GitHub 用户名保持一致。
notion image
在 Add a README file 添加勾选 ☑️
确认创建,点击 Create repository
随后,进入你创建的 New repository, 打开 README.md
notion image

如何使用小组件?

打开「组件世界 Widget Store」官网,浏览并选择小组件,随后在右上角点击「创建小组件
notion image
进入小组件配置,设置颜色、背景、文字显示等,为小组件命名。
点击右上角的「
复制嵌入链接
」,选择复制选择专门针对于 GitHub 的
用法。
notion image
最后,将你在 「组件世界 Widget Store」中获取的链接,复制至已经创建的 repository 的 README.md. 最后,点击左下角的 Commit Changes 即可
notion image
显示效果如图。
notion image
问题:组件显示可能太大。我们只需要修改显示尺寸大小即可。返回 README.md 进行调整。比如,我删除原先链接中的 style="min-width:100px;width:320px;min-height:100px;height:320px">,替换为 width="40px" />
notion image
最终显示效果如图,具体见 PayneSnow Github 主页
notion image
notion image
上面是对于小组件的简单用法和示范。希望能对你的 GitHub 主页搭建有所帮助。

官网

检索关键词:组件世界/ Widget Store/ NotionPet 即可
注释:「组件世界/Widget Store」的原名即 NotionPet.
notion image

参考文献

 
Built with Potion.so