Repolode
jiuyang5354

jiuyang5354/bilibili-margin

기본 플레이어는 유지하면서 Bilibili 홈, 검색, 동영상 및 읽기 페이지의 디자인을 바꾸는 Chrome/Edge/Firefox 확장 프로그램입니다.

스타
567
포크
39
열린 이슈
16
마지막 커밋
19시간 전

어떤 프로젝트인가요?

MARGIN(映间)은 중국 동영상 플랫폼 Bilibili용 오픈소스 브라우저 확장 프로그램입니다. 편집 디자인에서 영감을 얻은 타이포그래피와 리퀴드 글래스 스타일 컨트롤을 적용하고, 라이트·다크·시스템 테마를 선택할 수 있도록 홈, 검색 결과, 동영상 페이지와 읽기 페이지의 레이아웃을 새롭게 구성합니다.

동영상 페이지에서는 Bilibili 기본 플레이어와 탄막, 댓글, 화질 설정을 그대로 유지하면서 제목, 업로더 카드, 에피소드 목록과 추천 영상을 재배치합니다. 추천 및 검색 필터, 즐겨찾기 서랍, 나중에 볼 목록, 호버 미리보기, 명령 팔레트, 처음 연 시각과 시청 시간을 기록하는 로컬 활동 히트맵도 제공합니다.

설정, 활동 기록과 사용자 지정 배경은 로컬에 저장되며 JSON으로 내보낼 수 있습니다. 날씨 카드는 서드파티 IP 위치 확인 서비스와 Open-Meteo 예보를 사용하며, 이 서비스에 IP 또는 좌표 데이터가 전달됩니다. 확장 프로그램은 Edge, Chrome 및 Firefox 140 이상을 지원하며 TypeScript와 Manifest V3로 제작되었습니다.

핵심 기능

  • 01기본 플레이어는 유지하면서 홈, 검색, 동영상 및 읽기 페이지의 레이아웃을 새롭게 구성합니다.
  • 02키워드, 업로더, 재생 수와 재생 시간으로 추천 및 검색 결과를 필터링합니다.
  • 03글래스 스타일의 즐겨찾기 서랍과 나중에 볼 목록을 제공합니다.
  • 04로컬 기록을 바탕으로 연도별·월별 활동 히트맵을 표시합니다.
  • 05애니메이션 배경 13종과 사용자 지정 이미지를 지원하며, 라이트·다크·시스템 테마를 제공합니다.
  • 06설정과 활동 기록을 JSON으로 내보내고 가져올 수 있습니다.

활용 사례

  • 더 깔끔하고 덜 복잡한 인터페이스로 매일 Bilibili를 둘러볼 때.
  • 특정 유형의 동영상을 찾기 위해 검색 결과와 추천 영상을 필터링할 때.
  • 로컬 활동 히트맵으로 자신의 시청 습관을 살펴볼 때.

빠른 시작

  1. 1

    최신 릴리스에서 margin.zip을 다운로드한 뒤 지정된 폴더에 압축을 풉니다

  2. 2

    edge://extensions 또는 chrome://extensions를 열고 개발자 모드를 사용 설정합니다

  3. 3

    압축해제된 확장 프로그램을 로드하기를 클릭하고 manifest.json이 있는 폴더를 선택합니다

  4. 4

    Bilibili를 열거나 새로고침합니다

사용 전 알아둘 점

  • zip 파일에서 Firefox에 설치한 확장 프로그램은 임시 설치로, Firefox를 다시 시작하면 삭제됩니다.
  • Safari는 지원되지 않습니다.
  • 수동으로 로드한 버전은 직접 업데이트해야 합니다.
  • 날씨 기능을 사용하면 IP, 도시 또는 좌표 데이터가 타사 서비스로 전송됩니다.

포함된 컬렉션

토픽

자주 묻는 질문

bilibili-margin은(는) 무엇인가요?
기본 플레이어는 유지하면서 Bilibili 홈, 검색, 동영상 및 읽기 페이지의 디자인을 바꾸는 Chrome/Edge/Firefox 확장 프로그램입니다. MARGIN(映间)은 중국 동영상 플랫폼 Bilibili용 오픈소스 브라우저 확장 프로그램입니다. 편집 디자인에서 영감을 얻은 타이포그래피와 리퀴드 글래스 스타일 컨트롤을 적용하고, 라이트·다크·시스템 테마를 선택할 수 있도록 홈, 검색 결과, 동영상 페이지와 읽기 페이지의 레이아웃을 새롭게 구성합니다.
bilibili-margin은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
bilibili-margin은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
bilibili-margin은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. bilibili-margin의 마지막 커밋은 2026년 11월 6일입니다.
bilibili-margin은(는) 어디에 사용할 수 있나요?
더 깔끔하고 덜 복잡한 인터페이스로 매일 Bilibili를 둘러볼 때. 특정 유형의 동영상을 찾기 위해 검색 결과와 추천 영상을 필터링할 때. 로컬 활동 히트맵으로 자신의 시청 습관을 살펴볼 때.
bilibili-margin는 어떻게 설치하나요?
최신 릴리스에서 margin.zip을 다운로드한 뒤 지정된 폴더에 압축을 풉니다 edge://extensions 또는 chrome://extensions를 열고 개발자 모드를 사용 설정합니다 압축해제된 확장 프로그램을 로드하기를 클릭하고 manifest.json이 있는 폴더를 선택합니다 Bilibili를 열거나 새로고침합니다
bilibili-margin은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/jiuyang5354/bilibili-margin

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트