Tiktok 需要 @，Youtube 使用论坛的网址 
我不使用 TikTok - 你有可以用来试验的用户名示例吗？
嗯，我的用户名是 jagster64——这个用户名很安全，因为我不会发布内容。
已修复 - 已添加到拉取请求
2 个赞
提交了添加 Strava 支持的拉取请求 - 希望 @weallwegot 能容忍我稍微混乱的拉取请求 :-s
1 个赞
嗯，temporary-twitter-x 已改回 fab-twitter。这是故意的还是错误的？无论如何，旧的 Twitter 鸟又回来了，而不是新的 X 标志。
1 个赞
感谢您的指正——我已创建一个拉取请求以更新其至 Twitter 的品牌重塑。
2 个赞
谢谢！但不幸的是，您需要将 fa-x-twitter 更改为 temporary-twitter-x，因为 fa-x-twitter 是 Fontawesome 6，Discourse 目前尚不支持。
2 个赞
我认为它应该可以工作
3 个赞
更新了正确的 X 图标……要知道，每一位品牌和营销专家都感到一阵寒意，但又说不出原因
3 个赞
已完成一些测试 - 可以确认 FA6 图标有效 - 拉取请求已更新
2 个赞
是的，很有趣，Fontawesome 6 现在似乎可以在 Discourse 中使用了！
有了正确的图标，我也能看到了。太棒了！非常感谢！
2 个赞
您好，是否可以添加自定义 SVG 而不是 FontAwesome 中的 SVG，就像 Custom Header Links (icons) 中允许的那样？
像这样吗？
我刚刚意识到取消选择“在公共个人资料上显示”会按预期从公共个人资料中删除用户字段，但此主题组件提供的图标行为更加不稳定：
- 在我的管理员帐户中，我仍然可以看到图标
- 在我的测试帐户（信任级别 1）中，图标也会消失
换句话说，对于大多数登录用户和所有匿名用户，自定义用户字段图标仅在相应的标签和文本值可见时才可见。隐藏一个会隐藏另一个。
这很奇怪，但我尝试了不同的浏览器、隐身窗口，并且可以可靠地重现此问题。是否有人也能重现此问题？
这是管理员容易忽略的事情之一。直到用户报告了一个问题，我才意识到这种行为。
如果有所帮助，我正在使用 Mastodon 图标进行测试。
我遇到了一个问题，链接无法正确导航到用户的社交媒体个人资料。看起来它只是将您当前所在的页面的 URL 与自定义用户字段附加在一起。
到目前为止，我已经在 Steam 和 Discord 上注意到了这一点。
查看 links-settings.js 中的 github 仓库，Steam 和 Discord 没有 base: 或 baseregex: 行……Bluesky 和 Twitter（抱歉，是“万物应用”X）工作正常，它们同时拥有这两行，所以这可能是问题所在？
{
name: "Discord",
icon: "fab-discord",
link: {
value: settings.discord_custom_field_name,
},
},
{
name: "Steam",
icon: "fab-steam",
link: {
value: settings.steam_custom_field_name,
},
},
对于 Bluesky：
{
name: "Bluesky",
icon: "fab-bluesky",
link: {
value: settings.bluesky_custom_field_name,
base: "https://bsky.app/profile/",
baseregex: "^http(s)?://(www.)?bsky.app/profile/",
},
},
对于 Twitter：
{
name: "X",
icon: "fab-twitter",
link: {
value: settings.twitter_custom_field_name,
base: "https://twitter.com/",
baseregex: "^http(s)?://(www.)?twitter.com/",
},
},
快速浏览了其余的条目，看起来这些也没有 base: 或 baseregex: 行，但我没有它们的实时示例来测试。
- 电子邮件
- Mastodon
- Discord
- Steam
- Bandcamp
（编辑以添加）我已经创建了一个 pull request：
09096b8：为电子邮件、Steam 和 LinkedIn 添加基础 URL
0ec40a0：添加了 Discord、Bandcamp 和 Mastodon，并更新了自述文件。我单独做了这个，因为 Bandcamp 和 Mastodon 的基础 URL 会根据用户而有所不同，它们不一致；对于 Discord，用户输入的是他们的用户 ID 而不是用户名，所以我觉得需要在自述文件中解释一下。
创建了与我想要使用的匹配的自定义用户字段。只显示了其中几个图标，但同时也在个人资料卡底部显示了社交名称和网址。我该如何避免这种情况并确保所有图标都显示出来？应该将 Facebook 图标更新为：fab-facebook-f，并将 Twitter 重命名为 X，并使用此图标：fab-x-twitter，……并添加 Snapchat，使用此图标：fab-snapchat
需要将 Twitter 更改为 X（网址和图标）……不确定为什么它们也显示为文本。请看这里：
非常有帮助，谢谢。
好的，对于想要将 Twitter 更新为 X（包括图标和 URL）的用户，请遵循以下步骤。
-
转到 管理 > 外观 > 主题和组件 > 组件 > 安装 > 创建新的
-
将此代码添加到 CSS 选项卡（将“XXXXX”替换为您的 @ 用户名）：
/* 1. 隐藏原始的 Twitter SVG 图标 */
a[href="https://twitter.com/XXXXX"] svg.d-icon-fab-twitter,
a[href="https://x.com/XXXXX"] svg.d-icon-fab-twitter {
display: none;
}
/* 2. 使用伪元素和 CSS 遮罩注入 X 图标 */
a[href="https://twitter.com/XXXXX"]::before,
a[href="https://x.com/XXXXX"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,\u003csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"\u003e\u003cpath d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/\u003e\u003c/svg\u003e') no-repeat center;
mask: url('data:image/svg+xml;utf8,\u003csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"\u003e\u003cpath d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/\u003e\u003c/svg\u003e') no-repeat center;
-webkit-mask-size: contain;
mask-size: contain;
}
- 将此代码添加到
<head>选项卡（将“XXXXX”替换为您的 @ 用户名）：
<script>
// 创建一个查找并更改链接的函数
function updateTwitterLinks() {
const oldLinks = document.querySelectorAll('a[href="https://twitter.com/XXXXX"]');
oldLinks.forEach(link => {
link.href = 'https://x.com/XXXXX';
});
}
// 1. 尝试立即运行它，以防万一
updateTwitterLinks();
// 2. 设置一个“观察者”来观察动态加载的内容（例如 Discourse 帖子）
const observer = new MutationObserver(function(mutations) {
updateTwitterLinks();
});
// 开始观察整个页面的 body 以获取新添加的元素
observer.observe(document.body, { childList: true, subtree: true });
</script>
完成。