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