csdn 博客代码块显示复制按钮与背景色设置

有些初步使用 csdn 博客写文章的朋友不知道怎样写代码既有高亮，又有复制按钮。
在此把使用方法分享一下。

 csdn 的编辑器是分为 MarkDown编辑器 和 HTML编辑器

 

MarkDown编辑器，只有代码高亮，但是没有复制按钮。
HTML编辑器，才有代码高亮，又有复制按钮

在此简单介绍一下HTML编辑器怎样实现复制按钮功能，按图操作即可
首先，新打开一个HTML编辑
图1

图2（选择你所插入的语言，确定即可）

图3(点击右上角回车标志可插入段落)

展示如下
 

<div class="page-foot">
        <div class="form-actions">
            <button type="submit" class="wui-btn big-padding wui-btn-primary"
                id="btnSubmit">保存</button>
            <button type="button" class="wui-btn big-padding" id="btnClose">关闭</button>
        </div>
    </div>

如果是常写代码类的博友最好 在 “博客设置” 处设置默认编制为“富文本编辑器”

最后，如果你想设置黑色背景也可在代码样式中选择你喜欢的。 

 

哈，其实我是也刚学会，就总结一下！！！！