Fetch ile Github 'dan Blogger 'a Kod Ekleme

Github 'da yazdığınız kodları Blogger 'a eklemeyi ve syntax 'ı highlight.js ile nasıl renklendirebiliriz?

Bunu Javascript Fetch ile bir fonksiyon yazıp bunun aracılığıyla yükleyebiliriz.

// How load code from public github raw and higlight syntax with highlight.js at blogger post 
function loadFromGithub(id,url){
	fetch(url).then(res => res.text()).then((out) => {
      var el=document.getElementById(id);
      el.textContent = out;    // write code from github to html element with id
	  hljs.highlightBlock(el); // This line for syntax higlight with highlight.js   
  }).catch(err => { throw err });
 }

Nasıl Kullanacağız?

var id='show-from-git';
var url='https://raw.githubusercontent.com/{gitAccount}/{publicGitRepo}/{branch}/{filename.extension}';
loadFromGithub(id,url);

HTML Tarafı

<pre><code id="show-from-git" class="language-javascript"> </code></pre>

Yorum Gönder

Daha yeni Daha eski