该网站是一个使用 Discourse 作为评论系统的 Ghost 博客。
请注意评论的展示效果。请问这是使用了什么 CSS？
我自己的网站上的评论效果不佳。它们会延伸到整个屏幕的长度。理想情况下，我希望它们看起来和我发布的那个一样。
这是我的网站
https://ogatutor.com/
2 个赞
您只需在浏览器中打开开发者工具并检查元素即可查看 CSS。
只需右键单击元素并选择“检查”即可实现此目的。您可能需要上下浏览 HTML 层级结构才能看到所有 CSS。
4 个赞
试过了，在那里找不到。
1 个赞
您好，您遇到了什么问题？
3 个赞
我的博客是Ghost博客，它使用Discourse进行评论。评论运行正常，但我想让CSS能将它们融合进去。
看看我引用的那个。注意到评论是如何流畅地融合的吗？
再看看我的。评论横跨了整个屏幕。
1 个赞
尝试检查博客上的注释。在“检查”窗口中，您应该会看到一个名为“样式”的选项卡，其中包含所选（以及所有）元素的 CSS。
4 个赞
这是您在寻找的吗？
此主题包含有关如何格式化嵌入式帖子的信息：
样式化您的嵌入式内容
如果您运行的是 Discourse 1.4.0 或更高版本，则可以为嵌入式评论添加样式表。在 管理 > 自定义 > 主题 > 编辑 CSS/HTML 中的“主题编辑器”的“嵌入式 CSS”部分，您可以添加一个自定义样式表，该样式表将与您的嵌入式评论一起提供。默认情况下，我们认为布局在白色背景上看起来不错，但如果您的网站有独特的布局，您可能需要自己进行样式设置。
6 个赞
谢谢，
奇怪的是，我的 Safari 浏览器上没有打开同一个窗口，不知道为什么。
谢谢
2 个赞
谢谢！！这正是我想要的。
3 个赞
没有 CSS 可以在浏览器开发者工具中暴露而无法部署。
我猜你需要时间来学习这些工具 
3 个赞
谢谢！！
是的，它坏了，但我遵循了所有关于如何嵌入的说明，但由于某些原因，我似乎没有正确地进行。
这是我的嵌入代码的样子。
该配置生成以下代码。
<script type="text/javascript">
if (window.location.pathname.indexOf('/p/') < 0) {
DiscourseEmbed = {
discourseUrl: 'https:/teachmeai.ogatutor.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>
注意：我将路径允许列表留空了，因为当我输入任何内容时，代码甚至无法运行。
我可能做错了什么？
谢谢
2 个赞
再次感谢，但新访客的加载时间仍然很长。新访客和新文章大约需要 1 分钟。一旦文章已有持续进行的讨论，加载速度就会快得多。
不知道这是否是因为 Discourse 正在自动创建主题。查看 Ghost 日志，一切似乎都正常。
1 个赞
对我来说，它立即加载了。这可能只是一个位置问题。我查看了多个页面，评论对我来说立即加载了。
编辑：哦，奇怪，现在我加载页面一遇到了错误 
3 个赞
非常感谢。我的工作几乎完成了。下一阶段是尝试迁移他们的用户从 phpBB。
1 个赞
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.