谢谢,我确实更喜欢这个插件,因为它比主题组件提供了更丰富的分类自定义选项。
当我们更改缩略图的宽度/高度时,系统提示需要重新生成帖子。我使用的是 rake posts:rebake。
我想知道是否有命令可以仅重新生成包含缩略图的帖子,还是每次更改缩略图尺寸时都必须重新生成所有帖子?或者是否可以重新生成特定类别中的所有帖子?
在移动设备上使用 CSS(例如 max-width:参见几篇之前的帖子)
在桌面设备上,使用高度和宽度插件设置。
缩略图分辨率由“分辨率级别”插件设置处理。这与尺寸不同。
Rebake 会在 Discourse 中设置缩略图。如果您已经完成过一次,就无需再次执行。永远不需要,除非插件中的可用分辨率级别被更改(这种情况不太可能发生)。
不要使用 px,只写数字。
抱歉,之前的重新烘焙建议已过时!
试试将宽度设为 50,第二个留空?在我这里可以正常工作。
顺便提一下,对于“平铺”布局,这两个设置都无关紧要(宽度由浏览器窗口和列数决定,高度由图片的宽高比决定)。
另外请注意,这些设置仅在单独查看该类别时生效。
嗯,也许这就是它没有变化的原因。我使用的是“磁贴”布局,并且只查看这个类别。我将宽度改为 20,高度留空,但没有变化。
我觉得我可以在缩略图上添加一些透明像素来缩小它。这或许能行。
是的,这些设置对 Tiles 来说毫无意义。Tiles 会根据浏览器或设备宽度的减小,自动在 3 列、2 列和 1 列之间切换。缩略图会占据列的完整宽度(仅减去少量内边距)。缩小它们毫无意义,那样看起来会非常糟糕。
我经过多次原型设计后推出了 Tiles,将最大列数限制为 3 列,因为在电脑屏幕上,超过 3 列会非常难以浏览。
这些设置旨在帮助您自定义非 Tiles 视图,以便您确定缩略图在列表中占据的宽度。
所以,要让“瓦片”变小,我猜只能通过 CSS 实现?
你可以尝试一下,但这不会得到支持。你很可能会遇到元数据过多被压缩的问题。
我发现 4 列布局很难阅读。我记得我其中一个网站的用户抱怨说竟然超过 1 列!哈哈
不过,这是默认 CSS,我相信你能看出其中的规律。尽情发挥吧:
.tiles-grid-sizer,
.tiles-grid-item {
// 在极窄视图中显示 1 列
width: 100%;
// 在中等宽度下显示 2 列
@media screen and (min-width: 501px) and (max-width: 800px) {
width: calc((100% - 6px)/2);
}
// 在空间充足时显示 3 列
@media screen and (min-width: 801px) {
width: calc((100% - 12px)/3);
}
}
嘿 @merefield,
您推荐在生产网站上使用主题组件吗?您是否仍认为它处于实验阶段?
如果我先卸载插件再安装主题组件,我的缩略图会保留吗?
如果不会,是否有办法在插件和主题组件之间实现平滑过渡?
数据源不应受到影响。您可以随时在两者之间切换。
主题组件速度更快,但磁贴模式依赖的渲染器在 Chrome 中向下滚动超过约 10 个桌面大小的页面时会出现故障(在移动设备上极不可能发生!)。相关的 Chrome 问题尚未关闭。这是它仍被标记为“实验性”的唯一原因。
另一方面,主题组件的磁贴模式可以处理侧边栏,而插件的则不行;但有些用户可能认为插件的瀑布流渲染器更为“优雅”,因为它带有动画效果,而主题组件的磁贴视图则没有。
总体而言,我个人更倾向于主题组件,因为它更轻量,在磁贴模式下使用的 JavaScript 要少得多,而且速度更快。
感谢您详细的回答。
能否在主题中某个位置添加主题组件的链接?这可能会很方便,我仅在这里找到了它:
我正在使用 TLP 插件。用户卡片上的“作品集”按钮在移动设备上未显示。是否有设置可以启用它?
@merefield 我们又进入月初的前五天了!
您是否了解 TLP 与最新 Discourse 版本之间存在的任何问题?我已准备好再次开始测试 ![]()
我们确实如此。据我所知,没有任何严重的破坏性问题。
升级顺利!
我在主题组件上遇到了一个小问题。
在加载分类页面时(完整应用加载,而不仅仅是点击“分类”),我遇到了一个 JS 错误:
GET https://canapin.win/tags/.json 404

是否有某个设置缺少标签?

