简书中代码框的效果实现

如何在简书中用代码框显示代码块？少废话先接上效果图

private String s1 = "Hello";
private String s2 = "World";

这篇文章是学成后的第一个实践成果，下面便是整理的详细步骤，希望对各位朋友有所帮助。

１．设置简书的编辑器

代码块的实现下过是实际上是用 Markdown这种轻量级的标记语言。即，通过一些简单的标记语法使得文字以某种特殊样式显示。

简书中支持 Markdown的使用，但需要进行设置，因为默认的设置是无法使用。

具体操作：在简书＂设置＂中＂基础设置＂选项卡下的＂选择常用的编辑器＂选择＂ Markdown＂即可，截图如下：

7PQ%V2DIBB}B_AC788)UHT7.jpg

２．切换到预览模式

接下来，新建一篇文章，点击右上角的＂预览模式＂：

![~GYDO6J(J]_)3D6FDC]}2%D.png](http://upload-images.jianshu.io/upload_images/2027104-48da8f99fbbe91e4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
此时便出现了两个窗口，左侧窗口便可使用Markdown标记语言，右侧窗口便会出现对应的效果预览。

3．代码块的效果实现

如果想显示一段代码，在左侧窗口中按照以下方式即可：

方法一：在代码的前后分别加上三个反引号```
其中，反引号的输入方式为：英文输入法状态下，按键盘左上角数字1旁边的键

V1}))S(TG8Q4Z($Y(O`H}@R.jpg](http://upload-images.jianshu.io/upload_images/2027104-583ae4fe02049f4e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) *实现代码如下：* ![)`FEK00DGC}T9}N%EUKMAN9.png

效果如下：

private String s1 = "Hello";
private String s2 = "World";

方法二：在每行代码前面输入三个Tab键
private String s1 = "Hello";
private String s2 = "World";＇

4．Markdown的其他使用语法

没有空格效果
　全角1个空格键效果
　　全角2个空格键效果
　　　全角３个空格键效果