Bagaimana saya bisa menampilkan cuplikan Python kode warna di blog Tumblr saya

21

Saya memiliki blog yang dikelola Tumblr , di mana saya memposting banyak posting yang berhubungan dengan Python. Bagaimana cara membuat cuplikan Python di posting saya menunjukkan kode warna?

tumblr Ram Rachum
sumber

Jawaban:

14

Jika Anda memiliki terlalu banyak, saya akan mengatakan pergi untuk google-code-prettify .

Yang harus Anda lakukan adalah memasukkan beberapa javascript, css dan kemudian Anda selesai.

Lihat beberapa contoh dan ini adalah pengaturannya:

  1. Unduh distribusi
  2. Sertakan skrip dan stylesheet dalam dokumen Anda (Anda harus memastikan file css dan js ada di server Anda, dan sesuaikan lintasan di skrip dan tag tautan)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Tambahkan onload = "prettyPrint ()" ke tag tubuh dokumen Anda.
  4. Ubah lembar gaya untuk mendapatkan pewarnaan yang Anda inginkan
Lipis
sumber
Satu-satunya masalah yang saya miliki dengan metode ini adalah ia mengharapkan Anda untuk menandai codetag Anda dengan spesifik class, yang tidak baik jika Anda menggunakan sintaks Markdown. Untungnya, itu tidak masalah untuk melakukannya menggunakan JS pada pemuatan halaman.
Mladen Jablanović
8

Anda dapat menggunakan hilite.me

hilite.me mengubah cuplikan kode Anda ke dalam format HTML yang tercetak cantik, mudah disematkan ke dalam posting blog, email, dan situs web.
Cukup salin kode sumber ke panel kiri, pilih bahasa dan skema warna, dan klik "Sorot!". HTML dari panel kanan sekarang dapat ditempelkan ke blog atau email Anda, tidak diperlukan file CSS atau Javascript eksternal.
chanchal1987
sumber
7

Saya menggunakan inti Github untuk melakukan ini. Rekatkan dan buat intisari dan Anda dapat menyematkannya di halaman web apa pun termasuk tumblr.

Marc
sumber
Ada masalah di sini, perlu JS jadi jika pengguna tidak mengaktifkannya, atau jika pengguna adalah bot pencarian, kode Anda tetap tidak terlihat.
Mladen Jablanović
Saya berharap saya dapat memperbaiki ini lebih dari satu kali. @ MladenJablanović Anda tidak dapat menggunakan sebagian besar web tanpa JavaScript saat ini. Saya pikir itu bukan masalah.
Octavian A. Damiean
Bisakah Anda memberikan detail lebih lanjut tentang cara melakukan ini? Saya baru saja mencobanya dan intinya membuat embed sebagai scriptelemen - Tumblr lolos, bahkan jika Anda menggunakan mode HTML. Ada ide?
cottsak