首页>文档>组件世界 WidgetStore 使用教程>GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页?

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

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

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

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

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

什么是组件世界 Widget Store?

Widget Store 简要介绍

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

功能说明:组件世界 Widget Store 提供了包括基础组件、动态图标动态背景、可视化图表、Notion 汉化等多种服务。目前「组件世界 Widget Store」的动态图标、动态背景支持 GitHub.

动态图标

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

动态背景图

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

小组件使用方法

准备工作:GitHub 设置

打开 GitHub 官网,新建 New repository

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

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

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

在 Add a README file 添加勾选 ☑️

确认创建,点击 Create repository

随后,进入你创建的 New repository, 打开 README.md

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

如何使用小组件?

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

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

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

点击右上角的「复制嵌入链接」,选择复制选择专门针对于 GitHub 的 GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页? 用法。

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

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

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

显示效果如图。

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

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

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

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

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

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

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

官网

组件世界 Widget Store官网 – 丰富的嵌入式小组件库、动态图标库、可视化图表库

检索关键词:组件世界/ Widget Store/ NotionPet 即可

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

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

参考文献

使用教程·综合介绍

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

组件世界 Widget Store 支持平台

使用教程· 按照产品分类

小组件·通用使用教程

小组件·分类汇总

埋点统计组件·使用教程

动态图标·使用教程

动态背景图· 使用教程

可视化图表·使用教程:让你的 Notion Database 数据实现可视化

NotionCn 使用教程——Notion 中文版·汉化方案,支持网页端和客户端

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

使用教程·按照平台分类

Notion 类笔记软件使用教程:使用「组件世界」打造精美、强大的知识库主页

双链笔记使用教程:如何在双链笔记软件中建立仪表盘?以嵌入式小组件库「组件世界 Widget Store」为例,辅助建立强大的知识库

为知笔记使用教程:使用「组件世界 Widget Store」辅助知识管理

GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页?以「组件世界 Widget Store」为例

WordPress 使用教程:如何在 WordPress 中使用组件库建立丰富、强大、好看的主页?以「组件世界 Widget Store」为例

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索