# Topic List Previews (legacy)

**URL:** https://meta.discourse.org/t/topic-list-previews-legacy/101646
**Category:** Plugin
**Tags:** deprecated
**Created:** [11월 9, 2018, 3:56오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646 "2018-11-09T03:56:38Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 19, 2020, 7:14오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1019 "2020-05-19T19:14:28Z")

</div>

네, 맞습니다. 앞서 설명한 모든 이유 때문입니다.

가까운将来 플러그인 지원 종료는 계획하고 있지 않지만, 새로운 기능 개발은 TC에 초점을 맞출 예정입니다.

최근 Discourse의 변화는 다소 이례적이었기 때문에, 앞으로 몇 달간 조금 더 안정적인 모습을 기대해 볼 수 있을 것 같습니다.

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [5월 20, 2020, 12:45오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1020 "2020-05-20T00:45:29Z")

</div>

안녕하세요,  
2. TC 기반이며, 실험 단계입니다. 사소한 문제가 발생할 수 있지만, 모바일에서 기능 이미지(Featured Images)와 사이드바 반응성이라는 추가 보너스가 제공됩니다. … 선택적 플러그인 사이드카로 기능을 추가합니다

- [Theme Component](https://github.com/merefield/discourse-topic-list-previews-theme)`https://github.com/merefield/discourse-topic-list-previews-theme`
- 더 많은 기능이 필요하면 사이드카 플러그인을 추가하세요: `- git clone https://github.com/merefield/discourse-topic-previews.git -b "theme_sidecar"` . 현재 이 기능은 플러그인과 기능적으로 매우 매우 유사합니다.

 ![topic-lit](https://global.discourse-cdn.com/meta/original/3X/7/c/7ced666aa987c9f7b850f62e43048336ebe2b116.jpeg)  
**이 단계를 따랐습니다.**

좋아요 버튼이 표시되지 않습니다. 좋아요 버튼을 표시하려면 어떻게 해야 하나요?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 20, 2020, 4:59오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1021 "2020-05-20T04:59:20Z")

</div>

아직 이 구성에서 해당 기능을 구현하지 못했어요. 곧 구현할 예정이에요 😉

---

<div class="post-metadata">

### Author: ![travelvc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/travelvc/32/82090_2.png) [@travelvc](https://meta.discourse.org/u/travelvc)
#### Post date: [5월 20, 2020, 1:29오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1022 "2020-05-20T13:29:30Z")

</div>

플러그인(4.3.1)과 디스커스(2.5.0.beta4)를 최신 버전으로 업데이트했는데, 토픽 목록의 미리보기가 거의 사라진 것을 확인했습니다. ☹

토픽별로 미리보기 이미지를 재생성할 수는 있지만, 이 방법은 a) 시간이 많이 걸리고, b) 업데이트 후 해당 토픽이 목록 맨 위로 올라가버립니다.

토픽 섬네일을 자동으로 재생성할 방법이 있을까요?

이 플러그인을 정말 좋아합니다. 우리 포럼에 큰 도움이 되었고, 디자인도 훨씬 좋아졌습니다. 또한 **[편집 - 다른 작성자의 내용이라 이 논의와 관련이 없습니다]** [TC](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)도 시도해 보았지만, 외관이 꽤 다르고 옵션이 적어서 이 플러그인이 여전히 더 우수하다고 생각합니다. 제 생각이 틀렸다면 지적해 주시겠습니까?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 20, 2020, 2:09오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1023 "2020-05-20T14:09:32Z")

</div>

> [@travelvc](#):
>
> 토픽별로 미리보기 이미지를 재생성할 수는 있지만, a) 시간이 오래 걸리고, b) 업데이트 후 해당 토픽이 상단으로 올라가는 문제가 있습니다.
> 
> 토픽 썸네일을 자동으로 재생성하는 방법이 있을까요?

네, 콘솔에서 포스트 리베이크(rebake)를 실행하면 됩니다: [Rebake all posts? - #2 by zogstrip](https://meta.discourse.org/t/rebake-all-posts/69340/2?u=merefield)

하지만 _그 전에_ 다음 값이 충분히 큰지 확인하세요:

![](https://global.discourse-cdn.com/meta/original/3X/a/5/a5bb4baaee591139d86a6d56cbd38cc206bd9519.png)

아니면 해당 포스트의 원격 이미지가 포럼으로 가져와지지 않아 썸네일이 생성되지 않습니다.

> [@travelvc](#):
>
> 이 플러그인을 정말 좋아합니다 - 우리 포럼에 큰 도움이 되었고 멋진 외관을 만들어 주었거든요. 새로운 테마 컴포넌트도 시도해 보았지만, 외관이 꽤 다르고 옵션이 적은 것 같아서, 누군가 이를 반박하지 않는 한 이 플러그인이 여전히 더 우수하다고 생각합니다.

테마 컴포넌트는 아직 개발 중이며, 전체 기능을 사용하려면 '플러그인 사이드카’를 설치해야 합니다. 액션은 아직 지원되지 않지만, 시간이 나면 곧 지원할 예정입니다.

> [@travelvc](#):
>
> 새로운 테마 컴포넌트를 사용했는데 외관이 꽤 다르다고 느꼈습니다

어떤 면에서 다르죠? 타일 크기에 약간의 근사가 적용되긴 하지만, 액션 누락 외에는 동일해야 합니다(테마 컴포넌트에 포함된 타일에는 약간의 그림자가 있는데, 개인적으로는 이를 선호합니다).

---

<div class="post-metadata">

### Author: ![travelvc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/travelvc/32/82090_2.png) [@travelvc](https://meta.discourse.org/u/travelvc)
#### Post date: [5월 20, 2020, 4:15오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1024 "2020-05-20T16:15:41Z")

</div>

> [@merefield](#):
>
> 네, 콘솔에서 게시물을 다시 생성(rebake)하면 됩니다: [모든 게시물 다시 생성?](https://meta.discourse.org/t/rebake-all-posts/69340/2)

이 방법으로 완벽하게 해결되었습니다. 썸네일이 다시 생성되었네요. 좋은 정보를 알려주셔서 정말 감사합니다!

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [5월 21, 2020, 4:09오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1025 "2020-05-21T16:09:27Z")

</div>

Ian C와 비슷한 문제가 발생했습니다. Discourse 2.5.0.beta4로 업그레이드하고 Topic List Previews 4.4.0을 사용한 후, 대부분의 썸네일이 사라졌습니다(부노드에서 왜 전부 사라지지 않았을까요?).

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/d/0/d0f113d81b30ee49b5c302960c9ea3ff2ff8ac5f.png)

![image](https://global.discourse-cdn.com/meta/original/3X/a/6/a631ce8fdb6f40bb682e1f5014a102f2ec419773.png)

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/a/da0a245f148415a950a6b6fb1b03a513a1908f51.png)

모든 게시물을 다시 베이킹(rebake)해 보았지만 효과가 없었습니다.

해결 방법이 있을까요?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 21, 2020, 4:44오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1026 "2020-05-21T16:44:18Z")

</div>

최대 일수 설정이 너무 낮습니다. 앞서 언급했듯이 이 값은 높은 숫자로 설정해야 합니다. 30으로 설정하면 1개월 이상 지난 항목에는 섬네일이 생성되지 않습니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [5월 21, 2020, 4:47오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1027 "2020-05-21T16:47:17Z")

</div>

해당 옵션이 비활성화되어 있습니다. 영향을 받지 않는 것이 맞죠?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 21, 2020, 4:47오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1028 "2020-05-21T16:47:55Z")

</div>

상자를 체크하지 않았습니다. 이미지를 업로드해야 합니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [5월 21, 2020, 4:54오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1029 "2020-05-21T16:54:36Z")

</div>

여러 가지 문제 때문에 비활성화되어 있었습니다. 기억이 맞다면 커스텀 수정 사항과 충돌하기도 했었죠.

그래서, 활성화하고 최대 보관 일수를 늘렸습니다. 다음으로 무엇을 해야 할까요? 이 옵션이 어떻게 작동하는지 정확히 모르겠습니다. 다시 백업을 시도하기 전에 모든 이미지가 다운로드될 때까지 기다려야 한다는 뜻인가요?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 21, 2020, 4:56오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1030 "2020-05-21T16:56:47Z")

</div>

이것은 이제 대부분 코어 디스코스의 동작이며, TLP가 아닙니다. (과거에는 전부 TLP에서 처리했지만, 이제 썸네일 지원이 코어에 포함되어 있어 플러그인에서는 이 부분에서 최소한의 오버라이드만 존재합니다.)

다시 포스트를 리베이크(rebake)해야 하며, 이 과정에서 UploadHotLinkImages 사이드키(Sidekiq) 작업이 대량으로 생성되어 이미지들이 모두 가져와집니다. 몇 분 내에 썸네일이 채워지기 시작할 것입니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [5월 21, 2020, 4:57오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1031 "2020-05-21T16:57:44Z")

</div>

좋아요. 잘 작동하고 있네요. 도움 주셔서 감사합니다!

---

<div class="post-metadata">

### Author: ![christian\_01](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/christian_01/32/162392_2.png) [@christian\_01](https://meta.discourse.org/u/christian_01)
#### Post date: [5월 22, 2020, 12:31오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1032 "2020-05-22T12:31:05Z")

</div>

카테고리에서 주제를 볼 때 이미지 섬네일이 표시되도록 하려면 어떻게 해야 하나요?

감사합니다,

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [5월 22, 2020, 2:07오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1033 "2020-05-22T14:07:03Z")

</div>

리베이킹(Rebaking)이 완료되었습니다. 결과가 정말 엉망이네요! 😔

자, 이제 이 옵션이 비활성화되어 있던 이유를 알겠습니다.

저희는 WordPress를 사용하고 있으며, 첫 번째 게시물에는 전체 HTML이 포함되어 있습니다. Discourse는 이미지 HTML을 마크다운으로 대체하는 데 문제가 없지만, HTML(또는 구체적으로는 위쪽에 최소한 빈 줄 하나)로 둘러싸인 경우 마크다운 이미지가 렌더링되지 않습니다.

저에게는 두 가지 문제가 있습니다:

1. 일부 이미지가 다운로드되지 않았습니다. 아마도 `srcset` 속성 때문인 것 같습니다(하지만 괜찮습니다). 이미지는 첫 번째 게시물에서 잘 표시되지만, 섬네일이 생성되지 않습니다. 이전에는 작동했습니다.

2. 위에서 언급했듯이, 일부 마크다운 이미지가 렌더링되지 않습니다.

```Ruby
Post
  .where(post_number: 1)
  .where("raw LIKE '%upload://%'").each do |post|  
     post.raw.gsub!(/(!\[.*upload:\/\/.*\))/, "\n\n\\1") 
     post.save!(validate: false); 
     post.rebake! 
end

```

도움 주시면 감사하겠습니다!

---

<div class="post-metadata">

### Author: ![ariznaf](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ariznaf](https://meta.discourse.org/u/ariznaf)
#### Post date: [5월 22, 2020, 7:42오후 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1035 "2020-05-22T19:42:43Z")

</div>

저도 같은 문제가 있습니다.

미리보기 파일을 다시 생성(rebake)한 후 이제 정상적으로 작동합니다.

하지만 업그레이드를 할 때마다 (제 관리 범위가 아니며, 포럼의 무언가를 변경할 때마다 재빌드를 하면 업그레이드가 자동으로 수행됩니다) 손가락을 꼬며 기원합니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 24, 2020, 7:05오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1036 "2020-05-24T07:05:32Z")

</div>

Christian, 플러그인을 말씀하시는 거라면, 해당 설정은 카테고리 자체의 설정에 있습니다(관리자 메인 설정이 아닙니다).

더 명확하도록 OP에 참고사항을 추가했습니다! 🙂

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 24, 2020, 7:08오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1037 "2020-05-24T07:08:35Z")

</div>

썸네일 생성 기준은 현재 대부분 Discourse 코어로 위임되어 있습니다.

Discourse 썸네일을 사용하는 모든 추가 구성 요소에서 이 문제가 발생할 가능성이 높습니다. 기준을 확장해야 할까요?

문제가 발생하는 게시물의 완전한 원본(raw) 내용을 게시해 주시겠습니까? 시간이 나면(무엇이든 약속할 수는 없지만) 포함 범위를 확장하는 것이 쉬운 일인지 확인해 보겠습니다. 하지만 Discourse가 이미 코어에서 이를 구현했으므로, 오버라이드를 피하고 코어에 더 의존하는 것이 좋은 이유라고 생각합니다. 이는 플러그인의 안정성을 높이고 깨지는 변경(breaking changes)을 줄이는 데 도움이 됩니다. 바로 이러한 종류의 사용자 지정이 플러그인에 문제를 일으키는 것입니다.

항상 자신의 포크(fork)를 유지하면서 직접 이 부분을 사용자 지정할 수도 있습니다.

토픽 메타(Topic Meta) 편집기에서 썸네일 선택기를 사용해 썸네일을 선택할 수 있는지 확인해 볼 수 있습니다. 하지만 이는 동일한 포함 기준에 기반합니다. 썸네일이那里에 표시되지 않으면 기준을 충족하지 못하는 것이므로, 이를 좋은 확인 수단으로 활용할 수 있습니다.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [5월 24, 2020, 7:15오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1038 "2020-05-24T07:15:12Z")

</div>

> [@ariznaf](#):
>
> 하지만 업그레이드가 필요할 때마다 (제 통제 하에 있는 것이 아니라, 포럼의 무언가를 변경하기 위해 재구성을 할 때마다 포럼이 업그레이드됩니다) 늘 기도를 올립니다.

이것은 꽤 비효율적인 구성입니다.

안정성을 최적화하려면 스테이징 환경에서 업그레이드를 테스트하고, 문제를 보고/해결한 후 프로덕션 환경을 업데이트하세요.

테스트되지 않은 변경 사항을 프로덕션 환경에 직접 적용하는 것은 일반적으로 좋지 않은 생각입니다.

우리는 호환성을 제공하기 위해 최선을 다하고 있으며, 매월 첫 5일에 집중하고 있습니다. 그러나 우리는 경고 없이 변경 사항을 적용하는 입장이므로, 나머지 달 동안은 Discourse를 업데이트할 때 위험을 감수해야 합니다. 그리고 안전한 환경에서 업그레이드를 꼭 테스트해 주세요!

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [5월 24, 2020, 9:05오전 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1039 "2020-05-24T09:05:29Z")

</div>

수정: 댓글이 [Problems with thumbnails from Soundcloud and YouTube oneboxes](https://meta.discourse.org/t/problems-with-thumbnails-from-soundcloud-and-youtube-oneboxes/152511) 로 이동되었습니다.

[이전 페이지](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=4)

[다음 페이지](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=6)
