Astro SSR

在 Astro frontmatter 中获取 LinkFox 数据,并在服务端直接渲染 HTML。

Astro 页面示例

---
import { createLinkFoxClient } from '@linkfox/core';

const linkfox = createLinkFoxClient({
  apiKey: import.meta.env.LINKFOX_API_KEY,
});

const data = await linkfox.getSiteDelivery('game-father', {
  group: 'game',
  utmKey: 'ref',
  utmValue: 'astro',
});
---

<nav class="linkfox-inline">
  {data.items.map((item) => (
    <a href={item.url} target="_blank" rel="noreferrer">{item.name}</a>
  ))}
</nav>

注意事项

  • LINKFOX_API_KEY 只放 Astro 服务端环境变量
  • 在 frontmatter 中取数,不要放到浏览器脚本里
  • 直接渲染 HTML,控制力更强,也不会暴露 key