facebook api

lizable · Oct 8, 2018 · 69ab9d9 · 69ab9d9
1 parent 19f4f9e
commit 69ab9d9
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 10 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -8,7 +8,7 @@
 <meta name="HandheldFriendly" content="True">
 <meta name="MobileOptimized" content="320">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
+<meta property="fb:app_id" content="196726300751751" />
 <script>
   document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
 </script>

diff --git a/_includes/scripts.html b/_includes/scripts.html
@@ -74,3 +74,14 @@
   });
 
 </script>
+
+<!-- facebook API -->
+
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = 'https://connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v3.1&appId=196726300751751';
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
diff --git a/_includes/social-share.html b/_includes/social-share.html
@@ -3,18 +3,24 @@
     <h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
   {% endif %}
 
+    <!-- Facebook like button -->
+  <a>
+    <div class="fb-like" data-href="{{ page.url | absolute_url | url_encode }}" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="true"></div>
+  </a>
+
   <a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fab fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
 
-  <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fab fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
-
   <a href="https://plus.google.com/share?url={{ page.url | absolute_url | url_encode }}" class="btn btn--google-plus" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fab fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
 
   <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
+
+<!-- 카카오 like button -->
+<a id="kakao-link-btn" href="javascript:;">
+<img src="//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_small.png"/>
+</a>
 
-  <a id="kakao-link-btn" href="javascript:;">
-    <img src="//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_small.png"/>
-  </a>
-
+
+
 </section>
 
 <script type='text/javascript'>

diff --git a/_pages/about.md b/_pages/about.md
@@ -59,10 +59,8 @@ toc: true
   * 보안관련 워게임 / 문제 풀이 기록[^wargame]
   * 짤막한 이런저런 파이썬 코드 기록[^py]
   * 책읽고 요약정리
-
-
-
 
+<div class="fb-comments" data-href="https://imreplay.com/about" data-numposts="5"></div>
 
 ##### 각주[Footnote]