세 번째 이전, 이번에도 니치 포럼(폭스바겐 캠퍼스 밴)으로

포럼은 오래되었고, 사용자들은 외부 이미지 호스팅에 의존하고 있었습니다. 포럼에서 이미지를 정말 많이 사용했습니다. 30만 개의 게시물 중 4만 개 이상이 최소 1개의 이미지를 포함하고 있었고, 종종 그보다 훨씬 더 많았습니다. 심지어 150개의 이미지를 포함한 게시물도 본 적이 있습니다(!).

오래된 이미지 호스팅 서비스가 이제 종료되었기 때문에, 포럼 이미지의 대부분(아마도… 95%?)이 깨진 상태입니다. ad vitam (재미있는 사실: 오래된 이미지 중 5%가 남아 있더라도, Discourse에 업로드된 후에도 여전히 10GB의 디스크 공간을 차지합니다…). 이로 인해 오래된 주제에 깨진 이미지 아이콘이 많이 표시됩니다:

이 아이콘들을 사용자 지정 이미지로 교체했습니다:

이미지에는 "Oops! Image not found"라고 적혀 있습니다. 사용자 지정 이미지는 포럼에 약간의 개성을 부여하며, unicyclist.com의 사용자 지정 로딩 스피너와 비슷한 느낌입니다.

// 잘못된 이미지 아이콘을 사용자 지정 아이콘으로 대체 :
.broken-image {
    display: block;
    width: 227px;
    height: 51px;
    margin: 10px 0;
    background: url($broken-image);
    border: none;
    svg {
        display: none;
    }
}

사용자 지정이 매우 쉽습니다 :+1:

10개의 좋아요