add fb open graph meta tags

This commit is contained in:
Ayo 2018-03-05 22:34:30 +08:00
parent c65f93f691
commit 4143ef4597
3 changed files with 13 additions and 3 deletions

View file

@ -12,10 +12,18 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- start: fb open graph meta tags -->
<meta property="og:url" content="{{ page.url | absolute_url }}" />
<meta property="og:type" content="article" />
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:description" content="{{ page.description }}" />
<meta property="og:image" content="{{ '/assets/images/' | absolute_url }}{{ page.image }}" />
<!-- end: fb open graph meta tags-->
<title>Web Development and Productivity Hacks | {{site.title}}</title> <title>Web Development and Productivity Hacks | {{site.title}}</title>
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}"> <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}"> <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ '/feed.xml' | relative_url }}">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" /> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
{% if jekyll.environment == 'production' and site.google_analytics %} {% if jekyll.environment == 'production' and site.google_analytics %}
{% include google-analytics.html %} {% include google-analytics.html %}

View file

@ -32,7 +32,7 @@
<label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label> <label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div> <div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
<div class="subscription-message-div"> <div class="subscription-message-div">
<div class="subscription-message-thumb float-left"> <div class="subscription-message-thumb float-left">
<img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" /> <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />

View file

@ -1,6 +1,8 @@
--- ---
title: "Full Hacker: A New Site for Web Development and Productivity Hacks!" title: "Full Hacker: A New Site for Web Development and Productivity Hacks!"
permalink: "/hello-world" permalink: "/hello-world"
description: "Introducing Full Hacker: new site for web development and productivity hacks."
keywords: ""
image: "hello-world.jpg" image: "hello-world.jpg"
image-attrib: "Photo stock by Lukas from Pexel." image-attrib: "Photo stock by Lukas from Pexel."
--- ---