Donate heart animation

必須先告訴 MkDocs 去哪裡找這些覆蓋的模板，否則它會無視你的 overrides 資料夾。 在 mkdocs.yml 中配置：

# 3. 主題設定 (Material for MkDocs)
theme:
  custom_dir: overrides

自定義 css, js 

extra_css:
  - assets/stylesheets/extra.css
extra_javascript:
  - assets/javascripts/donate.js

目錄結構 

├── mkdocs.yml          # 設定檔
├── docs/               # 存放 Markdown 文件
│   ├── index.md
│   └── stylesheets/
│       └── extra.css
│   └── javascripts/
│       └── donate.js
└── overrides/
    └── main.html
overrides/partials/main.html

{% extends "base.html" %}
{% block content %}
  <!-- 代碼放在 super 前面，區塊就會出現在文章開始 -->
  {{ super() }}
  <!-- 代碼放在 super 前面，區塊就會出現在文章結尾 -->
{% endblock %}

donate.js

donate.css