Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Add a custom social media preview image to the repository

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

Maintainer thường phản hồi trong vòng 1 ngày

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

Đánh giá

Độ khó
2/5
Thời gian dự kiến
Nửa ngày
Mức phù hợp với người mới
62/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
Lĩnh vực
design

Hướng nghiên cứu

Bắt đầu với các tài nguyên thiết kế hoạt ảnh hero trong website/hero-animation/ và src/assets/logo.png; kiểm tra xem việc đổi màu logo được đề xuất trong #853 đã được đưa vào chưa trước khi tạo hình ảnh. Tạo bản xem trước 1280×640 bằng cách sử dụng wordmark, khẩu hiệu và màu sắc thương hiệu được chỉ định. Công việc được xem là hoàn tất khi hình ảnh được tạo từ các tài nguyên thương hiệu và tải lên trong phần cài đặt Social preview của repository.

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

Mô tả

Summary

The nostream repo has no custom social media preview image — GitHub renders the default (repo name on a plain background) when the repo is shared on Slack, X, Discord, Telegram, etc. Upload a custom one so link shares carry the project's branding.

Spec
  • Settings → General → Social preview → Upload an image
  • Size: at least 640×320 px; 1280×640 px (2:1) recommended by GitHub for best display
  • Content, consistent with the site's design language (--bg: #08080a dark ground, --pink: #ff2e88 accent):
    • The nostream logo/mark (note: #853 proposes recoloring it purple → pink; if that lands first, generate from the pink version)
    • The wordmark "nostream" and the tagline ("your relay, your rules")
  • Source it from the hero-animation design assets (website/hero-animation/, src/assets/logo.png) so it stays coherent with the site and can be regenerated, not a one-off export
  • Note the difference from #851: that one is the website's OG image (served by ema.tnsor.network via meta tags); this ticket is the GitHub repository's social preview (uploaded in repo settings, used when the repo URL itself is shared). They can share a source image but are distinct artifacts.
Acceptance
  • 1280×640 image generated from the brand assets
  • Uploaded in repo settings; sharing https://github.com/cameri/nostream on Slack/X/Discord shows the card
Ngôn ngữ chính
TypeScript
Star
829
Fork
234
Merge trung bình
22 giờ 43 phút
Pull request đã merge (30 ngày)
52

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 cameri/nostream

Tất cả issue của cameri/nostream

Issue tương tự

Thêm issue về TypeScript

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.