简书上实现代码块的几种方式

简书目前还没有插入代码块的选项,对it这一行的我们来说,为了给大家分享技术,代码片呈现的方式或多或少很有必要啦~~,下面,总结一下我知道的几种Markdown模式下在简书插入代码片的方式。

准备工作:设置编辑模式为Markdown,然后保存,如图

markdown.png

方式一
在你新建的文章中,当需要插入代码片段的时候,在英文状态下输入键盘tab键上的`键后,复制粘贴你的代码块即可。

演示图


演示,字符为```

效果图


效果

方式二

在你新建的文章中,当需要插入代码片段的时候,利用pre标签,复制粘贴你的代码块到这标签中间即可。

演示图


pre演示

效果图


pre结果.png

方式三
在你新建的文章中,当需要插入代码片段的时候,利用code标签,复制粘贴你的代码块到这标签中间即可。

演示图


code演示

效果图


code效果

希望简书能早日加上代码片的选项,此篇总结仅供大家参考,希望对大家有帮助!网上如果还有其他方式的话,希望大家可以来这里告诉我,不胜感激!

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

推荐阅读更多精彩内容

  • 简书目前还没有插入代码块的选项,下面总结一下我知道的两种Markdown模式下在简书插入代码片的方式。准备工作:设...
    傲弛天下阅读 252评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,686评论 25 708
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 人的弱点在于价值的膨胀与空虚的矛盾,可以解释多少的求不得 最痛无非,求不得,爱别离 求不得,可破 爱别离,无解 最...
    潋宁阅读 270评论 0 0
  • 今天是护蛋行动的第二十一天,也就是最后一天。今天貌似没有鸡蛋破损。而且,孩子们还是一如既往地带着自己的宝贝鸡蛋,参...
    上午咖啡下午茶阅读 1,049评论 0 10