Keynote中怎么展示代码

背景

在做技术分享的时候，经常需要去展示自己的代码；下面是整理的需求：

1. 代码高亮显示
2. 在能看清代码的情况下，容纳代码的上下文

做法

代码高亮

1. IDE代码高亮截图
2. 使用RTF格式插入文字格式的高亮代码

看清代码

放大局部代码

1. 使用截图的方式

优点：

1. 制作方便

缺点：

1. 在演讲屏幕比较大的时候，代码显示会比较模糊
2. 因为代码已经变成了图片，所以不能copy和编辑

1、打开IDEA的演示模式 View - Enter Presentation Mode，截图放入Keynote

2、第二张幻灯片放大代码图片, 添加两个形状，遮挡不需要展示的代码

3、设置效果神奇移动

2. 使用RTF格式的方式

优点：

1. 清晰度不受屏幕大小的影响
2. 代码可copy，可编辑

缺点：

1. 准备工作麻烦

1、安装代码高亮工具

brew install highlight

2、copy代码或者创建需要展示的代码文件

# 如果是copy的代码
# 注意需要指定 --syntax 扩展名
#            -u 编码，否则中文会乱码
#            -t 最好将代码中的tab转换成空格，keynote中\t的展示宽度可能会不一致
pbpaste | highlight --syntax=sh --style=github -k "Fira Code" -K 18 -u "utf-8" -t 4 -O rtf | pbcopy

# 如果是文件中的代码
highlight --style=github -k "Fira Code" -K 18 -u "utf-8" -t 4 -O rtf <filename> | pbcopy

3、直接在keynote中粘贴代码
4、设置效果神奇移动

增加callout

如果使用过 asciidoc，对这个应该不陌生

参考

1. 如何使用keynote进行代码演示
2. Code highlighting for Keynote presentations