발화로 11ty 블로그에 댓글 추가

얼마 전에 정적 블로그에 댓글 섹션을 추가하는 방법을 찾고 있었는데 이 주제에 대해 모든 인터넷 검색 결과입니다 💪🏻

메뉴에 무엇이 있습니까

Disqus

내가 조사한 첫 번째 솔루션은 Disqus 이지만 곧 사용하지 않기로 결정했습니다. 거대한 커뮤니티가 있는 유효한 소프트웨어이지만 (적어도 나에게는) 몇 가지 눈에 띄는 결함이 있기 때문입니다.

기본 플랜은 광고와 함께 제공됩니다

사용자를 추적합니다

.

익명 댓글이 꺼져 있으면 Disqus 계정을 만들어야 합니다(자세한 내용은 나중에 설명)

.

필요에 비해 너무 복잡함

Jamstack 댓글 엔진

Jamstack Comments Engine "... Jamstack 사이트에서 댓글을 구현할 수 있는 방법의 예입니다."

좋아, 이것은 "정적 블로그 댓글"을 검색할 때 나타나는 첫 번째 검색 결과는 아니지만 개발자 관점에서 볼 때 매우 현명한 접근 방식이기 때문에 그것을 발견하고 고려했습니다.

여기에서 제안된 솔루션은 Netlify Forms과 해당 Submission API의 조합으로 구성되어 댓글이 게시될 때마다 중재자가 승인한 후 새로운 웹 빌드를 트리거합니다. 새 댓글이 들어올 때마다 Slack에서 알림을 받는 Lambda 함수를 생성하는 방법을 추가로 설명합니다.

나는 이 접근 방식이 매우 흥미롭다는 것을 알았지만 여전히 하루 일과가 있었고 문서화가 잘 되어 있지만 다소 긴 프로세스를 시작하고 싶지 않았습니다.

발화

댓글 기능을 포기한 후(아무도 2개월 된 내 블로그를 읽지 않음) 우연히 utterances을 발견했는데 그 단순함에 마음이 사로잡혔습니다. 빌드 시간을 포함하여 이 블로그에 추가하는 데 10분이 걸렸습니다.

발화 홈페이지에서 댓글 섹션이 표시되는 방식입니다.

특전

해당 페이지에서 바로:

그것은 open source

사용자를 추적하지 않습니다

.

광고 없음 👏🏻

모든 댓글 데이터가 GitHub 문제에 저장됨

가볍다

어떻게 작동합니까?

우선, GitHub 문제를 사용하여 게시물 제목을 기반으로 댓글을 추적합니다. 블로그 게시물에 처음 댓글을 단 사람은 관련 문제 생성을 트리거하고 동일한 게시물에 대한 향후 댓글은 해당 문제로 끝납니다.

똑똑하죠? 🔮

유일한 요구 사항은 앱에 연결된 저장소가 공용이고 utterances app이 설치되어 있어야 한다는 것입니다.

사용자는 기술/프로그래밍 블로그에 적합한 GitHub 계정을 사용하여 댓글을 남깁니다.

아, 그리고 블로그의 대부분의 색상 팔레트와 잘 어울리는 8가지 테마가 함께 제공됩니다!

그것을 설치하는 방법

그들의 페이지는 매우 간단합니다. 구성 단계(저장소 이름, 이슈에 대한 선택적 레이블, 선택한 테마 및 이슈 제목 형식!)를 따르기만 하면 블로그 템플릿에 추가할 스크립트 태그가 남습니다.

<script src="https://utteranc.es/client.js" repo="antoBit/antodev" issue-term="title" label="💬" theme="dark-blue" crossorigin="anonymous" async></script>

문제 레이블은 이모티콘을 지원합니다! 🎉

그런 다음 repo 속성에서 제공한 동일한 리포지토리에 utterances 앱을 설치하기만 하면 완료됩니다!

뻔뻔한 플러그

이 게시물이 유용하고 마음에 든다면 아래에 댓글을 남겨주세요. 나는 당신이 이것에 대해 어떻게 생각하는지 알고 싶습니다.

읽어 주셔서 감사합니다!