1/3
2/3
3/3
GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页?
南风老胡-TapNowAI
2022年12月30日 18:44

GitHub 是世界上最大的代码托管服务平台和开源社区 , 已经成为包括程序员在内的必备站点。在使用代码构建世界之余,如何向潜在的他人展示自己,也是扩展影响力和建立自我品牌的重要手段。

那么,在 GitHub如何更好地向外界展示自己呢?使用进行主页优化,是一种比较方便的解决方案。

如图,这是嵌入式组件库 「组件世界 Widget Store」开发者的 Github 主页。这只是一个简单的示范。「」还有各种丰富、好看的组件可供选择。

什么是组件世界 Widget Store?

Widget Store 简要介绍

:「组件世界 Widget Store」是一个服务于 Notion 类产品、双链笔记类产品、以及其他笔记软件的,一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具库。像那样,通过小组件服务,可以为你的笔记软件扩展多种不同类型的实用功能。

:组件世界 Widget Store 提供了包括基础组件、、可视化图表、Notion 汉化等多种服务。目前「组件世界 Widget Store」的.

动态图标

动态背景图

小组件使用方法

准备工作:GitHub 设置

打开 GitHub 官网,

New repository 和你的 GitHub 用户名保持一致。

在 Add a README file 添加勾选 ☑️

确认创建,点击

随后,进入你创建的

如何使用小组件?

打开「组件世界 Widget Store」官网,浏览并选择小组件,随后在右上角点击「

进入小组件配置,设置颜色、背景、文字显示等,为小组件命名。

点击右上角的「」,选择复制选择专门针对于 GitHub 的 用法。

最后,将你在 「组件世界 Widget Store」中获取的链接,至已经创建的 repository 的 README.md. 最后,点击左下角的 Commit Changes 即可

显示效果如图。

:组件显示可能太大。我们只需要修改显示尺寸大小即可。返回 README.md 进行调整。比如,我删除原先链接中的 style="min-width:100px;width:320px;min-height:100px;height:320px">,替换为 width=&#​34;40px" />

最终显示效果如图,具体见 PayneSnow Github 主页

上面是对于小组件的简单用法和示范。希望能对你的 GitHub 主页搭建有所帮助。

使用案例

以下是一些小组件·使用示范

组件世界 Widget Store· 使用案例——将小组件整合至你的笔记软件

结语

最后,除了 GitHub 以外,「组件世界 Widget Store」还支持 Notion 类产品、双链笔记类产品、WordPress、为知笔记等多个平台。如果你正在使用上述工具,也可以使用小组件建立你的个人仪表盘。

官网

:组件世界/ Widget Store/ NotionPet 即可

注释:「组件世界/Widget Store」的原名即 NotionPet.

参考文献

「组件世界/WidgetStore」 :一个丰富、强大的嵌入式小组件库