代码高亮问题

我们知道,在使用编译器开发时,都会有代码高亮。一来可以帮助我们快速找到相应关键词,二来可以优化我们写代码的体验,那么在发表文章时候该怎么来使得代码高亮呢。
这里,我就为大家简单介绍下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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值