블로그 게시물의 커뮤니티 자동 게시 기능 추가

Author: 9bow

_config.yml

@@ -61,6 +61,8 @@ keep_files: [
     docs/master/_static/js/vendor/
   ]
 repository: PyTorchKorea/pytorch.kr
+variables:
+  community_discourse_id: bot
 external_urls:
   org_www: https://pytorch.org
   org_docs: https://pytorch.org/docs

_includes/blog_comments.html

@@ -0,0 +1,20 @@
+<div class="blog-comment">
+  <div class="container">
+      <div id="discourse-comments"></div>
+      <meta name="discourse-username" content="{{ site.variables.community_discourse_id }}">
+  </div>
+</div>
+
+<script type="text/javascript">
+  DiscourseEmbed = {
+      discourseUrl: '{{ site.external_urls.site_community }}',
+      discourseEmbedUrl: '{{ site.url }}{{ page.url }}',
+      // className: 'CLASS_NAME',
+  };
+
+  (function() {
+      var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
+      d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
+      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
+  })();
+</script>

_layouts/blog_detail.html

@@ -44,7 +44,9 @@ <h4 class="blog-subtitle">{{ page.org_title }}</h4>
                         번역 글은 원문을 함께 표시합니다. 원문으로 이동하시려면 <a href="{{ page.org_link }}">여기</a>를 클릭하세요.
                     </p>
                     {% endif %}
-                    {{ content }}
+                    <div class="blog-content">
+                        {{ content }}
+                    </div>
                     <hr noshade />
                     <p class="translation-description ad-discuss">
                         {% if page.discuss_id %}이 주제와 관련하여 {% endif %} 더 궁금하시거나 나누고 싶은 이야기가 있으신가요? <a href="{{ site.external_urls.site_community }}{% if page.discuss_id %}{{ page.discuss_id | prepend: '/t/' }}{% endif %}">파이토치 한국어 커뮤니티에 참여</a>해주세요!
@@ -54,6 +56,8 @@ <h4 class="blog-subtitle">{{ page.org_title }}</h4>
         </div>
     </div>
 
+    {% include blog_comments.html %}
+
     {% include footer.html %}
 </body>
 </html>