BeeBS 에 이미지를 올리는 방법

현재 BeeBS는 이미지/미디어 직접 업로드를 지원하지 않습니다.

저는 글 쓰다가 이미지나 동영상을 첨부하고 싶을때는 Cloudflare R2 를 이용한 개인 미디어 저장소를 이용합니다.

S3 와 호환되는 R2는 10GB/월 까지 무료고, egress 비용은 없습니다.
GetObject 가 월 1천만회까지 무료라서 개인이 이용하기엔 큰 무리 없어서요.

제가 간단히 쓰던 도구인데,
이미지를 드래그앤드롭 하거나 붙여넣기 해서 올리면 게시판에 맞는 사이즈의 webp 또는 jpeg/png 로 자동 리사이즈/압축해 줍니다.
동영상도 ffmpeg.wasm 으로 최적화해서 저장해줍니다.

BeeBS 사용자 분들도 그냥 간단하게 Cloudflare 계정만 있으면 설치할 수 있도록 만들어 봤습니다.

기본적으로 본인만 사용 가능하고요. Cloudflare Access 로 막혀있어서, 본인 Cloudflare 계정으로 로그인해야합니다.

개인 도메인이 있으시면 거기에 연결도 가능합니다. 저는 r2.xguru.net 이라고 붙여서 사용하고 있어요.
그 외에는 <worker>.<account>.workers.dev 형태의 주소가 만들어집니다. 개인 도메인과 동시에 운용 가능합니다.

다만 R2가 무료긴 한데, 신용카드가 등록되어 있어야만 동작합니다.
설치전 클라우드플레어에 신용카드 연결은 해주세요. (혹시나 용량을 10GB 이상, 월 1천만번 이상 쓰면 그때 비용이 발생합니다)
설치 단계에서도 R2 활성화를 먼저 요구합니다.

이름은 R2로 여기저기 쏠 수 있다고 해서 R2Beam 이고요. 인스톨러 포함 모든 코드는 공개 되어 있습니다.

동작 화면은 다음과 같습니다. 그냥 화면 이미지 드롭하면 자동으로 저장되고, 원본 및 게시판용 버전을 저장합니다.

그리고 나서 url 가져다 beebs 에 글 쓰기 할때 쓰시면 됩니다.

아래 이미지도 그렇게 올린 거에요. 요런 형식의 주소가 만들어집니다.

써보시고 필요한 기능 있으시면 말씀해 주세요.

댓글