FastComments.com

Add Comments to Your Astro Site


์ด๊ฒƒ์€ FastComments์šฉ ๊ณต์‹ Astro ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.

Astro์šฉ FastComments ๋Œ“๊ธ€ ์œ„์ ฏ

์ €์žฅ์†Œ

GitHub์—์„œ ๋ณด๊ธฐ


๋ผ์ด๋ธŒ ์‡ผ์ผ€์ด์Šค Internal Link

๊ณต์šฉ demo ํ…Œ๋„ŒํŠธ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ๋กœ์ปฌ์—์„œ ๋ชจ๋“  ์œ„์ ฏ๊ณผ ํ”Œ๋กœ์šฐ๊ฐ€ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์„ ๋ณด๋ ค๋ฉด, ์ €์žฅ์†Œ๋ฅผ ํด๋ก ํ•˜๊ณ  ๋‹ค์Œ์„ ์‹คํ–‰ํ•˜์„ธ์š”:

cd example
npm install
npm run dev

๊ฐ ์ปดํฌ๋„ŒํŠธ๋Š” example/src/pages/ ์•„๋ž˜์— ์ž์ฒด ํŽ˜์ด์ง€๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์œผ๋ฉฐ, ์ด ํŽ˜์ด์ง€๋“ค์„ ๊ทธ๋Œ€๋กœ ๋ณต์‚ฌํ•˜์—ฌ ์ž์‹ ์˜ Astro ์‚ฌ์ดํŠธ์— ๋„ฃ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ค์น˜ Internal Link

npm install fastcomments-astro

๋น ๋ฅธ ์‹œ์ž‘ Internal Link

---
import { FastComments } from 'fastcomments-astro';
---

<FastComments tenantId="demo" />

"demo"๋ฅผ FastComments ํ…Œ๋„ŒํŠธ ID๋กœ ๊ต์ฒดํ•˜์„ธ์š”.

์ปดํฌ๋„ŒํŠธ Internal Link


๊ตฌ์„ฑ ์š”์†Œ ์„ค๋ช…
FastComments ๋‹ต๊ธ€๊ณผ ํˆฌํ‘œ ๋“ฑ ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ๋Œ“๊ธ€ ์œ„์ ฏ
FastCommentsCommentCount ํŽ˜์ด์ง€์˜ ๋Œ“๊ธ€ ์ˆ˜ ํ‘œ์‹œ
FastCommentsImageChat ์ด๋ฏธ์ง€ ์ฃผ์„ ๋Œ“๊ธ€
FastCommentsLiveChat ๋ผ์ด๋ธŒ ์ฑ„ํŒ… ์œ„์ ฏ
FastCommentsCollabChat ํ˜‘์—… ์ธ๋ผ์ธ ๋Œ“๊ธ€
FastCommentsReviewsSummary ๋ณ„์  ๋ฆฌ๋ทฐ ์š”์•ฝ
FastCommentsUserActivityFeed ์‚ฌ์šฉ์ž ํ™œ๋™ ํ”ผ๋“œ

๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ๋Š” ํŒจํ‚ค์ง€ ๋ฃจํŠธ์—์„œ ๋‚ด๋ณด๋‚ด์ง‘๋‹ˆ๋‹ค:

---
import { FastComments, FastCommentsLiveChat } from 'fastcomments-astro';
---

์˜ˆ์ œ ํ”„๋กœ์ ํŠธ Internal Link


์ž‘๋™ํ•˜๋Š” ๋ฐ๋ชจ๋Š” example/ ๋””๋ ‰ํ„ฐ๋ฆฌ์— ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค:

cd example && npm install && npm run dev



์œ ์ง€๋ณด์ˆ˜ ์ƒํƒœ Internal Link

์ด ์ปดํฌ๋„ŒํŠธ๋“ค์€ ๋‹น์‚ฌ์˜ ํ•ต์‹ฌ VanillaJS ์ปดํฌ๋„ŒํŠธ๋“ค์„ ๊ฐ์‹ธ๋Š” ๋ž˜ํผ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ์ด ์ปดํฌ๋„ŒํŠธ๋“ค์„ ์ž๋™์œผ๋กœ ์—…๋ฐ์ดํŠธํ•  ์ˆ˜ ์žˆ์–ด์„œ(๋ฒ„๊ทธ ์ˆ˜์ •, ๊ธฐ๋Šฅ ์ถ”๊ฐ€) ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋‹น๋ถ„๊ฐ„ ๋ฐฐํฌ๋˜์ง€ ์•Š๋”๋ผ๋„ FastComments๊ฐ€ ํ™œ๋ฐœํžˆ ๊ฐœ๋ฐœ๋˜๊ณ  ์žˆ์ง€ ์•Š๋‹ค๋Š” ์˜๋ฏธ๋Š” ์•„๋‹™๋‹ˆ๋‹ค! ์—…๋ฐ์ดํŠธ๋Š” ์šฐ๋ฆฌ ๋ธ”๋กœ๊ทธ์—์„œ ํ™•์ธํ•˜์„ธ์š”. ์ค‘๋Œ€ํ•œ API ๋ณ€๊ฒฝ์ด๋‚˜ ๊ธฐ๋Šฅ์€ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋ฒ„์ „ ์—… ์—†์ด ๊ธฐ๋ฐ˜ ํ•ต์‹ฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ ˆ๋Œ€ ๋ฐ˜์˜๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋„์›€์ด ํ•„์š”ํ•˜์‹ ๊ฐ€์š”?

Astro ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ์ค‘ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜ ์งˆ๋ฌธ์ด ์žˆ์œผ์‹œ๋ฉด, ๋‹ค์Œ์„ ์ด์šฉํ•ด ์ฃผ์„ธ์š”:

๊ธฐ์—ฌ

๊ธฐ์—ฌ๋Š” ์–ธ์ œ๋‚˜ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค! ๊ธฐ์—ฌ ์ง€์นจ์€ GitHub ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋ฅผ ๋ฐฉ๋ฌธํ•ด ํ™•์ธํ•˜์„ธ์š”.