# 올바르게 포맷된 Ghost-Discourse 포럼 통합 코드는 어떻게 되나요?

**URL:** <https://meta.discourse.org/t/code-for-properly-formatted-ghost-discourse-forum-integration/227777>\
**Category:** Product Support\
**Created:** [5월 22, 2022, 7:46오후 UTC](https://meta.discourse.org/t/code-for-properly-formatted-ghost-discourse-forum-integration/227777 "2022-05-22T19:46:19Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [5월 22, 2022, 7:46오후 UTC](https://meta.discourse.org/t/code-for-properly-formatted-ghost-discourse-forum-integration/227777/1 "2022-05-22T19:46:20Z")

</div>

안녕하세요, 여러분 –

문제: 제 Ghost 게시글이 Discourse 포럼에서 Topic으로 이렇게 표시됩니다…

(라이브 링크: [https://noobish.me/t/test-for-discourse-embedding/48](https://noobish.me/t/test-for-discourse-embedding/48))

 ![Screenshot 2022-05-22 122004](https://global.discourse-cdn.com/meta/original/4X/5/0/b/50b1dbab1da128087954de8f110e35a0714d70f4.png)

물론, **이것** 이 포럼 게시글에서 임베드가 실제로 보여줬으면 하는 모습입니다(블로그 페이지에서 게시글이 보이는 것처럼 보이도록 하고 싶어요)…

(라이브 링크: [https://jen.studio/test-for-discourse-embedding/](https://jen.studio/test-for-discourse-embedding/))

 ![Screenshot 2022-05-22 134833](https://global.discourse-cdn.com/meta/original/4X/1/c/6/1c6c3734fe8ed04386a349189b3b88476082fa59.jpeg)

Discourse 임베드 코드가 포함된 제 post.hbs 소스는 다음과 같습니다:

```plaintext
{{!< default}}
{{#post}}
    <div class="tagShare">
        <div class="shareIcon icon-share"><!-- --></div>
        <div class="share">
            <a class="icon-twitter" href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}"
                    onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"></a>
            <a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
                    onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;"></a>
        </div>
    </div>  
    <article id="postMain" class="{{post_class}}">
    
      <section class="postContent doubleColumn">
      
        <h1 class="postTitle">{{{title}}}</h1>
        <div class="tags" style="color: #ef6752">#{{tags separator="#"}}</div>
        <time class="dateStamp" datetime="{{date format='YYYY-MM-DD'}}">
            <span>&mdash;&ensp;</span>
            <i>Published {{date format="DD MMM"}} by {{authors}}</i>
            <span>&ensp;&mdash;</span>
        </time>
        
        <center><p><i>{{{custom_excerpt}}}</i></p></center>
        {{#if prev}}
          <link rel="previous" href="{{page_url prev}}"></link>
        {{/if}}
        {{#if next}}
          <link rel="next" href="{{page_url next}}"></link>
        {{/if}}

        {{#if feature_image}}
        <figure class="article-image heroImage showHeroImage">
            {{!-- This is a responsive image, it loads different sizes depending on device
            https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
            <img
                srcset="{{img_url feature_image size="s"}} 300w,
                        {{img_url feature_image size="m"}} 600w,
                        {{img_url feature_image size="l"}} 1000w,
                        {{img_url feature_image size="xl"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                src="{{img_url feature_image size="xl"}}"
                alt="{{title}}"
            />
        </figure>
        {{/if}}
        
        {{content}}

      </section>
      
            <div id='discourse-comments'></div>
            <script type="text/javascript">
              DiscourseEmbed = { discourseUrl: 'https://noobish.me/',
                                 discourseEmbedUrl: '{{url absolute="true"}}' };
            
              (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>

    </article>

{{/post}}

```

여기서 설명된 지시를 따랐습니다…

> **[Official Ghost + Discourse Integration](https://ghost.org/integrations/discourse/)**
>
> Setting up Discourse with Ghost allows you to embed comment on your posts and pages & link your site to your community forum. Find out how 👉

---

_[View the full topic](https://meta.discourse.org/t/code-for-properly-formatted-ghost-discourse-forum-integration/227777)._