之前为了插入代码,看了好几篇简书,感觉不择要领,方法其实很简单,在这里记录并分享!
1.选择MarkDomn编辑器
简书有两种编辑器,缺省的是富文本编辑器,还有一种是MarkDomn编辑器。插入代码这个功能只能在MarkDomn编辑器下实现,所以先要把你的简书编辑器切换到MarkDomn编辑器。不过,一点都不勉强,用了MarkDomn编辑器不到十分钟,就再也不想回到富文本编辑器了!哈哈。。。
选择MarkDomn编辑器的方法是:点击屏幕左下角的“设置”——“默认编辑器”,选择“MarkDomn编辑器”。
此后新建的文章就自动使用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编辑器,右边是最终显示的效果,还可以同步滚动。真是太棒了!这就是我编辑文章的终极模式。