CSDN上的代码在电脑上运行不了？也可能是CSDN中代码块使用的问题

1.问题描述：

相信有很多小伙伴喜欢逛CSDN，这样难免会发现有好多功能完整且有趣的代码，于是呢，自己也想拿来试用或学习一下。但是复制粘贴过来之后，发现在自己的电脑上运行不了。（哈哈~）

2.问题分析：

类似的事情，我在写CSDN笔记的时候就有亲自遇到了。其中就有一位求知欲强烈同学在评论区留言说：


就是这篇基于JavaScript的JSON数组的购物车项目，感兴趣的小伙伴可以看一下。

我看到留言评论之后呢，也很好奇！当天晚上就按照这位同学的描述，重新复制粘贴代码运行了几遍，发现确实运行不了。诶，我就奇怪了，明明能够正常运行的代码，搬运到CSDN上之后，再进行复制粘贴，怎么就不能运行了呢？

我冷静了一会儿，自己静下心想了想。再加上我个人也特别喜欢写博客整理笔记的原因，对CSDN中各种花哨的操作都了如指掌。突然就找到了问题的切入点：问题出现在编写DSCN代码显示的方式上！！！

参考：快速编写CSDN博客 小技巧 9.代码显示部分 （重要）遇到同样问题或者感兴趣的小伙伴都可以看看。

3.问题解决

我们都知道，每一种编程语言都有自己的关键字和特定的语法。在我们编写CSDN文章时，CSDN软件也需要在工具栏中设置特定的功能来满足我们展现各种代码的功能。问题就出现在这里 。CSDN软件中含有各种语言的代码显示的方法，而且特别具体、详细、有针对性。比如：

下面介绍几种在CSDN中编写JAVA常用的几种代码显示方式：

默认代码显示的方式：（黑色背景、白色字体，适合所有语言）：
```
代码（html代码、css代码、JavaScript代码等，其中的一种或多种代码）
```

html代码显示的方式：（彩色，适用html）

```html
html代码（仅限html代码）
```

css代码显示的方式：（彩色，适用css)

```css
css代码（仅限css代码）
```

javascript代码显示的方式：（彩色，适用javascript)

```javascript
javascript代码（仅限javascript代码）
```

sql代码显示的方式：（彩色，适用sql)

```sql
sql代码（仅限sql代码）
```

java代码显示的方式：（彩色，适用java)

```java
java代码（仅限Java代码）
```
等等吧，根据需要找到合适的代码显示即可！

（论正确使用代码块来显示代码的重要性：使用相对应的代码显示方式，可以使得代码可读性和视觉效果上都有很好的享受，能够更轻松的博得眼球更加毋庸置疑。而如果使用了不合适的代码显示方法，显示效果和观看体验就完全没有，甚至会怀疑编写代码的能力不专业！）

经过一轮对比之后，是不是就感觉使用默认显示的方式来展现代码的话，使用范围显得太通用（中央空调似的），代码黑白显示也显得太过苍白、无力、没有灵魂。要是真这么想，就大错特错了！

“尺有所短，寸有所长”。

默认的代码显示方式：显示代码时背景为黑色、字体为白色，但是能同时显示多种语言而且不会报错。

具体针对性的代码显示方式：可以多彩的显示代码，但只能局限性的显示某一种语言；如果同时显示多种语言的代码将会造成代码运行异常的情况。（显示其他语言的话就无法显示关键字，甚至会造成代码运行异常的情况等）

比如同时具有HTML代、CSS代码和javascript代码时，不能单纯的使用“html代码块”、“css代码块”、“javascript代码块”中的一种进行显示。而应该使用“无色默认的代码块”进行显示。

4.总结：

CSDN代码展示功能很齐全。既能具体、针对性的展示一种语言，也能同时展现多用语言的方式。