标准化的个人资料链接

<!- 填写“repoName”和“repoURL”以实现自动安装按钮 →

安装此主题组件

<!- 用一两句话描述此主题/组件 →

user_custom_field 链接添加到用户卡片和个人资料,并尝试处理无效的用户条目。允许添加任意站点的链接。

<!- 添加屏幕截图(如果适用) →

<!- 添加更多详细信息并解释设置(如果适用) →

例如,用户可能为 Twitter (X) 输入以下任何内容:

  • https://x.com/MyHandle
  • https://twitter.com/MyHandle
  • https://www.twitter.com/MyHandle
  • x.com/MyHandle
  • twitter.com/MyHandle
  • /MyHandle
  • @MyHandle
  • MyHandle

此主题组件会将所有这些转换为“MyHandle”,因此如果用户在 Twitter 字段中输入其中任何一个,链接将变为 https://x.com/MyHandle。对于像 YouTube 这样需要在 URL 中包含 @ 才能进行个人资料链接的网站,您需要将链接 URL 设置为 https://youtube.com/@,这样链接将变为 https://youtube.com/@MyHandle。我曾考虑将 @ 作为句柄的一部分,但这会破坏用户输入 @literatecomputing.com 作为其 BlueSky 句柄的情况,因为 BlueSky 需要个人资料 URL 为 https://bsky.app/profile/literatecomputing.com,并且包含 @

设置允许您添加任何您想要的、具有某种句柄的站点,该句柄可以附加到某个 URL。

请注意,custom_field_name 和链接名称是区分大小写的。我曾考虑尝试修复这一点,但它很麻烦,我决定管理员可以处理大小写匹配问题。(感谢 @NateDhaliwal 测试了主题组件,感谢 @Moin@Richie 指出了大小写敏感性问题。)

如果您需要其他 Font Awesome 图标,可以将其添加到“其他图标”设置中。

许多示例设置(以及相关的图标)是通过 AI 补全提供的,未经测试。您可以自己更改设置,但如果您通过电子邮件或 PR 告知我一个损坏的设置,我很乐意修复它。

我考虑过的另一个功能是能够让条目仅显示在用户卡片或用户个人资料上,而不是两者都显示。如果这对您有意义,请告诉我,尤其是如果您有预算。

为什么是另一个自定义字段主题组件?

官方的 自定义个人资料链接 仅为一个自定义字段添加链接。(:person_shrugging:

多个自定义个人资料链接 与此类似,但此组件添加了:

  • 更简单的自定义界面,
  • 对用户添加半无效条目的错误检查/修复,
  • 以及添加自定义服务/链接的功能。

感谢 Grey Arrows Drone Club 资助了初步开发!

14 个赞

我不确定如何显示图标?我尝试创建一个自定义用户字段,但我不认为这是正确的方法?

@NateDhaliwal 如果有帮助的话,这是我们为 YouTube 设置的自定义用户字段,同时请确保两个“显示在…”设置被选中:

以下是此主题组件用于 YouTube 的设置:

查看用户个人资料时的最终结果:

2 个赞

好的,我检查过了。
我做了和你一样的事情,但是我的 Github 图标没有显示出来。



在组件设置中,您为字段名称输入的是“GitHub”,但字段名称上方是“Github”。如果它们相同,也许就能正常工作。

4 个赞

现在可以了。非常感谢!

3 个赞