ReedenReeden
阅读与排版阅读排版

页面信息

在阅读页任意位置放文字、进度条、花饰和图片(信息块):入口、添加和摆放、显示条件、参照区域、页面模板、换设备预览、按主题保存,以及用 AI 写 SVG。

「页面信息」用来在阅读页的任意位置放信息块:章节名、页码、时间这类文字,细线进度条、电池、表盘这类图形,或者花饰、印章、图片。页眉页脚只有左中右六个固定位置,信息块可以放在页面任何地方,也能叠在正文上方或垫在正文下面。

保存页面信息需要高级会员。不是会员也可以打开编辑器预览效果。

在哪里打开

  • 阅读页「排版」页拉到最下面,点「页面信息」
  • 也可以把「页面信息」设到点击区域或底栏菜单里,见 点击区域

打开后是一个和「调整边距」类似的编辑页:页面上能直接看到信息块,下方是操作面板。改动实时显示在页面上,点完成(✓)保存才生效;没保存就关掉,会恢复原样。

先套一个模板

不知道从哪开始,先套模板:操作面板的菜单 →「套用模板…」,有「极简」「纸书」「仪表盘」「章节仪式」「素笺」等。套用会替换当前的全部信息块。

模板里可以勾选「隐藏原页眉页脚(保留占位)」:原来的页眉页脚文字不显示,位置留着,由信息块接替。

添加信息块

点「+」,选一种:

类型适合
添加文本章节名、页码、时间、书名这类文字,可以用 {chapter} {page} {total} {time} 等占位符,写法和 页眉页脚的占位符 一样
添加 SVG进度条、电池、表盘、分隔线、花饰。可以从「预置」里挑:进度(细线、胶囊、分段、珠串、圆环、电池、表盘等)、分隔(渐隐线、波纹、文武线等)、标记(书签、角框、方印、引号等)
添加图片从「我的图库」选一张图,比如藏书票、贴纸

摆放和调整

  • 直接拖动信息块换位置,拖右边、下边的圆点改宽高。拖动时会自动对齐正文边缘和其他信息块;电脑上按住提示的按键可以临时关掉对齐
  • 点选一个块后可以改「参照」:位置按「整页」「正文」「页眉」「页脚」还是「背景图」来算。参照「背景图」时,块跟着阅读主题的背景图一起摆放和缩放,换屏幕比例也能对准背景图上的位置
  • 「左边距」「右边距」「上边距」「下边距」可以按字号为单位,字号变大时间距跟着变
  • 「层级」选「文字上方」或「文字下方」;「不透明度」调深浅
  • 文本可以改「对齐」「颜色」(「跟随主题」或「自定义」)「字体」(默认「跟随页眉字体」)「相对字号」「字重」「最大行数」,以及「放不下时缩小字号」
  • 图片和 SVG 可以选「缩放模式」:「保持比例」或「拉伸铺满」
  • 几个块可以合并成一组,之后点其中任意一块整组选中、一起移动
  • 操作面板里的列表按叠放顺序列出全部信息块,看不见的块(不满足显示条件、被挡住)也能从这里选中,拖动可以调整上下顺序

只在某些页显示

「显示在」可以选「每一页」「章节首页」「章节末页」「非章节首页」「奇数页」「偶数页」。比如章首页放一个花饰、章末页写「本章完」,或者像纸书一样左右页的书眉不一样。

双页时,「范围」可以选「每一页」(左右两页各画一份)或「整屏一次」(横跨两页只画一份)。

换设备预览

同一份页面信息放到屏幕比例不同的设备上(比如同步到平板、电脑),位置可能不一样。编辑页菜单里的「换设备预览」可以切到其他手机、平板、电脑窗口、双页、横屏看看效果,并提示哪些信息块超出画面、被灵动岛、挖孔或屏幕圆角挡住。

按主题保存

页面信息跟着「排版生效范围」走:「页面信息」这一项选「跟随主题」时,每个阅读主题各存一份;选「跟随全局」时所有主题共用一份。编辑页顶部会标出「正在编辑」的是哪一份。编辑主题那份时,菜单里的「复制全局页面信息」可以把全局的信息块拿过来当起点。

主题自带页面信息时(比如带藏书票的主题),在这个主题下始终用主题自带的。排版生效范围见 排版生效范围。

复制、粘贴和清空

编辑页菜单里:

  • 「复制全部信息块」:复制成文本,发给别人或在另一个主题里粘贴
  • 「从剪贴板粘贴」:追加到现有信息块后面。带图片的块和过大的 SVG 不能粘贴
  • 「清空全部」:删掉当前全部信息块,保存后才生效

「排版」页的「复制排版」「粘贴排版」也会带上页面信息。

用 AI 写 SVG

预置不够用时,可以让 AI 写一个:

  1. 添加一个 SVG 块,打开它的编辑框
  2. 点「复制 AI 提示词」,发给任意 AI 助手,在末尾写上想要的效果,比如「页脚一条细进度线,两端各一个小菱形,已读部分实线、未读部分虚线」
  3. 把 AI 回复的整段 <svg> 粘贴回模板,保存

编辑框里点「插入」可以加占位符:章节进度、全书进度、电量、时间这类数值能直接写进图形里,做成跟着进度变化的进度条和指针。颜色写 currentColor 会跟随页眉颜色,日间、夜间主题都看得清。SVG 里不能放图片,图片请用「添加图片」。

常见问题

信息块挡住了正文

把块的「层级」改成「文字下方」、调低不透明度,或者把正文边距调大,见 调整边距。

换了手机,信息块位置不对

到编辑页用「换设备预览」检查。位置按比例算的块会跟着屏幕变;参照「背景图」的块跟着背景图走,落在背景图被裁掉部分的看不到。

全书进度一直是「-」

全书页码、全书进度要等整本书在后台排完才能算出来,见 全文页码为什么会变。