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

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

 

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

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

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

 

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

 

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

 

MarkDown编辑器

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

 

HTML编辑器

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

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

文章发布后效果如下

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