关于解决如何使代码显示高亮,以及显示复制按钮,只一篇就足够。

 

首先,先来介绍博客设置

在主页点击【我的博客】

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

再点击【管理博客】

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

点击【博客设置】

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

这里有两个编辑器

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

 

 

先来介绍,如何用MarkDown编辑器实现代码高亮。

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

点击上方的添加代码段 ,在下文显示的第一行三个点的后面输入你所使用的编程语言,比如我下图所示的Java,如果你所使用的是C++,即输入C++。

这样右方显示框中的代码就会显示高亮。

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

 

再来介绍,如何用HTML编辑器实现代码高亮

HTML编辑器的编辑栏是这样的

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

选择添加代码段,在右上方选择你所需的编程语言,这样输出的代码就会实现高亮了。

小白专场:初次使用CSDN写博客,代码如何显示高亮?如何显示复制按钮?-LMLPHP

 那么,如何显示【复制】按钮呢?

MarkDown编辑器不会自动显示复制按钮,而HTML编辑器发布完文章后,会自动显示复制按钮。

所以如果想在你的代码段显示【复制】按钮,便于浏览者采摘,你就可以选择HTML编辑器来编辑你的文章。

 

就像这样

 

10-06 18:05