如何在写CSDN博客时插入代码

一时失言乱红尘 2022-06-02 08:58 327阅读 0赞

预期效果

private static <T> T getObj(Class<T> clazz)
        {
            //判断类型
            if (clazz == Student.class)
            {
                return (T) new Student();
            }
            else if (clazz == Teacher.class)
            {
                return (T) new Teacher();
            }
            return null;
        }

> ### **声明**： ###
> 
> CSDN编写文档的工具有两种：一是**富文本编辑器**，二是**Markdown编辑器**，可在博客设置中进行设置默认编辑器。使用两种编辑器插入高亮代码的方式是有区别的，现在给出两种编辑器插入高亮代码的具体操作步骤。

--------------------

**一、富文本编辑器**插入高亮代码步骤如下：

1、在CSDN写博客时，富文本编辑器中有个代码块图标可以点击插入代码，并可在下拉框中选择编程语言：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70][]

2、插入代码后的效果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 1][]

--------------------

二、**Markdown编辑器**插入高亮代码步骤如下：

1、点击代码块按钮"</>"，编辑区会自动生成一块区域，或者光标悬浮在代码块图标上，下拉选择编程语言插入代码块，可在该区域指定位置插入要添加的代码。

注意：开头的三个特殊符号\`\`\`可在键盘Esc键下的波浪符号按键中找到，代码结尾也要以这三个特殊符号结束。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 2][]

2、在代码块的开头，写上代码片的编程语言（比如：java，小写），如下图所示，这样就可以直接高亮显示java代码块了，效果与富文本编辑工具插入的代码一样：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 3][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70]: /images/20220602/55f0f08efdaf4c50bc4d27b14e1eccc1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 1]: /images/20220602/b7ba4a122dc948878895c70ac884428a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 2]: /images/20220602/9e1ab002ab7a4772ae415698de8558fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwMjA1OTM_size_16_color_FFFFFF_t_70 3]: /images/20220602/2a3871aca2634314aa5f4ba6ba3094c1.png