博客文章样式

tshenry · 2020 年6 月 2 日 21:21

更新

如果你能相信的话

我开始重构/清理该组件，使其采用插件风格的文件结构，并利用新的主题缩略图。

github.com/discourse/discourse

FEATURE: Include optimized thumbnails for topics (#9215)

master ← davidtaylorhq:post_image_refactor

merged 08:07AM - 05 May 20 UTC

davidtaylorhq

+563 -57

This PR introduces new APIs for obtaining optimized thumbnails for topics. There… are a few building blocks required for this: - Introduces new `image_upload_id` columns on the `posts` and `topics` table. This replaces the old `image_url` column, which means that thumbnails are now restricted to uploads. Hotlinked thumbnails are no longer possible. In normal use (with pull_hotlinked_images enabled), this has no noticeable impact - A migration attempts to match existing urls to upload records. If a match cannot be found then the posts will be queued for rebake - Optimized thumbnails are generated during post_process_cooked. If thumbnails are missing when serializing a topic list, then a sidekiq job is queued - Topic lists and topics now include a `thumbnails` key, which includes all the available images: ``` "thumbnails": [ { "max_width": null, "max_height": null, "url": "//example.com/original-image.png", "width": 1380, "height": 1840 }, { "max_width": 1024, "max_height": 1024, "url": "//example.com/optimized-image.png", "width": 768, "height": 1024 } ] ``` - Themes can request additional thumbnail sizes by using a modifier in their `about.json` file: ``` "modifiers": { "topic_thumbnail_sizes": [ [200, 200], [800, 800] ], ... ``` Remember that these are generated asynchronously, so your theme should include logic to fallback to other available thumbnails if your requested size has not yet been generated - Two new raw plugin outlets are introduced, to improve the customisability of the topic list. `topic-list-before-columns` and `topic-list-before-link`

我还添加了一些新功能：

新设置
- image_display_style - 此设置有两个选项。默认值应保持该组件一直以来的行为。另一个选项将确保不进行裁剪，并显示完整图像。很难说哪个“更好”，因此你需要进行一些实验，看看哪种最适合你的工作流和博客图片。
  
  Screen Shot 2020-06-02 at 2.04.29 PM1296×262 16.4 KB
- mobile_enabled - 这是移动端博客文章样式的首次尝试。我很想听到关于此的任何错误报告或改进建议！
  
  Screen Shot 2020-06-02 at 2.04.38 PM1274×128 7.77 KB

我仍希望继续重构和清理代码，但这应该是一个不错的开始。

目前恐怕还没有相关计划！

话题		回复	浏览量
Discourse Category Headers theme component Theme component	191	18193	2026 年3 月 7 日
Homepage Feature Theme component official , homepage-feature	126	23663	2026 年2 月 6 日
Topic List Thumbnails Theme component official , topic-list-thumbnails	155	34445	2026 年5 月 18 日
Topic List Previews (TLP) Theme component	717	30828	2026 年6 月 3 日
A reddit-ish theme for Discourse Theme	114	15685	2026 年4 月 24 日

博客文章样式

更新

相关话题