blockworks-foundation
/
og-image
mirror of https://github.com/blockworks-foundation/og-image.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update to vercel.app suffix (#130)

This commit is contained in:
Steven 2020-08-11 15:38:08 -04:00 committed by GitHub
parent cbad557514
commit 8026662bcc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -1,6 +1,6 @@
<a href="https://vercel.com/new/project?template=vercel/og-image"><img width="128" src="https://vercel.com/button" align="right"></a>
# [Open Graph Image as a Service](https://og-image.now.sh)
# [Open Graph Image as a Service](https://og-image.vercel.app)
<a href="https://twitter.com/vercel/status/1092587111985881088">
<img align="right" src="https://raw.githubusercontent.com/vercel/og-image/master/public/tweet.png" height="300" />
@ -34,14 +34,14 @@ It looks like the following:
The short answer is that it would take a long time to painstakingly design an image for every single blog post and every single documentation page. And we don't want the exact same image for every blog post because that wouldn't make the article stand out when it was shared to Twitter.
That's where `og-image.now.sh` comes in. We can simply pass the title of our blog post to our generator service and it will generate the image for us on the fly!
That's where `og-image.vercel.app` comes in. We can simply pass the title of our blog post to our generator service and it will generate the image for us on the fly!
It looks like the following:
```html
<head>
<title>Hello World</title>
<meta property="og:image" content="https://og-image.now.sh/Hello%20World.png" />
<meta property="og:image" content="https://og-image.vercel.app/Hello%20World.png" />
</head>
```

6
public/index.html
View File

@ -11,11 +11,11 @@
<meta property="og:type" content="website"/>
<meta property="og:title" content="Open Graph Image as a Service"/>
<meta property="og:locale" content="en"/>
<meta property="og:url" content="https://og-image.now.sh"/>
<link rel="canonical" href="https://og-image.now.sh"/>
<meta property="og:url" content="https://og-image.vercel.app"/>
<link rel="canonical" href="https://og-image.vercel.app"/>
<meta name="description" content="A service to generate dynamic Open Graph images on-the-fly for the purpose of sharing a website to social media. Proudly hosted on Vercel."/>
<meta property="og:description" content="A service to generate dynamic Open Graph images on-the-fly for the purpose of sharing a website to social media. Proudly hosted on Vercel."/>
<meta property="og:image" content="https://og-image.now.sh/Open%20Graph%20Image%20as%20a%20Service.png?theme=light&amp;md=1&amp;fontSize=95px&amp;images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg"/>
<meta property="og:image" content="https://og-image.vercel.app/Open%20Graph%20Image%20as%20a%20Service.png?theme=light&amp;md=1&amp;fontSize=95px&amp;images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg"/>
<title>Open Graph Image as a Service</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css" />