Add open graph images
This commit is contained in:
parent
05bb6dff72
commit
3efd31be55
|
@ -1,7 +1,3 @@
|
|||
#-------------------------------------------------------------------------
|
||||
# Configure Middleman
|
||||
#-------------------------------------------------------------------------
|
||||
|
||||
set :base_url, "https://www.consul.io/"
|
||||
|
||||
activate :hashicorp do |h|
|
||||
|
@ -11,6 +7,15 @@ activate :hashicorp do |h|
|
|||
end
|
||||
|
||||
helpers do
|
||||
# Returns the FQDN of the image URL.
|
||||
#
|
||||
# @param [String] path
|
||||
#
|
||||
# @return [String]
|
||||
def image_url(path)
|
||||
File.join(base_url, image_path(path))
|
||||
end
|
||||
|
||||
# Get the title for the page.
|
||||
#
|
||||
# @param [Middleman::Page] page
|
||||
|
|
BIN
website/source/assets/images/og-image.png
(Stored with Git LFS)
Normal file
BIN
website/source/assets/images/og-image.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -10,10 +10,21 @@
|
|||
<link rel="icon" type="image/png" href="<%= image_path("favicons/favicon-32x32.png") %>" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="<%= image_path("favicons/favicon-16x16.png") %>" sizes="16x16">
|
||||
<link rel="manifest" href="/android-manifest.json">
|
||||
<link rel="mask-icon" href="<%= image_path("favicons/safari-pinned-tab.svg") %>" color="#23414a">
|
||||
<link rel="mask-icon" href="<%= image_path("favicons/safari-pinned-tab.svg") %>" color="#961D59">
|
||||
<meta name="msapplication-config" content="/microsoft-tile.xml" />
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@HashiCorp" />
|
||||
<meta name="twitter:creator" content="@HashiCorp" />
|
||||
<meta property="og:url" content="<%= File.join(base_url, current_page.url) %>" />
|
||||
<meta property="og:title" content="<%= title_for(current_page) %>" />
|
||||
<meta property="og:site_name" content="Consul by HashiCorp"/>
|
||||
<meta property="og:image" content="<%= image_url("og-image.png") %>"/>
|
||||
<meta property="og:image:width" content="1200"/>
|
||||
<meta property="og:image:height" content="1200"/>
|
||||
<meta property="og:description" content="<%= description_for(current_page) %>" />
|
||||
|
||||
<title><%= title_for(current_page) %></title>
|
||||
|
||||
<%= stylesheet_link_tag "application" %>
|
||||
|
|
Loading…
Reference in a new issue