micheleriva / Gauguin
Licence: gpl-3.0
🎨 High performances Golang server for generating open graph images dynamically.
Stars: ✭ 36
Labels
Projects that are alternatives of or similar to Gauguin
next-banner
🖼️ Generate Open Graph images for Next.js on build
Stars: ✭ 45 (+25%)
Mutual labels: opengraph
wagtail-metadata-mixin
🔍 OpenGraph, Twitter Card and Schema.org snippet tags for Wagtail CMS pages
Stars: ✭ 42 (+16.67%)
Mutual labels: opengraph
Micro Open Graph
A tiny Node.js microservice to scrape open graph data with joy.
Stars: ✭ 371 (+930.56%)
Mutual labels: opengraph
meta-extractor
Super simple and fast html page meta data extractor with low memory footprint
Stars: ✭ 38 (+5.56%)
Mutual labels: opengraph
backend-csharp
A C# / Azure Functions implementation of the API for https://www.theurlist.com
Stars: ✭ 35 (-2.78%)
Mutual labels: opengraph
go-opengraph
Golang package for parsing OpenGraph data from HTML into regular structures
Stars: ✭ 66 (+83.33%)
Mutual labels: opengraph
Ultimate Metatags
A large snippet for your page's <head> that includes all the meta tags you'll need for OPTIMAL sharing and SEO. Extensive work has been put into ensuring you have the optimal images for the most important social media platforms.
Stars: ✭ 24 (-33.33%)
Mutual labels: opengraph
The Seo Framework
The SEO Framework WordPress plugin.
Stars: ✭ 329 (+813.89%)
Mutual labels: opengraph
generate-og-image
Generate open graph images with Github Action from Markdown files
Stars: ✭ 32 (-11.11%)
Mutual labels: opengraph
ember-meta
Setup meta for your Prember/Ember blog to support opengraph, microdata, Facebook, Twitter, Slack etc.
Stars: ✭ 15 (-58.33%)
Mutual labels: opengraph
magento2-module-seo
Magento 2 Module for Search Engine Optimization
Stars: ✭ 100 (+177.78%)
Mutual labels: opengraph
D3 Digest
SlackBot that watch channels looking for links and reactions, and generates digests based on those reactions
Stars: ✭ 15 (-58.33%)
Mutual labels: opengraph
Essence
Extracts information about web pages, like youtube videos, twitter statuses or blog articles.
Stars: ✭ 734 (+1938.89%)
Mutual labels: opengraph
All In One Seo Pack
All in One SEO Pack plugin for WordPress SEO
Stars: ✭ 281 (+680.56%)
Mutual labels: opengraph
Gauguin (pronounced /ˈɡoʊɡæ̃/
) is an high performances Golang server that generates dynamic opengraph images at runtime.
🎉 Read the quickstart post here!
Gauguin in 6 easy steps
- Create a configuration file called
gauguin.yaml
version: 0.0.1
routes:
- path: /articles/opengraph
params:
- title
- author
- imgUrl
size: 1200x630
template: ./templates/article.tmpl
- path: /author/opengraph
params:
- username
- imgUrl
size: 1200x630
template: ./templates/user.tmpl
- For each route, create a Golang
tmpl
file (named the same way you named it inside the configuration file):
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
font-family: Arial;
color: #fff;
}
.article-template {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 1200px;
height: 630px;
background: #001f1c;
}
h1 {
margin: 0;
font-size: 32px;
}
img {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 15px;
margin-bottom: 25px;
}
</style>
</head>
<body>
<div class="article-template">
<img src="{{.imgUrl}}" />
<h1>{{.title}}</h1>
<p>Written by <b>{{.author}}</b></p>
</div>
</body>
</html>
- Copy this docker-compose file locally and run
docker-compose up -d
- Choose a title, an author and an image for your article opengraph image. Pass them via querystrng to the route you defined in your configuration file.
- Go to
http://localhost:5491/articles/test?author=Bojack%20Horseman&title=A%20Post%20About%20my%20Garden&imgUrl=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1525498128493-380d1990a112%3Fixlib%3Drb-1.2.1%26ixid%3DeyJhcHBfaWQiOjEyMDd9%26auto%3Dformat%26fit%3Dcrop%26w%3D300%26q%3D80&dev=true
- Admire the following image:
Documentation
I'm currently writing more documentation, it will be available on Gitbook: http://micheleriva.gitbook.io/gauguin
License
Gauguin is distributed under the GPLv3 open source license.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].