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

来源： SDK.cn 类型：技术文章发布：2016-09-22 07:27:34

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

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

首先选择文本，然后按下下面的快捷键：

 	Windows: Control + Alt + 6

Mac: Command + Option + 6

Linux: Control + Alt + 6

你也可以在文章中嵌入GitHub的gist，方法就是另起一行，然后复制其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
可能的情况下，可以使用CodePen和JSFiddle的工作样本
不要使用代码截图

祝大家代码写的愉快！

原文来自:SDK.cn

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

API百科

生活服务企业工商金融科技接口大全电子商务

API资讯

相关API

AI语音合成TTS API

提供多种拟人音色，支持多语言及方言，并可在同一音色下输出多语言内容。系统可自适应语气，流畅处理复杂文本。
提供多种拟人音色，支持多语言及方言，并可在同一音色下输出多语言内容。系统可自适应语气，流畅处理复杂文本。
Google Gemini Image API

Nano Banana（gemini-2.5-flash-image 和 gemini-3-pro-image-preview图像模型）是图像生成与编辑的最佳选择，可集成 Nano Banana API，实现高速预览。
Nano Banana（gemini-2.5-flash-image 和 gemini-3-pro-image-preview图像模型）是图像生成与编辑的最佳选择，可集成 Nano Banana API，实现高速预览。
AI视频创作

支持通过自然语言文本智能生成高质量短视频。用户只需输入一段描述性文字，即可自动合成画面连贯、风格鲜明、配乐匹配的定制化视频内容。适用于短视频创作、广告预演、社交内容生成、游戏素材制作等场景，为开发者与创作者提供高效、灵活、富有想象力的视频生产新范式。
支持通过自然语言文本智能生成高质量短视频。用户只需输入一段描述性文字，即可自动合成画面连贯、风格鲜明、配乐匹配的定制化视频内容。适用于短视频创作、广告预演、社交内容生成、游戏素材制作等场景，为开发者与创作者提供高效、灵活、富有想象力的视频生产新范式。
AI图像理解

先进的图像理解和分析能力，它能够快速准确地解析和理解图像内容。无论是自然风景、城市建筑还是复杂的场景与活动，都能提供详细的描述和深入的分析。
先进的图像理解和分析能力，它能够快速准确地解析和理解图像内容。无论是自然风景、城市建筑还是复杂的场景与活动，都能提供详细的描述和深入的分析。
AI图像编辑

根据文本提示（prompt）和图片公网访问链接,编辑原图按照特定风格、场景和氛围感的输出新的图像。广泛应用于电商营销、广告设计、创意灵感等领域，为用户带来高效且个性化的AI图像创作体验。
根据文本提示（prompt）和图片公网访问链接,编辑原图按照特定风格、场景和氛围感的输出新的图像。广泛应用于电商营销、广告设计、创意灵感等领域，为用户带来高效且个性化的AI图像创作体验。