Tumblr blogumda renk kodlu Python parçacıklarını nasıl gösterebilirim


Yanıtlar:


14

Çok fazla varsa google code-prettify için gidin derim .

Yapmanız gereken tek şey, bazı javascript, css eklemektir ve sonra bitirdiniz.

Bazı örnekleri kontrol edin , işte kurulum:

  1. Bir dağıtım indirin
  2. Komut dosyasını ve stil sayfalarını belgenize ekleyin (css ve js dosyasının sunucunuzda olduğundan emin olmanız ve komut dosyası ve link etiketindeki yolları ayarlamanız gerekir)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Belgenizin gövde etiketine "onload =" prettyPrint () "ekleyin.
  4. Tercih ettiğiniz boyamayı elde etmek için stil sayfasını değiştirin

Bu yöntemde yaşadığım tek sorun, codeetiketlerinizi belirli bir etiketle işaretlemenizi beklemektir class, Markdown sözdizimini kullanıyorsanız, bu hiç hoş değil. Neyse ki, sayfa yükleme sırasında JS kullanarak yapmak için bir sorun değil.
Mladen Jablanović

8

Hilite.me kullanabilirsiniz

hilite.me , kod snippet'lerinizi blog'lara , e-postalara ve web sitelerine kolayca gömülebilen oldukça basılı HTML biçimine dönüştürür.
Sadece kaynak kodunu sol bölmeye kopyalayın, dili ve renk şemasını seçin ve “Vurgula!” Seçeneğini tıklayın. Sağ bölmeden gelen HTML şimdi blogunuza veya e-postanıza yapıştırılabilir, harici CSS veya Javascript dosyaları gerekmez.

7

Bunu yapmak için Github'ın özünü kullanıyorum . İçine yapıştırın ve özü oluşturun ve sonra onları tumblr dahil olmak üzere herhangi bir web sayfasına gömün.


Burada bir sorun var, JS'nin ihtiyacı var, eğer bir kullanıcı aktif hale getirmediyse veya bir kullanıcı bir arama botuysa, kodunuz görünmez kalır.
Mladen Jablanović

Keşke bunu birden fazla kez oylayabilseydim. @ MladenJablanović Bugünlerde web sitenizin çoğunu JavaScript kullanmadan kullanamazsınız. Bunun gerçekten bir sorun olmadığını düşünüyorum.
Octavian A. Damiean,

Bunun nasıl yapılacağı hakkında daha fazla ayrıntı verebilir misiniz? Ben sadece denedim ve özü embed'i scriptelementler olarak oluşturuyor - HTML modunu kullanıyor olsanız bile, Tumblr bunlardan kaçıyor. Herhangi bir fikir?
cottsak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.