Add link previews (Open Graph tags) for shared pages

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#39 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
80/100
Loại issue
Tính năng
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
html
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu trong templates/base.html: thêm một {% block meta %} trống bên trong <head> với các thẻ mặc định description, og:title, og:description, og:image và twitter:card. Sau đó, ghi đè khối đó trong templates/game.html bằng các trường title, description và cover image của đối tượng game, mà template trang hiện có đã render. Hoàn tất nghĩa là HTML được render cho một trang game mang các thẻ dành riêng cho game — xác nhận bằng cách xem source hoặc chạy một liên kết qua trình kiểm tra bản xem trước.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

frontend good first issue

When someone shares a GameVault link on LinkedIn, WhatsApp or Discord, it should show a title, description and image.

  • Add a {% block meta %} to templates/base.html with a default description, og:title, og:description, og:image and twitter:card
  • Override it in templates/game.html with the game's title, description and cover image
  • Test it with a link preview checker, or by sharing a link to yourself
Ngôn ngữ chính
CSS
Star
1
Fork
1
Merge trung bình
39 phút
Pull request đã merge (30 ngày)
6

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của NotADIM2/GameVault

Tất cả issue của NotADIM2/GameVault

Issue tương tự

Thêm issue về Web Dev

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.