Hướng dẫn thêm bình luận Giscus vào Ghost

Kiếm Tiền Từ Việc Xuất Bản - Biến Tri Thức Thành Tài Sản

Theo Dõi

Tiếp cận thị trường toàn cầu một cách hiệu quả và tạo ra lợi nhuận nhanh nhất từ việc xuất bản blog và bản tin điện tử newsletter với ghost.

Giscus là một app bình luận miễn phí với database được lưu ở tài khoản Github của bạn thay vì cơ sở dữ liệu của dịch vụ như các app bình luận khác.

Giscus liên kết với Github Discussion API để tạo bình luận cho site bạn.

Ưu điểm của Giscus là miễn phí, chống spam và khá đẹp. Khuyết điểm là không có tiếng Việt, bắt buộc phải có tài khoản Github để có thể bình luận.

Cách dùng Giscus như sau:

1. Tạo và cấu hình Github Repo

Đăng nhập vào tài khoản Github (hoặc tạo mới tài khoản Github) và tạo mới một public Repo (không dùng Private). Bạn đặt một cái tên dễ nhớ cho Github Repo này.

Sau đó, bạn cần cài đặt Giscus App cho Repo vừa mới tạo.

Trong phần setting, bật tính năng Discussion (mặc định nó sẽ tắt).

Hoàn tất ở Github.

2. Tạo code Giscus App tự động

Bạn vào Giscus.app để tạo, tại đây có công cũ sẵn để bạn tạo code.

Bạn cần điền "username/reponame". Username là username Github của bạn, reponame là tên Repo mà bạn đặt ở trên.

Tùy chỉnh giao diện và một số tính năng của Giscus như sau.

Chú ý, bạn nên chọn màu preference color vì nó sẽ dựa theo Darkmode (nếu có) của theme Ghost mà bạn dùng.

Bạn cũng có thể lựa chọn bật tắt widget reaction.

Cuối cùng, bạn tạo code và dán vào theme Ghost.

3. Bảo mật hệ thống bình luận Giscus của bạn

Rất quan trọng bước này, bạn cần đảm bảo Giscus chỉ hiển thị trên site bạn mà thôi. Vì script Giscus là client script nên dễ dàng bị đánh cắp.

Để tránh điều đó, bạn cần whitelist domain bạn dùng Giscus.

Bạn tạo mới file đặt tên là giscus.json, dán code bên dưới vào

{
  "origins": [
    "https://domaincuaban.com"
  ]
}

Thay domaincuaban.com thành domain bạn đang dùng chèn Giscus.

Xong, giờ đây Giscus chỉ tải bình luận trên domain chỉ định mà bạn khai báo ở trên.

4. Cài đặt thông báo khi có bình luận

Cái này hay hơn bình luận bằng Telegram cho Ghost vì có thể tạo được thông báo.

Hướng dẫn sử dụng Telegram làm hệ thống bình luận cho Ghost

Hướng dẫn sử dụng Telegram Comments để làm hệ thống bình luận cho Ghost.

ghostFamCường Trần

Bạn cài đặt ở Github Repo Setting, tại tab Notification, bạn điền email bạn dùng để nhận thông báo.

Mỗi khi có bình luận mới (bao gồm trả lời bình luận) bạn sẽ nhận được email thông báo đến bạn.

Trải nghiệm cá nhân khi dùng Giscus

Do bắt buộc phải có tài khoản Github để bình luận nên nó khá không phù hợp với đối tượng đọc giả phổ thông. Bù lại thì chống spam tốt.

Không có tiếng Việt sẽ làm site bạn không thân thiện với người Việt.

Không có giới hạn về hiển thị bình luận, điều này sẽ là vấn đề lớn về hiển thị và tốc độ tải nếu có nhiều bình luận trên trang.

Phụ thuộc vào Github Discussion API, Microsoft có thể thay đổi API bất cứ lúc nào họ cảm thấy bị "abuse" hoặc không cần thiết. Hi vọng là không xảy ra!

Giscus vẫn đang được cập nhật để hoàn thiện hơn, hi vọng sẽ cấu hình đa dạng hơn ở các bản cập nhật kế tiếp.

Giscus chỉ phù hợp cho blog cá nhân.

Lời kết...

Giscus có thể dùng cho mọi nền tảng, không riêng gì Ghost. Mỗi bình luận sẽ dựa vào slug của bài viết, vì vậy bạn không được đổi slug bài viết sẽ làm mất bình luận cũ.

Cuối cùng, bạn hãy xem demo ngay bên dưới nhé ↓.