简书如何插入代码块?

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

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如果,明天将是我的葬礼,你是否会出席?生命会因为离开了谁而变的不能承受之轻。 如果,明天将是我的葬礼,你会抽着烟沉...
    一指食阅读 4,130评论 0 0
  • 职场霸凌是什么? 总会有一些不知人性为何物的恶魔,不断用耸人听闻的手段,来刷新我们对于认知的下限。 近日,日本报道...
    吾聊职场阅读 3,870评论 0 7
  • 这是许之涵的第1篇的原创文。 人生中充斥着别离,或是催人泪下的场面,或是难以割舍的痛心,但我们终归要遵循命运的安排...
    多米昵称不可用阅读 4,276评论 1 3
  • 学生:尚梓霖 家长:孙巧燕 2月13日晴 过年了,我和爸爸妈妈一起到超市买 年货 .来到超市门口,我被眼前的景象...
    大熊小爱阅读 3,362评论 0 0