写在最前面
「稍后电影短评」是一个即刻主题，她是我探索出来的关于思考电影的最佳实践，本系列教程将围绕该主题教你如何从基础到进阶，制作一张属于自己的精美电影短评卡片。
这是本系列 Editorial 进阶篇，如果你想完全掌握本篇的内容，需要对以下方面有最基本的了解：
- HTML + CSS 基础知识；
- Python 基础语法与使用；
如果你喜欢这个系列教程 or 「稍后电影短评」，请记得关注我的 即刻主题 和 微博 哦 🙂。
痛点在哪里？
在 基础篇 里，如果你对效率和样式有所追求，就会发现以下三大痛点：
- 每次新开短评，都要手动复制粘贴上一篇的格式？
- 每次看完评分，都要手动转换成对应的 emoji ？
- 默认效果不满意，无法修改样式？
这三个问题都能通过强大的 Editorial 解决，下面我们一一来看。关于 Editorial 的基础用法，请查看 官方文档。
1. 格式即模板
对于第一个痛点，我们可以通过模板解决。模板最大的好处在于格式化排版，用一句话总结就是「把不变的写进模板里，把可变的写进变量里」。那么，什么是不变的？当然是页头、页脚以及格式了。
关联 Dropbox
Editorial 默认使用的是 Dropbox，首先你要做的是把 Editorial 链接到 Dropbox 上的某个文件夹，作为后续项目的文件仓库。
导入图片
页头、页脚一旦制作完成，基本是不变的，我们需要把它们写进模板里，下面我们先介绍下如何在 Editorial 嵌入图片。
Tips: 我建议在 Dropbox 里建个专门放图片的文件夹，当文件越来越多的时候才便于管理和查找。
通过「文件管理面板」导航到你的图片文件夹，点击左下角的「+」按钮调出「New...」界面，选择「Import Photo…」即可导入本地相簿照片，导入成功后 Editorial 会默认把完整的图片文件名（包括后缀）复制到粘贴板里，在你需要用到的地方粘贴进去就行了。Editorial 插入图片用标准的 Markdown 语法来写，需要注意的是，「图片链接」是图片相对于引用图片的文件的路径，通俗地讲就是，从引用图片的文件出发，经过怎样的路径，能够找到该图片，就是该图片的链接地址。比如我把图片都放在引用该图片的
.md 文件所在路径下的 Pictures 文件夹里，所以在 .md 文件里引用该图片的链接里要有 Pictures/ 片段。
模板 workflow
我们用 Editorial 替代 Bear，是因为 Bear 既没有模板也不能自定义样式，而这就是 Editorial 的强大所在，它不仅有模板系统，还支持本地自定义样式表，修改即生效。Editorial 的模板其实是其 workflow 流程的一个动作，位于最后，用于输出整个文档。workflow 的前半部分用于设置变量，通过可交互的 UI 界面来提示用户输入相应的内容，最后汇总到模板里，生成文档。
同样的，点击「+」调出「New...」界面，「新建模板」和「编辑模板」都从这里进入。
在「编辑模板」页面，点击顶栏的「+」可添加 Editorial 内置的各种动作。
那么 Editorial 的 workflow 流程是如何组织的？我们以「稍后电影短评」模板为例讲解下：
- 「请求文本输入」对应「Request Text Input」动作，该动作会弹出对话框请求输入相应的文本；
- 「设置保存变量」对应「Set Variable」动作，该动作会把传入的数据，即文本字符串，存储到指定的变量中；
- 「根据模板规则输出文档」对应「Create Document」动作，该动作负责接收之前设置的变量，输出相应的文档。
每个动作都可以点击展开设置相应的逻辑用于处理输入的数据，然后输出给下一个动作。你可以把某一类动作标记为特定的颜色，增强标识性，比如我把请求输入类标记为绿色，设置变量类标记为红色，脚本类标记为蓝色，一目了然。
在「Create Document」这个动作里，我们把上面设置的变量放到对应的位置上，把不变的页头页脚也放到指定的位置，就 OK 了。
2. 脚本即正解
但是「稍后电影短评」里的评分是用 emoji 表示的，难道每次都要手动输入 emoji ？这就是第二个痛点了。用「Conditional Block (If…Then…)」这个动作可以解决，但是，你需要枚举每一种可能的情况，这样就会出现很长很长动作列表的流，这么长的串联动作却只是为了解决一个简单的数字到 emoji 的转换，想想都蛋疼……一来这看着就不优雅，二来在你枚举每一种情况的时候，你心里一定默默地骂自己笨……
面对这种情况，脚本即正解。Editorial 开放了强大的脚本能力让你定义自己的动作，本质上，「动作」所做的事就是把输入到输出这个过程的逻辑封装起来，而脚本，就是开放权限让你接手这块逻辑。
下面我们详细介绍下思路，Editorial 指定的脚本语言是 Python，其基本语法和使用，这里不做赘述，请查阅 官方文档。
具体思路如下：
- 判断电影评分（数字字符串）是否有小数点
- 有小数点的情况：
- 🌕 数量为整数部分
- 🌗 数量为1
- 🌑 数量为剩余数量
- 没有小数点的情况：
- 🌕 数量为电影评分
- 🌗 数量为0
- 🌑 数量为剩余数量
- 如果有 🌗，判断类型：
- 小数部分 < 5，取 🌘
- 小数部分 = 5，取 🌗
- 小数部分 > 5，取 🌖
- 🌕 🌗 🌑 按数量重复，拼成最后的电影得分
我们用一个脚本动作取代了一长串的判断动作，整个 workflow 瞬间变得异常简洁，至此，我们创建模板的 workflow 终于完成。下面我们展示下创建一篇短评的完整 workflow 流程：
Tips: 在设置里面选择你创建的模板为「默认模板」，这样，每次点击「+」的时候就会默认调用你创建的模板，而不会再弹出模板选择面板，需要调出该面板的时候长按「+」即可。
3. 样式即顔值
最后一步了，就是样式问题。我们可以通过 Editorial 强大的自定义样式表解决，贴心的是，Editorial 已经内置了 2 套默认样式表，我们只需要在其基础上修改就行了。CSS 语法请参考 w3school 。
Tips: 如果你想要实现的效果比较复杂，简单的 Markdown 格式满足不了你的需求，你完全可以裸写 HTML，Editorial 是完全支持原生 HTML 语法的，放心大胆地释放你的创造力吧 😀
样式模板
在 Editorial 中，我把 .html 文件称为「样式模板」。「样式模板」不是单独的 .css 文件，而是包含了样式表的网页模板（样式表直接内嵌进 .html 文件的 head 里了），通过把 Markdown 文本转换成对应的 HTML 标签后，放进 .html 文件的 body 里，最后渲染该「样式模板」来实现更换样式的效果。
所以，你只需要新建个文件，把后缀名改为 .html 即可生成一个「样式模板」，然后再去编辑里面的样式代码即可。
Tips：通过长按顶部文件名可快捷「重命名」。
具体你需要什么样的样式风格，当然需要你自己思考和尝试，或者参考主流的视觉设计风格也是不错的选择。
预览 & 调试
在编辑窗口左划即可进入「预览模式」，即 Preview 页面，通过点击页面顶部的「▾」可以弹出「样式模板」列表，选择你定义的那个就行。
既然你可以编辑，又可以预览，那就可以调试了，但由于手机屏幕的局限，你需要不断地左划右划来回切换文件，调试过程并没有想象中轻松，尤其对于新手来说，虽然麻烦了点，但对于后期的微调，是相当方便的。