1. Giscus
GitHub Discussions를 기반으로 댓글 저장
로그인: GitHub 계정 필요
장점: 완전 무료, 광고 없음, 커스터마이징 가능
단점: GitHub Discussions 사용 가능해야 함 (퍼블릭 저장소 필요)
2. Utterances
GitHub Issue를 댓글로 활용
매우 가볍고 빠름, 커스터마이징 가능
GitHub 저장소에 댓글 데이터 저장됨
3. Disqus
전통적인 댓글 시스템
이메일/소셜 로그인 가능
관리 UI 제공, 스팸 필터링 기능 있음
무료 플랜 가능하지만 광고 포함됨
적용 방식
HTML에 script 삽입 또는 React/Next.js 같은 프레임워크에서 컴포넌트로 불러오기 가능
별도 백엔드 필요 없음 (모두 클라이언트 사이드에서 작동)
개인 데이터 및 보안 주의
GitHub 기반 시스템은 로그인 필수이므로 익명 댓글은 어려울 수 있음
개인정보 보호가 중요한 경우 커스터마이징 가능 여부를 검토해야 함
???? 상세 설명
1. Giscus
댓글은 GitHub Discussions의 thread로 생성됨
GitHub 저장소의 Discussion 탭에서 직접 댓글 관리 가능
할 수 있는 관리 기능:
댓글 삭제
댓글 고정 (pinned)
이모지 반응 달기
댓글 숨기기 등
???? 단점: GitHub 권한이 있어야 관리 가능하고 UI가 다소 개발자 중심적임
2. Utterances
댓글은 GitHub Issue의 댓글로 저장
Issue 탭에서 댓글 관리
할 수 있는 것:
댓글 삭제, 수정
알림 설정 (Watch)
라벨링 기능도 일부 가능
3. Disqus
가장 사용자 친화적인 웹 기반 관리자 화면 제공
기능:
댓글 승인/삭제/숨김
사용자 차단
신고된 댓글 관리
스팸 필터 자동 적용
다국어 설정, 모더레이터 추가 가능
단점: 무료 버전에는 광고가 포함될 수 있음
4. Commento (https://commento.io/)
광고 없는 댓글 서비스
관리자 UI 제공
댓글 검토 후 승인 가능 (수동 승인 모드 등)
오픈소스 버전도 존재 → 본인이 직접 서버 운영 가능
✅ 결론
댓글 관리 기능이 풍부한 관리자 UI가 필요하다면:
Disqus 또는 Commento 추천
개발자 친화적인 GitHub 기반, 광고 없이 사용하려면:
Giscus 또는 Utterances
✅ 사이트 내 검색 기능 제공 가능한 무료 솔루
1. Algolia DocSearch (완전 무료, 단 문서 사이트에 한정)
정적 사이트용 무료 검색 위젯 제공
오픈소스 문서화 사이트라면 무료 사용 가능 (상업용은 유료)
✅ 예: GitHub Pages로 만든 기술 블로그, 문서 사이트에 적합
❗ 단, 일반 웹사이트나 포트폴리오에는 사용 불가
2. Pagefind (정적 사이트를 위한 클라이언트 기반 검색)
JavaScript로 작동하는 정적 사이트용 완전 무료 검색 솔루션
자체적으로 검색 인덱스를 생성해 GitHub Pages에서 작동 가능
✅ 설치하면 로컬 검색 기능을 제공 (Google 같은 외부 검색 필요 없음)
3. Lunr.js / Fuse.js (자체 검색 구현)
사이트의 콘텐츠를 JSON 형식으로 정리하고 JavaScript로 검색
백엔드 필요 없음, 완전 클라이언트 기반
예시:
const fuse = new Fuse(posts, { keys: ['title', 'content'] });
const result = fuse.search('검색어');
✅ 검색 기능을 완전히 내장 가능
댓글 ( 0)
댓글 남기기