Hola a todos –
Problema: Así es como aparece mi publicación de Ghost como un Tema en mi foro de Discourse…
(Enlace en vivo aquí https://noobish.me/t/test-for-discourse-embedding/48)
Por supuesto, esto es lo que quiero que el embed se vea realmente en la publicación del foro (quiero que se vea como la publicación aparece en la página del blog)…
(Enlace en vivo aquí https://jen.studio/test-for-discourse-embedding/)
Aquí está mi fuente de post.hbs donde tengo el código de embed de Discourse:
{{!
< 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}}&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>— </span>
<i>Published {{date format="DD MMM"}} by {{authors}}</i>
<span> —</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}}
Seguí las instrucciones aquí…
