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

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

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

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

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

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

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

MarkDown编辑器

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

HTML编辑器

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

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

文章发布后效果如下

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

猜你喜欢

转载自blog.csdn.net/wsjzzcbq/article/details/83039039