2011-10-15 27 views
19

Tôi có kho lưu trữ trên github có tệp .css trong đó. Có cách nào để có github phục vụ tập tin này trong một cách mà tôi có thể tiêu thụ nó trong một trang web?Tham chiếu tệp .css trong github repo dưới dạng tệp định kiểu trong tệp .html

Nói cách khác, tôi muốn có thể tham khảo tệp nguồn này trực tiếp từ github, từ tệp HTML trên máy tính cục bộ của tôi hoặc miền trực tiếp. Một cái gì đó như:

<link rel="stylesheet" 
     type="text/css" 
     href="http://github.com/foouser/barproject/master/xenu-is-my-lover.css" 
/> 

Tôi đã thử bao gồm một <link> đến tập tin nguồn "thô" (http://raw.github.com...), nhưng github phục vụ của nó Content-Type như text/plain, và do đó, Chrome và FF không thêm nội dung của nó như là phong cách CSS đến trang — dữ liệu của tệp đang bị hủy và cảnh báo được hiển thị trong bảng điều khiển trình gỡ lỗi của trình duyệt.

+1

có thể trùng lặp của [Liên kết và thực thi tệp JavaScript bên ngoài được lưu trữ trên GitHub] (http://stackoverflow.com/questions/17341122/link-and-execute-external-javascript-file-hosted-on -github) –

Trả lời

17

GitHub repos không lưu trữ web, bạn nên đẩy nội dung đó lên dịch vụ được thiết kế đặc biệt để phân phát tệp, như pages.github.com.

53

Tìm thấy điều gì đó thực sự tuyệt vời. Bạn nhận liên kết thô dưới dạng: http://raw.github.com/...

Chỉ cần tìm nạp tệp từ rawgit.com (hoặc cdn.rawgit.com) thay vì raw.github.com và XONG!


UPDATE:

Bạn cũng có thể sử dụng raw.githack.com nếu bạn muốn phục vụ file nguyên gốc trực tiếp từ Bitbucket hoặc GitLab

+7

Nghĩ rằng đây là một troll cho đến khi nó hoạt động ... – SuperFamousGuy

+1

Chỉ cần những gì tôi cần để phục vụ loại MIME thích hợp! –

+8

Hãy nhớ rằng bạn không nên sử dụng [rawgithub] (http://rawgithub.com/) cho mã sản xuất. – ricksmt

2
  • Đầu tiên Visit RawGit như đề xuất trước đó
  • Tiếp theo sao chép fi của bạn le đường đi từ github vào RawGit hộp
  • RawGit sẽ tự động tạo ra hai refrences để trang web của bạn
  • Sự phát triển và sản xuất refrence
  • refrence vào liên kết phát triển trong trang web của bạn nếu bạn vẫn đang phát triển
  • tiết kiệm/tải lên sau đó tải lại trang web của bạn
  • nếu không có thay đổi nó có nghĩa là trình duyệt của bạn đã tiết kiệm được refrence cũ
  • rõ ràng dữ liệu trình duyệt của bạn sau đó tải lại
  • Hy vọng rằng sẽ giúp?
1

Bạn phải sử dụng RawGit, một phần của MaxCDN, phân phát tệp trực tiếp từ kho lưu trữ GitHub với tiêu đề loại nội dung chính xác. Hướng dẫn đầy đủ, click here

Các vấn đề liên quan