数据API 案例 开发者 关于
掌握聚合最新动态了解行业最新趋势
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

掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务
新闻动态 > 媒体报道
如何在Medium上使用嵌入工具高亮显示代码
发布:2016-09-22

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

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

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