如何在简书中优雅地写代码(出现代码框)
2016-08-21 本文已影响1678人
想入飞飞___
简书中有不少程序员,常常看他们高质量的文章,有的时候看的多了,自己也想写一下,刚来的同学发现简书中并没有插入代码这种功能,垃圾,那么这种代码框是如何实现的呢?
啦啦啦,我是一个优雅的代码框^_^
其实在简书设置中可以选择MarkDown编辑器,默认的是富文本编辑器,如图选择MarkDown.
![](https://img.haomeiwen.com/i2612749/c5efd4602329c524.png)
这时候之前的文章还是用的原来的编辑器看不出效果,我们新建一个空白文章,
咦? 怎么还是没有插入代码。好吧,确实没有不骗你了,不过熟悉MarkDown的同学应该知道MarkDown语法吧
其实代码框是这么打出来的,没错就是 ``` 这货,直接看图
![](http://upload-images.jianshu.io/upload_images/2612749-c4b00f337416c9ec.png)
什么,你告诉我```不会打,好吧,首先把输入法切换为英文状态,然后点击ESC下面那个波浪的键,Ok,会了吧?
什么,你告诉我代码格式全乱了,手动调太麻烦了,好吧,是不是这样啊
![](http://upload-images.jianshu.io/upload_images/2612749-71d981ef18964ca5.png)
其实复制的时候只要选择复制纯文本就好了,或者在简书中粘贴的时候右击粘贴纯文本就好了,上图
![](http://upload-images.jianshu.io/upload_images/2612749-98c766799282b4e1.png)
啦啦啦,这是不是你想要的效果。
什么,简书太麻烦了,好吧,我也没有什么好说的了。