앱의 app.yml 파일에서 플러그인 섹션은 어떻게 되어 있나요? 올바른 플러그인을 사용하고 계신가요, 아니면 TC와 플러그인이 중복되어 있나요? 사이드카에는 정확한 브랜치를 사용하고 있는지 꼭 확인하세요.
1개의 좋아요
플러그인을 로컬에서 정상적으로 작동하도록 만들었습니다. 문제가 무엇이었는지 생각해보니, 말씀하신 대로 테마 컴포넌트부터 시작하고 나서 별도로 플러그인을 추가했던 것이 원인이었던 것 같습니다. 테마 컴포넌트를 제거하긴 했지만, 그 후로 서버를 재시작하지 않았던 것이 문제였습니다. 그래서 TC와 플러그인이 중복으로 작동했던 것으로 보입니다. 이제 플러그만만 남긴 상태에서는 오류 없이 잘 작동합니다.
즉, 토픽 메타를 편집하면 “썸네일 선택” 버튼을 볼 수 있습니다. 해당 모달에서 선택할 수 있는 이미지는 로컬에 추가된 이미지만 표시되는 것 같습니다. 웹에서 이미지를 가져와 토픽에 추가해도, 그 이미지는 선택 모달에 나타나지 않습니다. 맞습니까?
그렇게 되는 이유는 이해가 되지만, 문제는 미리보기 썸네일에 로컬로 추가된 이미지가 필요하다는 점입니다. 그러면 해당 이미지를 제 서버에 저장해야 한다는 뜻입니다. 토픽마다 새로운 잠재적 이미지가 추가될 수 있으므로, 이렇게 되면 비용이 많이 들 수 있습니다. 제 희망은 사람들이 링크를 추가할 수 있고, 그 웹 링크된 이미지가 토픽 미리보기의 썸네일로 사용되도록 하는 방법이 있을 것이라는 것이었습니다.
이를 우회하는 방법이 있을까요? 아니면 제 서버에 이미지를 호스팅하지 않고도 토픽 목록 미리보기 썸네일을 사용할 수 있는 방법이 있을까요?
3개의 좋아요
피할 수 없는 부분입니다. 이는 네이티브 디스커스(Discourse)의 기본 동작 방식입니다. 모든 이미지는 업로드되어야 합니다. 외부 업로드 위치를 설정할 수는 있지만, 여전히 인프라에서 원격으로 가져오는 것이 아니라 업로드되어야 합니다.
1개의 좋아요
감사합니다. 이해가 갑니다. 이미지에서 토픽 미리보기 썸네일로 사용되려면 실제로 그 토픽 내에 표시되어야 하는 것 같네요. 맞나요?
사용자가 토픽에 특정 썸네일을 원하지만, 토픽 본문에는 표시하고 싶지 않을 수 있다고 생각합니다.
지원되지 않습니다.
알겠습니다. 이 플러그인은 정말 유용합니다. 시간을 많이 절약할 수 있었어요!
2개의 좋아요
이 플러그인에 두 가지 버그를 발견했습니다.
-
내 디스커스 포럼 자체에 업로드된 이미지가 없는 주제(topic)의 경우, 다른 사이트나 CDN에서 가져온 SRC 링크가 포함된 이미지(링크 이미지)가 있어도 이 플러그인은 해당 이미지를 감지하지 못하며 주제 피드에서 링크된 이미지를 표시하지 않습니다. 피드에 이미지가 표시되려면 해당 이미지가 내 포럼 자체에 업로드되어 있어야 합니다. 첫 번째 게시글의 첫 번째 링크된 이미지를 주제 이미지로 감지하여 주제 피드에 표시해야 합니다. 제 포럼은 규모가 크지만 이미지 저장 공간이 부족하여 사용자 이미지를 외부 이미지 호스팅 CDN에 저장하고, 해당 CDN의 이미지 링크를 사용하여 포럼에서 이미지를 렌더링 및 미리보기로 표시하고 있습니다.
-
위의 문제를 해결하기 위해 랜덤 이미지 서비스를 사용해 보았습니다. 예를 들어 https://picsum.photos/ 또는 https://source.unsplash.com/random 같은 URL은 요청할 때마다 랜덤 이미지를 제공합니다. 이 URL을 기본 이미지 섬네일로 설정했지만, 이 플러그인은 동일한 이미지를 여러 번 반복해서 표시할 뿐 각 주제마다 고유한 이미지를 기본 이미지로 표시하지 않습니다.
그 결과 다음과 같이 보입니다. 요가를 하는 여성의 사진은 사용자가 우리 사이트에 업로드했기 때문에 표시되지만, 다른 주제들도 CDN을 통해 링크된 이미지를 가지고 있음에도 미리보기가 되지 않습니다. https://source.unsplash.com/random 또는 https://picsum.photos/200에서 동일한 이미지 하나만 미리보기로 표시됩니다.
디스커스 자체도 이미지를 외부 CDN에 업로드합니다. 예를 들어 https://global.discourse-cdn.com/meta/original/3X/6/4/64dff560b7c63a2c11c20374ec3427e2ac558437.png
따라서 이 플러그인은 외부 사이트의 이미지 CDN에 업로드되었지만 주제 내 첫 번째 게시글에 포함된 첫 번째 이미지인 원격 이미지를 읽고 감지하는 기능을 지원해야 합니다.
또한, 주제를 소셜 미디어에 공유할 때 오픈 그래프(Open Graph) 태그도 이미지를 감지하지 못하여 사진이 표시되지 않고 사이트 로고만 표시됩니다. 주제에 실제 관련 사진이 포함되어 있지만, 그것이 원격으로 링크된 사진일 뿐이기 때문입니다.
이 문제들을 어떻게 해결할 수 있을까요? URL에 랜덤 숫자를 추가하여 요청할 때마다 고유한 URL에 접근하게 만들어 각 주제마다 항상 고유한 이미지가 표시되도록 하는 방법이 있을까요?
여러분이 첫 번째 게시글의 첫 번째 이미지에서 외부 CDN의 링크된 이미지/SRC 이미지를 자동으로 감지하여 주제 이미지로 표시하고 홈페이지에 보여주는 기능을 활성화해 주시면 제 문제는 쉽게 해결될 것입니다.
도움을 주실 수 있는 분이 있을까요?
1개의 좋아요
이것은 무슨 뜻인가요? 모든 이미지를 단일 S3 프로바이더에 호스팅하고 지정된 CDN을 통해 액세스하고 있는 건가요?
여기에 나열된 서비스를 사용하고 계신가요? Configure an S3 compatible object storage provider for uploads
그렇지 않다면, 질문은 이 플러그인의 범위에서 다소 벗어납니다. Topic List Previews는 섬네일을 전달하기 위해 핵심 디스코urs 아키텍처를 활용합니다. 섬네일 생성에 사용되는 이미지는 반드시 로컬에 업로드되거나 사이트 설정에서 지정된 오프사이트 저장소에 업로드되어 있어야 합니다. 다른 소스는 지원되지 않습니다. 섬네일 생성 과정은 핵심 디스코urs 과정이며, 이 소스들에 대해서만 작동합니다.
기본 폴백 이미지는 물론 공개된 어디에나 둘 수 있지만, 이것이 유일한 예외입니다.
토픽의 공개 og 태그는 선택된 섬네일을 반영해야 합니다. 이것은 플러그인 기능이 아니라, 이 역시 핵심 디스코urs 기능입니다.
1개의 좋아요
로버트님,
빠른 답변 주셔서 감사합니다.
네, 좋습니다. 이미지가 외부 공개 사이트 호스팅되더라도 디스코어 코어(Plugin처럼)가 여전히 감지해야 합니다. 제가 디스코어 코어가 지원하길 바라는 것이 정확히 이것입니다. 이 기능을 어디에서 요청할 수 있을까요?
기본적으로 제 모든 토픽 이미지는 imgur, https://pixabay.com/ 및 기타 이미지를 무료로 사용할 수 있는 무료 사이트 등 다른 외부 공개 사이트에서 로드됩니다. 저는 오브젝트 스토리지를 사용하지 않습니다.
따라서 저장 비용을 절약하기 위해 제 디스코어 서버에 이미지를 업로드하지 않습니다.
제 이미지를 표시하기 위해 3자 무료 이미지 호스팅 사이트를 사용합니다. 설명드리겠습니다.
예를 들어 제 이 토픽 How Many Carbs on Keto? - How To Discuss 에서 볼 수 있듯이
예:
그 첫 번째 이미지는 실제로 imgur에서 로드됩니다. 출처를 확인하실 수 있습니다.
실제 이미지 URL은 Imgur: The magic of the Internet 입니다.
마찬가지로, 이 토픽 How to do Handstand yoga? - How To Discuss 에서
이미지는 실제로 이 URL에 호스팅되어 있으며, 제 토픽에서 출처를 확인하실 수 있습니다.
즉, 이러한 모든 경우에서 저는 두 가지 문제를 겪고 있습니다.
-
제 홈페이지 https://howtodiscuss.com/ 에서 현재 볼 수 있듯이, 모든 토픽에 이미지가 있음에도 불구하고 외부 이미지는 감지되지 않고 토픽 미리보기 플러그인에서 토픽 썸네일로 표시되지 않습니다. 하지만 이 이미지들을 감지하지 않습니다.
-
또한, Facebook, Twitter, LinkedIn 또는 Skype 등 소셜 미디어 사이트나 어디서든 제 토픽을 공유할 때마다 메타 OG 태그가 제 외부 이미지 src를 가져오지 않아 폴백으로 항상 실제 소셜 미리보기에 표시되어야 할 토픽 이미지 대신 제 사이트 로고를 토픽 공유 링크에 표시합니다.
예: Facebook 게시물에서 확인해 보십시오. 토픽에 실제로 토픽 사진이 있음에도 불구하고 항상 폴백으로 제 사이트 로고가 표시됩니다. 
문제를 확인하시려면 제 URL을 여기에 넣어 보실 수 있습니다. Social Share Preview of howtodiscuss.com - Social Share Preview – Check social media link previews
토픽은 이미지가 외부 공개 사이트에 있음에도 불구하고 항상 제 사이트 로고로 폴백됩니다. 저는 이 동작을 원하지 않습니다.
제 다른 친구도 Discourse와 이 토픽 목록 미리보기 플러그인을 사용하며 동일한 문제를 겪고 있습니다. @Bcat
이것을 어떻게 해결할 수 있을까요? 아마도 제 토픽 HTML에 외부 CDN 원격 이미지의 img src를 가진 강제 메타 OG 태그를 추가할 수 있을까요? 어떻게 해야 하나요? 그러면 소셜 미디어 사이트와 이 토픽 목록 미리보기 플러그인이 제 홈페이지에서 제 토픽 이미지를 감지하고 표시할 수 있을 것입니다.
제 각 토픽에 대해 토픽 OG 공개 태그를 수정하거나 오버라이드하여 해당 공개 이미지를 반드시 토픽 썸네일로 가져오도록 하는 방법을 알려주실 수 있을까요?
1개의 좋아요
썸네일 생성을 사용하려면 로컬 업로드 또는 Discourse의 네이티브 S3 통합 기능을 사용해야 합니다. 다른 소스는 지원되지 않습니다(오그 태그에 영향을 주지 않는 매우 표면적인 폴백 이미지는 제외).
이 문제를 Discourse 팀과 여기에서 논의하거나 Contribute > Feature 토픽을 시작할 수 있습니다.
2개의 좋아요
@merefield 업데이트 시간입니다! 
알려진 문제가 있나요?
2개의 좋아요
제가 겪은 문제는 없어요, Bart. 스테이징 서버 빌드 진행은 어때요? 
2개의 좋아요
마지막 업데이트 이후로 인덱스 페이지가 빈 화면으로 표시됩니다. 비공식 플러그인인 '토픽 목록 미리보기’에 문제가 있는 것 같습니다. 그래서 이 기능을 비활성화하니 정상적으로 동작합니다. 같은 문제를 겪고 계신 분이나 해결 방법을 아시는 분이 있을까요? 감사합니다.
2개의 좋아요
리포트 감사합니다. 어제 비슷한 문제가 발생한 Locations 플러그인을 수정했습니다. 확인해 보겠습니다.
1개의 좋아요
다시 빌드해서 수정 사항을 확인해 주시겠습니까?
2개의 좋아요
참고로 혼동을 방지하기 위해 말씀드리면, 이 수정 사항을 TC에도 적용했습니다: COMPATIBILITY: removed deprecated routes · merefield/discourse-tc-topic-list-previews@b8f1a78 · GitHub
3개의 좋아요
TC를 헬퍼 플러그인과 함께 사용하면서 업그레이드를 하려는 분들을 위한 참고 사항입니다. 업그레이드 전에 반드시 TC를 먼저 업데이트하세요. 제가 코어/플러그인을 업데이트했을 때 화면이 백화되고 다음과 같은 오류가 발생했습니다.
안전 모드로 진입하여 TC를 업데이트한 후 지금은 모든 것이 정상적으로 작동합니다!
2개의 좋아요
네, 좋은 조언이네요. 데이비드, 감사합니다.
3개의 좋아요
로브님, topic list tiles categories 설정에 해당 카테고리가 없는데도 스태프 카테고리에서 썸네일이 표시되는 걸 확인했습니다. 설정이 다른 제 모든 사이트에서 동일한 증상이 나타납니다. 이거 한계인가요, 아니면 버그인가요?
2개의 좋아요
재현이 안 됩니다. 5일 이후로 업데이트를 하셨나요?
2개의 좋아요