Bagaimana cara melihat halaman HTML di Github sebagai halaman HTML yang diberikan normal untuk melihat pratinjau di browser, tanpa mengunduh?

Di http://github.com, pengembang menyimpan file HTML, CSS, JavaScript, dan gambar proyek. Bagaimana saya bisa melihat output HTML di browser?

Misalnya ini: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

Ketika saya membuka ini tidak menunjukkan HTML yang diberikan dari kode penulis. Ini menunjukkan halaman sebagai kode sumber.

Apakah mungkin melihatnya secara langsung sebagai HTML? Kalau tidak, saya selalu perlu mengunduh seluruh ZIP hanya untuk melihat hasilnya.

Cara paling nyaman untuk melihat pratinjau file HTML di GitHub adalah dengan membuka https://htmlpreview.github.io/ atau hanya menambahkannya ke URL asli, yaitu: https://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html

Jika Anda tidak ingin mengunduh arsip, Anda dapat menggunakan Halaman GitHub untuk merender ini.

1. Fork repositori ke akun Anda.
2. Kloning secara lokal di mesin Anda
3. Buat gh-pagescabang (jika ada, hapus dan buat cabang baru master).
4. Dorong kembali cabang ke GitHub.
5. Lihat halaman di `http://username.github.io/repo

Dalam kode:

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

Anda dapat menggunakan RawGit :
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Ini berfungsi lebih baik (pada saat penulisan ini) daripada http://htmlpreview.github.com/ , melayani file dengan header Tipe Konten yang tepat. Selain itu, ia juga menyediakan URL CDN untuk digunakan dalam produksi.

Ini sangat mudah dilakukan dengan halaman github , hanya sedikit aneh saat pertama kali Anda melakukannya. Agak seperti pertama kali Anda harus menyulap 3 anak kucing sambil belajar merajut. (OK, tidak terlalu buruk)

Anda membutuhkan cabang gh-halaman:

Pada dasarnya github.com mencari cabang gh-halaman dari repositori. Ini akan melayani semua halaman HTML yang ditemukan di sini sebagai HTML normal langsung ke browser.

Bagaimana cara mendapatkan cabang gh-halaman ini?

Mudah. Cukup buat cabang repo github Anda yang disebut gh-pages. Tentukan --orphanketika Anda membuat cabang ini, karena Anda sebenarnya tidak ingin menggabungkan cabang ini kembali ke cabang github Anda, Anda hanya ingin cabang yang berisi sumber daya HTML Anda.

$ git checkout --orphan gh-pages

Bagaimana dengan semua omong kosong lain di repo saya, bagaimana itu cocok untuk itu?

Nah, Anda bisa langsung saja menghapusnya. Dan aman untuk dilakukan sekarang, karena Anda telah memperhatikan dan membuat cabang yatim yang tidak dapat digabungkan kembali ke cabang utama Anda dan menghapus semua kode Anda.

Saya sudah membuat cabang, sekarang bagaimana?

Anda perlu mendorong cabang ini ke github.com, sehingga otomasi mereka dapat memulai dan mulai menghosting halaman ini untuk Anda.

git push -u origin gh-pages

Tapi .. HTML saya masih belum ditayangkan!

Butuh beberapa menit bagi github untuk mengindeks cabang-cabang ini dan menjalankan infrastruktur yang diperlukan untuk menyajikan konten. Hingga 10 menit menurut github.

Langkah-langkahnya ditata oleh github.com

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

Saya membaca semua komentar dan berpikir bahwa GitHub mempersulit pengguna biasa untuk membuat halaman GitHub sampai saya mengunjungi Halaman tema GitHub di mana disebutkan dengan jelas bahwa ada bagian "Halaman GitHub" di bawah pengaturan Halaman dari repo yang bersangkutan di mana Anda dapat pilih opsi "gunakan cabang master untuk Halaman GitHub." dan voila !! ... checkout repo tertentu itu di https://username.github.io/reponame

Juga, jika Anda menggunakan Tampermonkey, Anda dapat menambahkan skrip yang akan menambahkan preview with http://htmlpreview.github.com/tombol ke menu tindakan di samping tombol 'mentah', 'salahkan' dan 'riwayat'.

Script seperti ini: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

Anda dapat melihat pratinjau kode HTML dengan menggunakan ekstensi Chrome berikut - Run Selected HTML, cukup mudah digunakan.

Jika Anda ingin select all the codedalam mode baca GitHub, itu juga cukup sederhana, pertama-tama gerakkan kursor mouse ke braket awal <html>di bagian atas, kemudian tahan Shifttombol, dan kemudian gerakkan kursor braket akhir </html>di bagian bawah.

Jalankan HTML yang Dipilih - Toko Web Chrome

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

Langkah 1 : Dalam mode baca, pilih semua badan kode html.

Langkah 2 : Klik kanan mouse "Jalankan Seleted HTML", maka Anda dapat melihat hasil yang diberikan di tab baru.

Hasil yang berjalan:

Sekarang, ini adalah jawaban yang sudah kadaluwarsa (Karena ekstensi "Ubah Tipe-Jenis Konten" tidak berfungsi seperti yang diharapkan.).

Solusi ini hanya untuk browser chrome. Saya tidak yakin tentang browser lain.

1. Tambahkan ekstensi "Ubah Opsi Jenis Konten" di browser chrome.
2. Buka "chrome-extension: //jnfofbopfpaoeojgieggflbpcblhfhka/options.html" url di browser.
3. Tambahkan aturan untuk url file mentah. Sebagai contoh:
   • Filter URL: https: ///raw/master//fileName.html
   • Jenis Asli: teks / polos
   • Jenis Pengganti: teks / html
4. Buka browser file yang Anda tambahkan url dalam aturan (dalam langkah 3).

Ini bukan jawaban langsung, tetapi saya pikir ini adalah alternatif yang cukup manis.

http://www.s3auth.com/

Ini memungkinkan Anda untuk meng-host halaman Anda di belakang auth dasar. Bagus untuk hal-hal seperti api docs di repo github pribadi Anda. hanya iklan s3 dimasukkan sebagai bagian dari membangun api Anda.

Anda bisa menyalakan Halaman Github. ^ _ ^

Klik pada "Pengaturan", daripada pergi ke "Halaman GitHub" dan klik pada dropdown di bawah "Sumber" dan pilih cabang yang ingin Anda publikasikan (di mana file html utama berada) aaaand vualaa. ^ _ ^