ogimage-with-browsersync-puppeteer

This repository demonstrates a basic approach to generating Open Graph Images from multiple files using Puppeteer and Browsersync. It also shows how we can automate this task using GitHub Actions.

Generated Images from src/posts are stored in assets/opengraph. The server port, file path, and other settings can be customized by editing the index.config.js file.

Demo

Install NPM dependencies by entering,

npm install

Then run the following command,

node index.js

It should generate Open Graph Images in the opengraph folder.