GitHub 是世界上最大的代码托管服务平台和开源社区 , 已经成为包括程序员在内的必备站点。在使用代码构建世界之余,如何向潜在的他人展示自己,也是扩展影响力和建立自我品牌的重要手段。
那么,在 GitHub如何更好地向外界展示自己呢?使用嵌入式小组件进行主页优化,是一种比较方便的解决方案。
如图,这是嵌入式组件库 「组件世界 Widget Store」开发者的 Github 主页。这只是一个简单的示范。「组件世界 Widget Store」还有各种丰富、好看的组件可供选择。
目录
• 什么是组件世界 Widget Store?
◦ Widget Store 简要介绍
◦ 动态图标
◦ 动态背景图
• 小组件使用方法
◦ 准备工作:GitHub 设置
◦ 如何使用小组件?
• 官网
• 参考文献
◦ 使用教程·综合介绍
◦ 使用教程· 按照产品分类
◦ 使用教程·按照平台分类
什么是组件世界 Widget Store?
Widget Store 简要介绍
简要介绍:「组件世界 Widget Store」是一个服务于 Notion 类产品、双链笔记类产品、以及其他笔记软件的可嵌入式小组件库,一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具库。像插件之于浏览器那样,通过小组件服务,可以为你的笔记软件扩展多种不同类型的实用功能。
功能说明:组件世界 Widget Store 提供了包括基础组件、动态图标、动态背景、可视化图表、Notion 汉化等多种服务。目前「组件世界 Widget Store」的动态图标、动态背景支持 GitHub.
动态图标
动态背景图
小组件使用方法
准备工作:GitHub 设置
打开 GitHub 官网,新建 New repository
New repository 命名和你的 GitHub 用户名保持一致。
在 Add a README file 添加勾选 ☑️
确认创建,点击 Create repository
随后,进入你创建的 New repository, 打开 README.md
如何使用小组件?
打开「组件世界 Widget Store」官网,浏览并选择小组件,随后在右上角点击「创建小组件」
进入小组件配置,设置颜色、背景、文字显示等,为小组件命名。
点击右上角的「
复制嵌入链接
」,选择复制选择专门针对于 GitHub 的
用法。
最后,将你在 「组件世界 Widget Store」中获取的链接,复制至已经创建的 repository 的 README.md. 最后,点击左下角的 Commit Changes 即可
显示效果如图。
问题:组件显示可能太大。我们只需要修改显示尺寸大小即可。返回 README.md 进行调整。比如,我删除原先链接中的
style="min-width:100px;width:320px;min-height:100px;height:320px">
,替换为 width="40px" />
最终显示效果如图,具体见 PayneSnow Github 主页
上面是对于小组件的简单用法和示范。希望能对你的 GitHub 主页搭建有所帮助。
官网
检索关键词:组件世界/ Widget Store/ NotionPet 即可
注释:「组件世界/Widget Store」的原名即 NotionPet.