Làm cách nào để xem trang HTML trên Github dưới dạng trang HTML được hiển thị bình thường để xem bản xem trước trong trình duyệt mà không cần tải xuống?

Trên http://github.com nhà phát triển giữ các tệp HTML, CSS, JavaScript và hình ảnh của dự án. Làm cách nào tôi có thể thấy đầu ra HTML trong trình duyệt?

Ví dụ này: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

Khi tôi mở nó, nó không hiển thị HTML kết xuất của mã tác giả. Nó hiển thị trang dưới dạng mã nguồn.

Có thể xem nó như là kết xuất HTML trực tiếp? Nếu không, tôi luôn cần phải tải xuống toàn bộ ZIP chỉ để xem kết quả.

Cách thoải mái nhất để xem trước các tệp HTML trên GitHub là truy cập https://htmlpreview.github.io/ hoặc chỉ cần thêm nó vào URL gốc, tức là: https://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html

Nếu bạn không muốn tải xuống một kho lưu trữ, bạn có thể sử dụng Trang GitHub để hiển thị trang này.

1. Ngã ba kho lưu trữ vào tài khoản của bạn.
2. Sao chép nó cục bộ trên máy của bạn
3. Tạo một gh-pagesnhánh (nếu một cái đã tồn tại, loại bỏ nó và tạo một cái mới dựa trên master).
4. Đẩy nhánh trở lại GitHub.
5. Xem các trang tại `http://username.github.io/repo

Trong mã:

git clone git@github.com:username/repo.git
cd repo
git branch gh-pages
# Might need to do this first: git branch -D gh-pages
git push -u origin gh-pages # Push the new branch back to github
Go to http://username.github.io/repo

Bạn có thể sử dụng RawGit :
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Nó hoạt động tốt hơn (tại thời điểm viết bài này) so với http://htmlpreview.github.com/ , phục vụ các tệp có tiêu đề Kiểu nội dung phù hợp. Ngoài ra, nó cũng cung cấp URL CDN để sử dụng trong sản xuất.

Nó thực sự dễ thực hiện với các trang github , lần đầu tiên bạn làm nó hơi lạ một chút. Sắp xếp giống như lần đầu tiên bạn phải tung hứng 3 chú mèo con trong khi học đan. (OK, nó không tệ lắm đâu)

Bạn cần một nhánh gh-page:

Về cơ bản github.com tìm kiếm một nhánh gh-page của kho lưu trữ. Nó sẽ phục vụ tất cả các trang HTML mà nó tìm thấy ở đây dưới dạng HTML bình thường trực tiếp đến trình duyệt.

Làm thế nào để tôi có được chi nhánh gh-page này?

Dễ dàng. Chỉ cần tạo một nhánh của repo github của bạn được gọi làgh-pages . Chỉ định --orphankhi bạn tạo chi nhánh này, vì bạn thực sự không muốn hợp nhất chi nhánh này lại vào chi nhánh github của mình, bạn chỉ muốn một chi nhánh chứa tài nguyên HTML của mình.

$ git checkout --orphan gh-pages

Thế còn tất cả các gunk khác trong repo của tôi, làm thế nào mà nó phù hợp với nó?

Không, bạn có thể tiếp tục và xóa nó. Và bây giờ an toàn vì bạn đã chú ý và tạo một chi nhánh mồ côi không thể sáp nhập trở lại vào chi nhánh chính của bạn và xóa tất cả mã của bạn.

Tôi đã tạo chi nhánh, bây giờ thì sao?

Bạn cần đẩy chi nhánh này lên github.com, để tự động hóa của họ có thể khởi động và bắt đầu lưu trữ các trang này cho bạn.

git push -u origin gh-pages

Nhưng .. HTML của tôi vẫn chưa được phục vụ!

Phải mất vài phút để github lập chỉ mục các nhánh này và kích hoạt cơ sở hạ tầng cần thiết để phục vụ nội dung. Lên đến 10 phút theo github.

Các bước được trình bày bởi github.com

https://help.github.com/articles/creating-project-pages-maningly

Tôi đã đọc tất cả các bình luận và nghĩ rằng GitHub đã gây khó khăn cho người dùng bình thường khi tạo các trang GitHub cho đến khi tôi truy cập Trang chủ đề GitHub trong đó có đề cập rõ ràng rằng có một phần "Trang GitHub" trong cài đặt Trang của repo có liên quan nơi bạn có thể chọn tùy chọn "sử dụng nhánh chính cho Trang GitHub." và voilà !! ... kiểm tra repo cụ thể đó trên https://username.github.io/reponame

Ngoài ra, nếu bạn sử dụng Tampermonkey, bạn có thể thêm một tập lệnh sẽ thêm preview with http://htmlpreview.github.com/ nút vào menu hành động bên cạnh các nút 'thô', 'đổ lỗi' và 'lịch sử'.

Kịch bản như thế này: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

Bạn có thể xem trước mã HTML bằng cách sử dụng tiện ích mở rộng Chrome - Run Selected HTMLsử dụng khá đơn giản.

Nếu bạn muốn select all the codeở chế độ đọc của GitHub, điều này cũng khá đơn giản, trước tiên hãy di chuyển con trỏ chuột đến dấu ngoặc bắt đầu <html>ở trên cùng, sau đó giữ Shiftphím và tiếp theo di chuyển con trỏ vào dấu ngoặc kết thúc của</html> ở phía dưới.

Chạy HTML đã chọn - Cửa hàng Chrome trực tuyến

https://chrom.google.com.vn/webstore/detail/run-selected-html/eefflcdphpehljcadbmkdpopmbamfefl/

Bước 1 : Trong chế độ đọc, chọn tất cả phần thân của mã html.

Bước 2 : Nhấp chuột phải vào "Chạy HTML đã chọn", sau đó bạn có thể thấy kết quả được hiển thị trong tab mới.

Kết quả chạy:

Bây giờ, đây là câu trả lời lỗi thời (Bởi vì tiện ích mở rộng "Sửa đổi tùy chọn loại nội dung" không hoạt động như mong đợi.).

Giải pháp này chỉ dành cho trình duyệt chrome. Tôi không chắc chắn về trình duyệt khác.

1. Thêm tiện ích mở rộng "Sửa đổi tùy chọn loại nội dung" trong trình duyệt chrome.
2. Mở url "chrome-extension: //jnfofbopfpaoeojgieggflbpcblhfhka/options.html" trong trình duyệt.
3. Thêm quy tắc cho url tệp thô. Ví dụ:
   • Bộ lọc URL: https: ///raw/master//fileName.html
   • Loại gốc: văn bản / đơn giản
   • Loại thay thế: văn bản / html
4. Mở trình duyệt tệp mà bạn đã thêm url theo quy tắc (trong bước 3).

Đây không phải là một câu trả lời trực tiếp, nhưng tôi nghĩ rằng nó là một thay thế khá ngọt ngào.

http://www.s3auth.com/

Nó cho phép bạn lưu trữ các trang của bạn đằng sau auth cơ bản. Tuyệt vời cho những thứ như tài liệu api trong repo github riêng tư của bạn. chỉ cần quảng cáo một s3 là một phần của bản dựng api của bạn.

Bạn chỉ có thể bật trang Github. ^ _ ^

Nhấp vào "Cài đặt", hơn là vào "Trang GitHub" và nhấp vào thả xuống bên dưới "Nguồn" và chọn nhánh mà bạn muốn công khai (nơi đặt tệp html chính) aaaand v mộnga. ^ _ ^