> For clean Markdown content of this page, append .md to this URL. For the complete documentation index, see https://buildwithfern.com/learn/llms.txt.

## 重新设计的动态 OG 图片

动态 OG 图片采用全新布局，可对 logo 变体、文本和背景颜色，以及显示哪些元素（章节、描述、URL、渐变）进行精细控制。

**`docs.yml`**

```yaml docs.yml
metadata:
  og:dynamic: true
  og:dynamic:background-image: ./images/og-background.png
  og:dynamic:text-color: "#1a1a1a"
  og:dynamic:background-color: "#ffffff"
  og:dynamic:logo-color: dark
  og:dynamic:show-logo: true
  og:dynamic:show-section: true
  og:dynamic:show-description: true
  og:dynamic:show-url: true
  og:dynamic:show-gradient: true
```

阅读文档