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

[denvergeeks]

안녕하세요, 여러분 –

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

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

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

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

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

{{!< 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

[denvergeeks]

이 문제를 부분적으로 해결했습니다.

Discourse 포럼 관리자 설정의 https://noobish.me/admin/customize/embeddingsettings에서

크롤러 설정(Crawler Settings) 아래에

(작업 중인 특정 테마에서) 게시물의 본문이 위치한 구체적인 CSS 선택자만 추가했습니다…

[denvergeeks]

블로그 게시물에서 하나 이상의 이미지를 포럼 게시글로 가져올 수 있는 방법이 있는지 여전히 알고 싶습니다.

[satonotdead]

이를 확인하고, 메타태그 데이터와 일부 JavaScript 코드를 사용하여 동일한 작업을 시도해 보세요: GitHub - discourse/onebox: (DEPRECATED) A gem for turning URLs into website previews · GitHub