社交媒体

管理网站上显示的社交媒体链接，每个项目都是 MenuItem。

src/config/social-config.tsx

export function getSocialLinks(): MenuItem[] {
  const socialLinks: MenuItem[] = [];

  if (websiteConfig.metadata.social?.github) {
    socialLinks.push({
      title: 'GitHub',
      href: websiteConfig.metadata.social.github,
      icon: <GitHubIcon className="size-4 shrink-0" />,
    });
  }

  // 基于配置的其他社交链接...

  return socialLinks;
}

该函数根据 website.tsx 配置中提供的 URL 动态生成社交媒体链接。这确保了您的配置和向用户显示的内容之间的一致性。

Social

视频教程

下一步

现在您了解了社交媒体配置，请探索其他相关主题：

网站配置

配置网站的核心设置

页脚配置

配置网站页脚中的链接

头像配置

配置用户头像下拉菜单

价格配置

配置您的订阅计划和定价

管理网站上显示的社交媒体链接，每个项目都是 MenuItem。

src/config/social-config.tsx

export function getSocialLinks(): MenuItem[] {
  const socialLinks: MenuItem[] = [];

  if (websiteConfig.metadata.social?.github) {
    socialLinks.push({
      title: 'GitHub',
      href: websiteConfig.metadata.social.github,
      icon: <GitHubIcon className="size-4 shrink-0" />,
    });
  }

  // 基于配置的其他社交链接...

  return socialLinks;
}