Buy me a coffee

使用 Material 主題內建的「贊助連結」(最推薦)

Material for MkDocs 提供了一個專屬的配置項，會在你頁面的右下角（或側邊欄）顯示一個帶有圖標的連結。

在 mkdocs.yml 中配置：

extra:
  social:
    - icon: fontawesome/solid/heart  # 注意：通常不需要 "free-" 這個單字
      link: https://www.buymeacoffee.com/yourname

在 extra.css 這個贊助圖標 

/* 讓右下角或 Social Bar 的贊助圖標有呼吸感 */
.md-social__link[href*="buymeacoffee"] i, 
.md-social__link[href*="buymeacoffee"] svg {
  fill: var(--md-accent-fg-color) !important; /* 使用你的霓虹紫/螢光綠 */
  animation: lighthouse-pulse 3s infinite;
  filter: drop-shadow(0 0 5px var(--md-accent-fg-color));
}