{"topic":{"id":5001,"title":"将 Discourse 嵌入到其他网站作为评论系统","slug":"topic","categoryId":2,"createdAt":"2023-08-21 10:10:32.646428","bumpedAt":"2024-04-13 13:43:33.01563","views":230,"postsCount":1,"highestPostNumber":1,"likeCount":0,"closed":false,"pinned":false,"pinnedGlobally":false,"pinnedAt":null,"pinnedUntil":null,"isBanner":false,"excerpt":"https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963 Configuring Discourse for Embedding (simple setup) The following setup will embed a comment feed on a page on a fake blog URL…","deletedAt":null,"isAnonymous":false,"category":{"id":2,"name":"网站","slug":"website","color":"986a44"},"author":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif"},"tags":["discourse"]},"posts":[{"id":9548,"postNumber":1,"raw":"https://meta.discourse.org/t/embed-discourse-comments-on-another-website-via-javascript/31963\n\n### Configuring Discourse for Embedding (simple setup)\n\nThe following setup will embed a comment feed on a page on a fake blog URL of `http://example.com/blog/entry-123.html`, from a discourse forum running at `=DISCOURSE=`.\n\n[wrap=placeholder key=DISCOURSE default=discourse.example.com]Domain for [/wrap]\n[wrap=placeholder key=BLOG default=example.com]Domain for [/wrap]\n\n1. Visit **Admin > Customize > Embedding** on your Discourse install. https://=DISCOURSE=/admin/customize/embedding\n\n2. Create at least one **Embeddable Host**. This should be the hostname (domain) where you want to embed your comments. In this case the host is `=BLOG=` -- note the lack of `http://` and path. \n\n - **Path Allowlist** allows you to specify the paths on the remote host that would accept your embed.\n\n - **Post to Category** - if you supply a category alongside the host you are entering, posts imported from that host will automatically end up in that category. Different hosts can post to different categories.\n \n3. Fill in the name of a user on your discourse who will create topics in the `Username for topic creation` field below the HTML snippet. Let's assume our discourse has a user called eviltrout, so the value is `eviltrout`.\n\n4. Insert the following HTML on the web page at `http://=BLOG=/blog/entry-123.html`\n\n### (Optional) Adding a Feed for Polling\n\nAs mentioned above, Discourse will automatically crawl any site it is embedded on. However, sometimes HTML can be hard to parse and it might not extract the contents of your posts correctly. Many blogs and web sites support RSS/Atom feeds for syndication, and Discourse can use this to extract the content of your blog posts more accurately.\n\nIf you have a RSS or Atom feed set up on the site you are embedding Discourse into, you can configure Discourse to extract the content of posts from there by installing the [Discourse RSS Polling plugin](https://github.com/discourse/discourse-rss-polling) and adding your feed's URL to the plugin's settings. Once the feed URL has been added, Discourse will parse the feed and publish its posts to the appropriate category based on the Allowed Hosts that you add to your Embedding settings.\n\n### (Alternate Configuration) Linking to existing topics\n\nSome people prefer to not have Discourse create topics for them automatically on their forums. They'd like to create the topics themselves, then simply tell their embedding code what topic they want to associate with. You can do this by slightly changing your embedding code:\n\n```html\n

\n\n\n```\n\n\n---\nThis is also a showcase of Discourse 编辑器功能测试：变量赋值与使用","cooked":"\n

Configuring Discourse for Embedding (simple setup)

The following setup will embed a comment feed on a page on a fake blog URL of http://example.com/blog/entry-123.html, from a discourse forum running at =DISCOURSE=.

[wrap=placeholder key=DISCOURSE default=discourse.example.com]Domain for [/wrap]
\n[wrap=placeholder key=BLOG default=example.com]Domain for [/wrap]

\n
Visit Admin > Customize > Embedding on your Discourse install. https://=DISCOURSE=/admin/customize/embedding
\n
\n
Create at least one Embeddable Host. This should be the hostname (domain) where you want to embed your comments. In this case the host is =BLOG= -- note the lack of http:// and path.
\n
- \n
  Path Allowlist allows you to specify the paths on the remote host that would accept your embed.
  \n
- \n
  Post to Category - if you supply a category alongside the host you are entering, posts imported from that host will automatically end up in that category. Different hosts can post to different categories.
  \n
\n
\n
Fill in the name of a user on your discourse who will create topics in the Username for topic creation field below the HTML snippet. Let's assume our discourse has a user called eviltrout, so the value is eviltrout.
\n
\n
Insert the following HTML on the web page at http://=BLOG=/blog/entry-123.html
\n

(Optional) Adding a Feed for Polling

As mentioned above, Discourse will automatically crawl any site it is embedded on. However, sometimes HTML can be hard to parse and it might not extract the contents of your posts correctly. Many blogs and web sites support RSS/Atom feeds for syndication, and Discourse can use this to extract the content of your blog posts more accurately.

If you have a RSS or Atom feed set up on the site you are embedding Discourse into, you can configure Discourse to extract the content of posts from there by installing the Discourse RSS Polling plugin and adding your feed's URL to the plugin's settings. Once the feed URL has been added, Discourse will parse the feed and publish its posts to the appropriate category based on the Allowed Hosts that you add to your Embedding settings.

(Alternate Configuration) Linking to existing topics

Some people prefer to not have Discourse create topics for them automatically on their forums. They'd like to create the topics themselves, then simply tell their embedding code what topic they want to associate with. You can do this by slightly changing your embedding code:

<div id='discourse-comments'></div>\n\n<script type=\"text/javascript\">\n  window.DiscourseEmbed = {\n    discourseUrl: 'https://=DISCOURSE=/',\n    topicId: 12345\n  };\n\n  (function() {\n    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;\n    d.src = window.DiscourseEmbed.discourseUrl + 'javascripts/embed.js';\n    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);\n  })();\n</script>\n

This is also a showcase of Discourse 编辑器功能测试：变量赋值与使用

\n","createdAt":"2023-08-21 10:10:32.771234","updatedAt":"2024-04-13 13:43:32.986875","replyToPostNumber":null,"replyCount":0,"likeCount":0,"wordCount":447,"liked":false,"bookmarked":false,"polls":[],"reactions":[],"wiki":false,"version":3,"publicVersion":3,"deletedAt":null,"isAnonymous":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}}],"hasMore":false,"lastReadPostNumber":1,"hasUrlPostNumber":false}