Anchor | Fern Documentation

<Anchor> 组件为段落、表格和代码块等特定内容创建直接链接。当您需要引用不会自动生成链接的非标题内容时，请使用锚点。

标题会根据其文本内容自动生成锚点链接，因此您无需对标题使用锚点组件。

使用方法

用 <Anchor> 标签包装您的内容并为其分配一个自定义锚点 ID，您可以使用井号符号在 URL 中链接到该锚点（示例：https://website.com/page#data）。

这句话有一个名为 #data 的自定义锚点。您可以通过此 URL 访问它：https://buildwithfern.com/learn/docs/writing-content/components/anchor#data。

Markdown

1 <Anchor id="data">这句话有一个名为 `#data` 的自定义锚点</Anchor>。您可以通过此 URL 访问它：https://buildwithfern.com/learn/docs/writing-content/components/anchor#data。

变体

锚点表格

端点	方法	描述
`/plants`	GET	检索所有植物
`/plants/:id`	GET	检索特定植物
`/plants`	POST	创建新植物

您可以直接链接到 API 端点表格。

Markdown

1 <Anchor id="api-endpoints">
2 
3 | 端点 | 方法 | 描述 |
4 |----------|--------|-------------|
5 | `/plants` | GET | 检索所有植物 |
6 | `/plants/:id` | GET | 检索特定植物 |
7 | `/plants` | POST | 创建新植物 |
8 
9 </Anchor>
10 
11 您可以直接链接到 [API 端点表格](#api-endpoints)。

锚点代码块

1 def water_plant(plant_id, amount):
2     """Water a plant with specified amount"""
3     headers = {"Authorization": f"Bearer {api_key}"}
4     return requests.post(f"https://api.example.com/plants/{plant_id}/water", 
5                         json={"amount": amount}, 
6                         headers=headers)

在您的实现中参考浇水代码示例。

Markdown

1 <Anchor id="example-code">
2 
3 ```python
4 def water_plant(plant_id, amount):
5     """Water a plant with specified amount"""
6     headers = {"Authorization": f"Bearer {api_key}"}
7     return requests.post(f"https://api.example.com/plants/{plant_id}/water", 
8                         json={"amount": amount}, 
9                         headers=headers)
10 ```
11 
12 </Anchor>
13 
14 在您的实现中参考 [浇水代码示例](#example-code)。

属性

stringRequired

此内容的锚点 ID。在 URL 中使用井号引用它（示例：#data）