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

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

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

markdown.png

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

演示图

演示,字符为```

效果图

效果

方式二

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

演示图

pre演示

效果图

pre结果.png

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

演示图

code演示

效果图

code效果

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏wblearn

程序员的你是否熟练掌握Chrome开发者工具?

回归正题,本文主要是介绍一下Chrome developer tool(开发者工具)的使用,以方便我们的日常开发与调试。其实在没用Chrome开发之前就时不时的...

13440
来自专栏十月梦想

node读取文件进阶(详解)

刚才简单介绍了一下node读取同级页面的html文件,没有类似于Apache的服务,让访问变得复杂,因为这样正是成就了node的优点!优良的路由处理,通过路由访...

9120
来自专栏卡少编程之旅

fiddler抓包工具(windows)

877150
来自专栏iOS开发随笔

Xcode9 在全屏模式下使用Xcode模拟器

15830
来自专栏极乐技术社区

微信小程序开发详解《三》APP生命周期

1:微信小程序APP的生命周期方法: 在微信小程序工程中的app.js中增加如图所示方法 ? 编译运行,查看日志如图所示:微信小程序启动时,调用生命周期方法为:...

243100
来自专栏葡萄城控件技术团队

AngularJS入门教程1--配置环境

首先需要下载AngualrJS,下载地址 https://angularjs.org/ 官方网站提供2种下载使用AngularJS方法: angularjs_e...

24250
来自专栏游戏杂谈

预加载JavaScript/CSS但不执行

好吧,一个方案一个方案来分析一下(要求是不允许执行Javascript和应用CSS,以免消耗系统资源):

19420
来自专栏IT 指南者专栏

Angular 框架学习笔记(一)

过来人肯定都知道, Angular 是一个框架,为何现在突然要学 Angular 呢?

15230
来自专栏编程微刊

表格插件-bootstrap table的使用示例

基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

15820
来自专栏JasonhavenDai

使用EndNote管理文献1.EndNote2.下载安装3.登录客户端4.同步EndNote Web5.关联Micrasoft Word

1.EndNote 官网 知乎 2.下载安装 链接 3.登录客户端 选项->首选项->同步(Sync) ? 具体的EndNote使用方法,网上有很多,...

348100

扫码关注云+社区

领取腾讯云代金券