diff --git a/docs/editor-typography-plan.zh-CN.md b/docs/editor-typography-plan.zh-CN.md index b529074f..a3a1c123 100644 --- a/docs/editor-typography-plan.zh-CN.md +++ b/docs/editor-typography-plan.zh-CN.md @@ -1,6 +1,6 @@ # 笔记正文：只留原生主题 -编辑器不再提供多套排版主题。写作和阅读统一用原生主题。字号、行高和栏宽只存在这台设备上，用来调整自己的阅读。正文配色和自定义 CSS 写在账号上，公开分享页按作者的选择呈现。 +编辑器不再提供多套排版主题。写作和阅读统一用原生主题。栏宽只存在这台设备上，用来安排自己的编辑区。字号、行高、正文配色和自定义 CSS 写在账号上，编辑器和公开分享页用同一套。 ## 去掉的主题 @@ -15,7 +15,7 @@ ## 阅读设置 -「阅读」分组按这个顺序排列。点选之后立刻作用到当前设备上的笔记正文。 +「阅读」分组按这个顺序排列。栏宽点选后立刻作用在这台设备的编辑器里。字号和行高写入账号，编辑器和公开分享一起变。 | 项 | 档位 | 默认 | |---|---|---| @@ -25,7 +25,7 @@ | 行高 | 紧凑 1.5、标准 1.65、宽松 2.0 | 标准 | | 正文配色 | 原生，加上下面 10 款；另有自定义 | 原生 | -字号、行高、栏宽用固定档位，不用滑杆。正文字号和行高的说明各一行：**只改变本机的笔记正文。** +字号、行高、栏宽用固定档位，不用滑杆。正文字号和行高的说明各一行：**同时用于编辑器和公开分享。** 正文宽度的说明一行：**只改变这台设备上的编辑区。** ### 正文宽度 @@ -47,7 +47,7 @@ ### 正文字号 -标题维持现在相对正文的比例。一级标题是正文的 1.5 倍，二级是 1.25 倍，其余档位按现有比例跟着正文走。行高用倍数，字变大时间距一起变大。 +字号存在账号上。Web、桌面编辑器和公开分享使用同一档。标题维持现在相对正文的比例。一级标题是正文的 1.5 倍，二级是 1.25 倍，其余档位按现有比例跟着正文走。行高用倍数，字变大时间距一起变大。复制到公众号时，正文字号写成行内样式。 代码和公式保持等宽，比正文小一档。Markdown 源码模式跟随正文字号。 @@ -55,7 +55,7 @@ ### 行高 -只改变段落里一行和下一行之间的间距。段距保持现在的 8px。 +行高存在账号上，和字号一起用于编辑器与公开分享。它只改变段落里一行和下一行之间的间距。段距保持现在的 8px，要改段距就写在自定义 CSS 里。复制到公众号时，正文行高写成行内样式。栏宽不进分享页，也不进公众号。 ### 字体和颜色 @@ -109,23 +109,23 @@ 它跟已发布的正文字体一样，保存在账号上，这个账号发出的公开分享都用同一份。空着的时候，分享页就是原生排版。编辑器里同时预览，作者能在分享之前看到结果。界面、侧栏、工具栏不吃这份样式。 -仍只允许字体、字号、行高、字距、颜色、边框、内外边距、对齐、缩进等排版属性，丢掉 `url()` 和会逃出正文的规则。分享页把样式锁在文章正文上，不作用到分享页的标题栏和页脚。复制到公众号时，`h1`、`p`、`blockquote` 这类纯标签规则继续写成行内样式。 +仍只允许字体、字距、颜色、边框、内外边距、对齐、缩进等排版属性，丢掉 `url()` 和会逃出正文的规则。`font-size` 和 `line-height` 不再接受，这两项只由字号和行高档位决定，避免样式表和档位各改一次。分享页把样式锁在文章正文上，不作用到分享页的标题栏和页脚。复制到公众号时，`h1`、`p`、`blockquote` 这类纯标签规则继续写成行内样式。 长度上限改为 8 KB。现在的 2000 字只是本地主题文件里这个字段的输入上限，输入框和导入校验都卡在这里；整份主题文件另有 64 KB 的上限。2000 字写不下标题、段落、引用、列表和表格各自的规则。8 KB 足够写完这些，放在账号上随分享页下发也仍然很小。 -今天这段 CSS 只存在这台设备上，而且选中原生主题时不生效。本轮把配色 id 和 CSS 一起写成账号字段，并在编辑器和分享页上生效。两者放在同一次新 migration 里，不改已经执行过的旧 migration。 +今天这段 CSS 只存在这台设备上，而且选中原生主题时不生效。本轮把字号、行高、配色 id 和 CSS 一起写成账号字段，并在编辑器和分享页上生效。放在同一次新 migration 里，不改已经执行过的旧 migration。未设置时字号是 16、行高是 1.65。 换电脑不丢，靠的是这份账号数据，不做导入导出。Web 和桌面登录同一个实例后读写同一份样式表：一台机器上保存，另一台打开就是最新内容。账号上还没有样式、而这台设备里留着旧的本地 CSS 时，用本地那份填上账号，避免第一次同步把已经写好的样式清掉。之后以账号上的为准。 -字号、行高、栏宽仍然不进分享页。分享页的字号和行高以原生默认为底，作者若要对外改段距、字距、首行缩进或标题样式，写在这份 CSS 里。 +作者若要对外改段距、字距、首行缩进或标题样式，写在这份 CSS 里。字号和行高不写在这里。 ## 作用范围 -字号、行高、栏宽作用于 Web 和桌面的文字笔记，只给作者自己看。 +栏宽作用于 Web 和桌面的编辑区，只给作者自己看。分享页保持自己的文章卡片宽度。 -公开分享使用原生默认的 16px 和行高 1.625，再加上该账号保存的正文配色和自定义 CSS。不跟随访客或作者本机的字号、行高、栏宽。「复制到公众号 / 博客」不再套用铅字期刊等版式，颜色改跟账号上的配色走。自定义 CSS 里的纯标签规则继续写进复制结果。 +字号和行高作用于 Web、桌面编辑器和公开分享。复制到公众号时，正文带上同一档字号和行高。「复制到公众号 / 博客」不再套用铅字期刊等版式，颜色改跟账号上的配色走。自定义 CSS 里的纯标签规则继续写进复制结果，其中的字号和行高声明被丢掉。 -iOS 和 Android 保持现在的 16px 与对应行高，本轮不改。 +iOS 和 Android 的编辑器保持现在的 16px 与对应行高，本轮不改。手机浏览器打开公开分享时，看到的是账号上的字号和行高。 ## 保持不动 @@ -136,4 +136,4 @@ iOS 和 Android 保持现在的 16px 与对应行高，本轮不改。 ## 回退 -字号、行高、栏宽在本机。删掉对应记录即回到默认：字号 16、行高 1.65、栏宽标准。账号上的配色改回原生、清空自定义 CSS 后，公开分享回到原生排版。主题菜单移除后，旧的主题 id 只用来迁到上表的配色，不改笔记数据。 +栏宽在本机。删掉对应记录即回到标准宽度。账号上的字号改回 16、行高改回 1.65、配色改回原生、清空自定义 CSS 后，编辑器和公开分享都回到原生排版。主题菜单移除后，旧的主题 id 只用来迁到上表的配色，不改笔记数据。