掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

如何在Medium上使用嵌入工具高亮显示代码

不要使用这样的截图来显示代码。

Medium平台上有一个隐藏的快捷键,能将纯文本转化为代码库的形式:

首先选择文本,然后按下下面的快捷键:

 	Windows: Control + Alt + 6

Mac: Command + Option + 6

Linux: Control + Alt + 6

你也可以在文章中嵌入GitHubgist,方法就是另起一行,然后复制其URL

 if (developer === true) {

  follow(this.mediumPublication);

}


如何嵌入web应用


除此之外,你也可以在Medium平台上嵌入可运行的web应用。但是请注意,这些应用在iOS和安卓版的Medium应用上无法显示,因此我推荐你在web应用下面也加上应用的连接。

Medium复制CodePen.io web应用的URL,然后点击回车。

你也可以在Medium上使用JSFiddle.net.web应用。

但是绝对不要使用截图来显示代码


虽然使用截图看上去很方便,但是至今为止,Medium还不支持alt-text选项,因此一旦图片连接失效,读者就永远看不到图片内容了。另外,患有视力疾病的用户也将无法理解图片的意思(是的,Medium上有很多这样的用户)。

而且使用图片的时候,用户也无法改变图片上文字的大小,这意味着大量使用移动端阅读的用户将无法看清图上的内容。

最后,使用图片还会让用户无法复制你的代码。

是的,我知道复制别人的代码有点不道德。

但是事实就是如此,很多人都在这么做。如果人们发现你的代码无法复制,很可能他们就不会继续阅读你的文章了。

总结一下:

  • 使用Medium原生的代码框功能
  • 或是嵌入GitHub gist
  • 可能的情况下,可以使用CodePenJSFiddle的工作样本
  • 不要使用代码截图

祝大家代码写的愉快!


原文来自:SDK.cn

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

  • 活体人脸实名认证H5版

    本服务搭载真人检测和人脸比对等生物识别技术,配合权威数据源验证,可快速校验自然人的真实身份。支持PC和移动端H5网页接入。

    本服务搭载真人检测和人脸比对等生物识别技术,配合权威数据源验证,可快速校验自然人的真实身份。支持PC和移动端H5网页接入。

  • 营运车判定查询

    输入车牌号码或车架号,判定是否属于营运车辆。

    输入车牌号码或车架号,判定是否属于营运车辆。

  • 名下车辆数量查询

    根据身份证号码/统一社会信用代码查询名下车辆数量。

    根据身份证号码/统一社会信用代码查询名下车辆数量。

  • 车辆理赔情况查询

    根据身份证号码/社会统一信用代码/车架号/车牌号,查询车辆是否有理赔情况。

    根据身份证号码/社会统一信用代码/车架号/车牌号,查询车辆是否有理赔情况。

  • 车辆过户次数查询

    根据身份证号码/社会统一信用代码/车牌号/车架号,查询车辆的过户次数信息。

    根据身份证号码/社会统一信用代码/车牌号/车架号,查询车辆的过户次数信息。

0512-88869195
数 据 驱 动 未 来
Data Drives The Future