Tumblr markdown kullanarak gist snippet'lerini nasıl ekleyebilirim?


10

Tumblr'ın markdown desteğini kullanarak gönderiyorum. Ben gist snippet'lerini bağlantılar vb. Olarak gömmeyi denedim, ancak doğru kombinasyonu anlayamıyorum. Html kullanarak posta gönderirseniz, gist bağlantıları iyi çalışır. Markdown kullanmayı tercih ederim, bunu nasıl yapabilirim?

Örneklerle güncellendi

Hiçbir şey üretmeyen temel bir gömülü komut dosyası etiketi ile denedim.

<script src="https://gist.github.com/1256020.js?file=gistfile1.rb"></script>

Ben de komut dosyası etiketine bir referans ile denedim

[gist][1] 
.
.
.
[1][<script src="https://gist.github.com/1256020.js?file=gistfile1.rb"></script>]

Ayrıca köprüyü yerleştirmenin diğer varyasyonlarını da denedim, ancak sayfada hiçbir şey görünmeyecekti.


Denediğiniz ve çalışmayan şeylere bir örnek verebilir misiniz?
hairboat

Örnekler eklendi.
nathan

Sorunuzu cevaplayamıyorum, ama başka birinin yapabileceğini umarak oy verdim .......
kuaför

2
Mantra "Markdown'un sözdizimi kapsamında olmayan herhangi bir biçimlendirme için HTML'nin kendisini kullanmanız yeterlidir." Başka bir deyişle, basit bir gömme dışında, ne istediğinizi yapmak mümkün değildir. Markdown kısa etiketlerle karıştırılmamalıdır.
phwd

1
phwd, cevap için teşekkürler. Markdown'da ayrıştırıcı olarak mümkün olmadığını anlıyorum. Bununla birlikte, Github'un özü gibi bazı siteler ek yetenekler için Markdown uzantıları sağlar. Tumblr'ın da aynı şeyi yapmasını umuyordum ve sadece sözdizimini kaçırıyordum.
nathan

Yanıtlar:


1

Gerçek sorun, büyük olasılıkla güvenlik sorunları için gömülü komut dosyalarının gönderilerde yok sayılması gerçeğinde yatmaktadır.

Ancak "Blogunuzu özelleştirin" (bir önceki ifadeyi yener) sayfasına gittiğinizde JS'yi açıklama alanına yüklemek mümkündür

Bu nedenle , belgenin belirli bölümlerine Javascript yazmanıza ve örneğin ifadeleri aramak ve değiştirmek için bir ayrıştırıcı kullanmanıza olanak tanıyan bir JS kitaplığı ( Yazma Yakalama yardımcı olabilir) kullanabilirsiniz.

[gist 1256020]
<div class="gistr">1256020</div>

Sonra onunla başa çıkmak için bir ayrıştırıcı kullanın. Veya Gist ID'lerini div sınıfına bir sınıfla sarın, tüm öğeleri bu sınıfla tekrarlayın ve Yazma Yakalama işlevini kullanarak kimliği Gist ile değiştirin Böylece gördüğünüz gibi ... dışarıdaki bir programlama sorununa giriyor bu sitenin kapsamı.


0

Güncellenmiş bir yanıt olarak, kısa süre önce blogunuza gömme işlemini basitleştirmek için yeni bir embedgist.js sürümü oluşturdum. Bununla ilgili makalemi burada bulabilirsiniz:

http://blog.johnryding.com/post/76489062311/embedding-gists-and-enable-code-syntax-highlighting-in

Temel olarak, blogunuzun şablonuna bazı komut dosyası etiketleri eklemeniz gerekir.

Bu değişiklikle, yayınınızda özel HTML kullanmak yerine, yerleştirmek istediğiniz öze bir URL eklemeniz yeterlidir. Örneğin, bir özün gömülmesi için yayınınızın içeriğine aşağıdakileri koymanız yeterlidir:

https://gist.github.com/strife25/8967034#file-embedgist2-js

Bu teknik Tumblr'ın markdown editöründe çalışır.

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.