csdn 博客代码块显示复制按钮

相信很多初步使用 csdn 博客写文章的朋友都会有这样的困惑，为什么别人的代码既有高亮，又有复制按钮，而自己的代码却做不到，博主刚刚写文章时也遇到过同样的困惑，在网上搜了一些资料，但发现不全面，为此写一片文章进行总结，以方便后来人少走弯路。

首先，csdn 的编辑器是分为 MarkDown编辑器和 HTML编辑器

MarkDown编辑器，只有代码高亮，没有复制按钮。这就是为什么很多新手无论怎么调试，也调不出来复制按钮的原因

HTML编辑器，既有代码高亮，又有复制按钮

所以，如果想让自己的代码既高亮又有复制按钮，就必须使用 HTML编辑器

下面分别介绍 MarkDown编辑器和 HTML编辑器的代码部分的使用

MarkDown编辑器

相信看到上述图片的你一定能够明白，MarkDown编辑器如果想让代码高亮，就必须三个`号后边指定代码类型，如java、html、js、xml、yml等

HTML编辑器

点击上图标记处，添加代码

注意，在右侧选择代码类型

文章发布后效果如下

相信，这就是很多新人想要的代码高亮和复制按钮

csdn 博客代码块显示复制按钮相关推荐

csdn博客代码块的显示设置以及图片的插入技巧
最近在csdn写技术类的博客,发现自己写的代码段和别人显示的不一样,没有行号,格式也不完美,也不会插图片,搜看资料,整理方法如下,和大家共享一下. 一)代码段显示设置例如将以下代码段进行设置 #in ...
CSDN博客代码块代码没有高亮颜色解决办法
之前写博客的代码块都没有高亮颜色也没怎么在意现在突然想让它显示高亮颜色,解决了所以记录一下解决方案: 插入代码时不要先贴代码, 而应该先点上面中间的代码块按钮: 点击后效果如下: ``` 在这里插 ...
Android应用开发-小巫CSDN博客客户端之显示博文详细内容
Android应用开发-小巫CSDN博客客户端之显示博文详细内容上篇博文给大家介绍的是如何嵌入有米广告并且获取收益,本篇博客打算讲讲关于如何在一个ListView里显示博文的详细信息,这个可能是童鞋 ...
CSDN博客公告中显示图片的方法
①只显示图片在配置界面的公告设置中输入HTML代码: <img src="https://p-blog.csdn.net/images/p_blog_csdn_net/nataku/ ...
CSDN博客添加加QQ好友按钮
首先进到QQ推广网站(点击进入)选择推广工具选择样式及提示语: 然后复制生成的代码(没有生成就多刷新几次),进入自己的博客管理页面选择"博客栏目",将代码粘贴到想要的位置,以我的为 ...
修改csdn博客配置(昵称/显示名)
前一段时间修改了博客的配置,现在想修改了,突然不知道怎么改过来了,就是要修改下面的地方, 修改办法是:博客管理->博客配置,修改下面的项即可
如何在CSDN博客中的所贴的代码进行【代码块】显示
笔者最近很喜欢在csdn发一些技术博客,可是看了别人的博客,有代码的地方总是可以显示出代码块,而自己贴上去的代码总是没有.刚开始还以为CSDN博客里面的编辑功能有,可是找来找去都没有找到.后来才发现原 ...
CSDN博客中删除空白代码块
在我们编写CSDN博客的时候,有时候我们创建了一些代码块然后删去时,会出现在博客中还有空白代码块出现的情况,比如我自己写的这个博客: 而我们在编辑模式修改时是看不到这个空白代码块的: 那我们应该如何删 ...
使用代码将github仓库里某个issue同步到CSDN博客上
2019独角兽企业重金招聘Python工程师标准>>> 我是一个懒惰的程序员.我在github仓库里用issue的方式写了很多分享文章,想同步到CSDN上.但是我又不想一篇篇手动复制 ...
csdn博客图片复制不过来怎么办？如何转载？
起意看到一篇不错的博客,想转载但是不会(没有转载键),网搜发现没有Chrome浏览器的详细转载办法实践检查.在喜欢的博客页面右键(用快捷键ctrl+shift+I也行只是比较难找到相应想要的ht ...

csdn 博客代码块显示复制按钮

csdn 博客代码块显示复制按钮相关推荐

最新文章

热门文章