之前为了插入代码，看了好几篇简书，感觉不择要领，方法其实很简单，在这里记录并分享！

1.选择MarkDomn编辑器

简书有两种编辑器，缺省的是富文本编辑器，还有一种是MarkDomn编辑器。插入代码这个功能只能在MarkDomn编辑器下实现，所以先要把你的简书编辑器切换到MarkDomn编辑器。不过，一点都不勉强，用了MarkDomn编辑器不到十分钟，就再也不想回到富文本编辑器了！哈哈。。。

选择MarkDomn编辑器的方法是：点击屏幕左下角的“设置”——“默认编辑器”，选择“MarkDomn编辑器”。

image.png

此后新建的文章就自动使用MarkDomn编辑器了。但是，之前使用富文本编辑器的文章，无法切换到MarkDomn编辑器；只能新建文章，然后把原来的文章内容复制粘贴到新建文章，就可以在MarkDomn编辑器编辑了。

2.使用插入代码的记号```

···javascript
Page({
data: {
},
onLoad: function(options) {
},
onReady: function() {
},
onUnload: function() {
},
})
···
效果是这样滴，就这么简单：

Page({
  data: {
  },
  onLoad: function(options) {
  },
  onReady: function() {
  },
  onUnload: function() {
  },
})

这个记号就是标准键盘上，右上角esc下面的那个键，一定要在英文模式下，中文不行，连续按3个！！！
开始的记号后面要加一个语言类型，比如javascript，否则显示会出现很奇怪的问题。
所支持的语言包括下面这些：
bash｜c｜cpp (C++)｜cs (C#)｜objectivec (Objective-C)｜swift｜java｜css｜xml (HTML, XML)｜javascript｜coffeescript｜json｜php｜perl｜python｜ruby｜sql｜mathematica｜matlab｜r｜scala｜lisp｜scheme｜markdown｜tex

3.切换到预览模式

MarkDomn编辑器里面看到的全部是被各种标记的文本，但是简书提供了一种“预览模式”，按钮就在工具条的右边。进入“预览模式”后，左边是MarkDomn编辑器，右边是最终显示的效果，还可以同步滚动。真是太棒了！这就是我编辑文章的终极模式。

image.png