발행된 페이지에는 두 개의 링크가 “있습니다”.
스탠드얼론 페이지로 연결되는 /pub/:
토픽으로 연결되는 /t/:
말씀하신 대로 토픽 안에는 루프가 있습니다.
이를 방지하는 방법 중 하나는 다음을 사용하는 것입니다:
예를 들어, 토픽/발행된 페이지에 이렇게 작성할 수 있습니다:
[wrap=topic-link]토픽 링크: https://discourse.canapin.dev/t/published-page-with-own-topic-link/244[/wrap]
콘텐츠 🧑💻
CSS에는 이렇게 작성합니다:
article [data-wrap="topic-link"] {
display: none;
}
이제, 발행된 페이지와 토픽의 모습은 다음과 같습니다:
유일한 문제는 이 Discourse의 기본 규칙 때문에 토픽의 첫 번째 보이는 콘텐츠에 margin-top이 적용된다는 것입니다:
.cooked>*:first-child, .d-editor-preview>*:first-child {
margin-top: 0;
}
첫 번째 요소는 숨겨져 있지만, CSS에서는 여전히 첫 번째 요소로 감지됩니다. 물론 이를 우회할 수 있지만, 콘텐츠 구성 방식에 따라 달라집니다. 예를 들어, 토픽의 링크가 게시글의 첫 번째 콘텐츠가 아니라면 이 문제는 발생하지 않습니다.