Automatic Social Share Images

作者幫自己的靜態網站做自動產生網頁預覽圖，主要利用到 Netlify Functions 做邏輯去驅動 Puppeteer 去抓取一個頁面存成圖片，再把圖片放到 Cloudinary。

網頁預覽圖通常用在網址被分享到 FB 或 Twitter 等社交平台時它們的爬蟲會去辨識定義成 Open Graph 的 <meta> 標籤，藉此讓分享的網址有搭配的預覽圖，一般來說網站都要對每篇文章逐一手動的把預覽圖先做好再填入 <meta> 內，上面這篇文章的作者利用前面提到的那些工具讓預覽圖是動態生成的。