How to solve the Discourse comment not showing with Ghost for applying the official tutorial

I would like to configure Ghost and Discourse comment.

I already follow the official instruction, however nothing happened. I installed Ghost and Discourse in my Ubuntu 20.04 LTS server. Ghost and Discourse working very well.

I am using WordOps, nginx and related program for operating website. Maybe some security setting is block Discourse comment, however I am not sure.

When I would like to check Chrome and Safari developer’s tool, they didn’t show any errors. Nginx has no errors for Ghost and Discourse too.

So I wonder that someone have some recommendation for solving this problem.

Here is my Discourse setting.

xxx is my domain, it is an example.

Discourse installed path https://forum.xxx.com
Allowed Hosts - diary.xxx.com
Class Name - discourse-comments
Path Allowlist - I don’t understand clearly what does it mean with ghost.
Post to Category - Diary-Comments

<div id='discourse-comments'></div>

<script type="text/javascript">
  DiscourseEmbed = { discourseUrl: 'https://forum.xxx.com/',
                     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>

Here is my Ghost setting.

Ghost installed path https://diary.xxx.com

path /var/www/diary.xxx.com/htdocs/current/content/themes/casper/post.hbs

{{!--

<section class="article-comments gh-canvas">

I inserted here the discourse comment script.

</section>

--}}

Sincerely,

Honggi An