https://github.com/rukshn/ghost-dynamic-og-image

A Ghost Blog plugin to generate dynamic open graph images for social media websites
https://github.com/rukshn/ghost-dynamic-og-image

ghost ghost-blog ghost-theme ogp

Last synced: 12 days ago
JSON representation

A Ghost Blog plugin to generate dynamic open graph images for social media websites

• Host: GitHub
• URL: https://github.com/rukshn/ghost-dynamic-og-image
• Owner: rukshn
• Created: 2024-12-27T09:08:40.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-27T09:36:44.000Z (about 1 month ago)
• Last Synced: 2024-12-27T10:23:40.468Z (about 1 month ago)
• Topics: ghost, ghost-blog, ghost-theme, ogp
• Language: JavaScript
• Homepage:
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image](https://github.com/user-attachments/assets/9750a58b-eb6d-4c22-8c23-2b4315296a37)

## GHOST BLOG Open Graph Image Generator

⚠️ This is not a standalone plugin that works out of the box, some configuration is required. This has to be incoporated together with a dynamic image generator I build for general purpose.

### Before installation

- Make sure that `you have disabled the default gradient background`

- Get the automatic image generator setup for your website, I'm happy to setup my image generation API that I am using for my blog for your website or blog, reach out rukshan[at]ruky[me]

### How to install

- Clone the repository

- Copy the `ghost_og.js` file to the `helpers` folder of your Ghost installation

- Replace the parameters of the `domain_name` and `blog_name` with the parameters provided by the image generation service

- Add `{{ghost_og}}` as a handlebar tag above `{{ghost_head}}` this is important because `og` tags should appear within the first 300 bytes of a webpage

- Restart Ghost blog `ghost restart`

- Refresh the page to see the `