Latex Kodlarının Kullanılabilmesi İçin Mathjax Kütüphanesini Eklemek
Özellikle paylaştığınız JavaScript veya HTML kodlarının düz metin gibi görünmesi ya da sayfa yapısının kayması genellikle ```<body>``` etiketi içindeki karakter çakışmalarından kaynaklanır.
Klasik Blogger temalarında en sık rastlanan sorun, yazdığınız kodların içindeki ```< ```, ```>``` veya ```&``` gibi karakterlerin Blogger tarafından "çalıştırılacak bir HTML komutu" olarak algılanmasıdır. Bu durum ```<body>``` kısmında yapısal bozulmalara yol açar.
Sorunu çözmek ve kodlarınızı profesyonelce göstermek için şu iki noktayı kontrol etmelisiniz:
1. Karakter Kaçırma (HTML Escape)
Eğer bir JavaScript kodunu veya HTML örneğini doğrudan yazı editörüne yapıştırıyorsanız, Blogger bunu çalıştırmaya çalışır. Kodun düzgün görünmesi için şu dönüşümü yapmalısınız:
```<```yerine<```>```yerine>
<body> yazarsanız, ziyaretçileriniz bunu kod olarak görür ve sitenizin yapısı bozulmaz.2. ```<body>``` İçindeki Yapısal Hata Kontrolü
Eğer temanızın genelinde bir kayma varsa, Tema ```>``` HTML'yi Düzenle kısmına girip şunlara bakın:
Açtığınız her ```
<div>```etiketi mutlaka bir ```</div>```ile kapatılmış mı?Eklediğiniz MathJax veya Highlighter scriptleri ```
</body>```kapanış etiketinden hemen önce mi?
Profesyonel Görünüm İçin Tavsiye
Sitenizdeki kodların hem <body> yapısını bozmaması hem de şık görünmesi için şu yöntemi deneyin:
Yazı editöründe HTML Görünümü'ne geçin ve kodunuzu şu kalıba alın:
```<pre style="background: #f4f4f4; border: 1px solid #ddd; padding: 10px; overflow: auto; font-family: monospace;">
<code>
// Buraya kodunuzu yapıştırın (Karakterleri dönüştürmeyi unutmayın)
console.log("Mekatronik Blogu");
</code>
</pre>```
Şöyle görünecektir:
// Buraya kodunuzu yapıştırın (Karakterleri dönüştürmeyi unutmayın)
console.log("Mekatronik Blogu");
Blogunuzda kodlarınızı ve çalışmalarınızı paylaşırken şu formatı takip etmeniz, okuyucularınızın (ve gelecekteki işverenlerinizin) içeriği çok daha kolay kavramasını sağlar:
1. Kodları "Gömülü" (Embedded) Göstermek
Eğer bir JavaScript komutunu veya Ngspice netlist'ini blogda paylaşacaksanız, doğrudan metin olarak yapıştırmak yerine bir kod bloğu içine almalısınız.
Örneğin, blogunuzun HTML düzenleme kısmına Highlight.js eklediyseniz, yazı yazarken HTML görünümüne geçip şu yapıyı kullanabilirsiniz:
// Örnek bir Javascript komutu
console.log("Pardus mühendislik istasyonu hazır!");
Böyle yukarıdaki gibi görünür.
2. Formülleri "Canlı" Göstermek
MathJax eklediğiniz için artık şu tarz bir yazımı, normal görünüm kısmında, blogunuzda paylaştığınızda:
Mathjax.js Üzerinden Latex Çıktısı
// Örnek bir Mathjax Kütüphanesinden Javascript Programlama Dili Komutu
$$\text{Enerjide Verim} = \eta = \frac{P_{çıkan}}{P_{giren}} \times 100$$
Böyle yukarıdaki gibi görünür.
Ziyaretçileriniz internet alana adınızın adresine girdiğinde karşılarında pürüzsüz bir verimlilik hesabı görecekler:
$$\text{Enerjide Verim} = \eta = \frac{P_{çıkan}}{P_{giren}} \times 100$$
İsmail Emre Arıkan tarafından gönderildi @ Şubat 04, 2026
0 Yorum
