代码高亮问题
我们知道,在使用编译器开发时,都会有代码高亮。一来可以帮助我们快速找到相应关键词,二来可以优化我们写代码的体验,那么在发表文章时候该怎么来使得代码高亮呢。
这里,我就为大家简单介绍下csdn的代码高亮。
正常情况我们插入的代码应该是这样的
但是csdn有自己独有的代码高亮,只需要在代码前加入三个" ` ";也就是键盘上1左边的这个符号然后附上代码所属的语言,例如以下代码为JavaScript的加上JavaScript就可以高亮展示了。怎么样,小伙伴,是不是又get一个新技能呢。
var poem=document.getElementById('poem');
var str="“你的过去我不愿过问,那是你的事情;你的未来我希望参与,这是我的荣幸!”";
var arr=str.split("");
setTimeout(function(){
poem.style.display='block';
for (var i=0; i<arr.length; i++) {
(function (i) {
setTimeout(function(){
var oN=document.createElement('br');
var oS=document.createElement('span');
var a=Math.random()*255;
var b=Math.random()*255;
var c=Math.random()*255;
oS.innerText=arr[i];
oS.style.color='rgb('+a+','+b+','+c+')';
poem.appendChild(oS)
if(i%10==0&&i>0){
poem.appendChild(oN);
}
},300*i)
})(i)
}
},5000)