7 月是 Quail 发布以后的第一个更新月。这个月没有大的功能更新,但根据第一个月的作者和读者的反馈,做了大量的重构和优化。
撰写
撰写是对作者来说,最重要的使用体验,这次也进行了很多优化。
在线 Markdown 编辑器优化
现在 Markdown 编辑器支持全屏写作模式了,可点击工具栏上的全屏按钮即进入全屏模式。
在非全屏模式下,滚动编辑器内容时,工具栏会吸附至屏幕上方。这样作者可以随时触达编辑按钮。
上传图片优化
现在上传图片时会提供一个进度条,显示当前处于上传状态。
新扩展语法:文本框
Quail 支持使用 :::
语法来定义文本框。可为每个文本框设置类型、内容和自定义标题。
其中 Quail 支持的类型包括用于提示的 info
,用于告知技巧的 tip
,用于警告的 warning
,用于表达危险和错误的 danger
。
下面是一些范例和他们的写法:
:::info
这是一段提示信息,一般用于告知读者一些额外的信息。例如:葡萄是一种水果,可以吃。
:::
:::tip
这是一段小技巧,一般用于告诉读者一些技巧。例如:吃葡萄可以不吐葡萄皮。
:::
:::warning
这是一段警告,一般用于警告读者。例如:吃葡萄不嚼的话可能会噎住,请留意口中的葡萄。
:::
:::danger
这是一段警示,一般用于强调危险操作。例如:吃葡萄噎住,可能会导致死亡,请小心!
:::
:::info
这是一段提示信息,一般用于告知读者一些额外的信息。例如:葡萄是一种水果,可以吃。
:::
这是一段小技巧,一般用于告诉读者一些技巧。例如:吃葡萄可以不吐葡萄皮。
这是一段警告,一般用于警告读者。例如:吃葡萄不嚼的话可能会噎住,请留意口中的葡萄。
这是一段警示,一般用于强调危险操作。例如:吃葡萄噎住,可能会导致死亡,请小心!
另外,自定义标题是可选项,如果希望为某个文本框设置标题,可以在类型后加上一个空格,书写标题。例如:
:::danger 严正警告
葡萄是无辜的,请不要因为吃葡萄会导致死亡而禁止种植葡萄。
:::
葡萄是无辜的,请不要因为吃葡萄会导致死亡而禁止种植葡萄。
阅读
文章目录
现在所有的文章页面,如果文章页面内有至少一个标题,那么页面渲染时会顺便把目录渲染了。
这个目录如果在大屏幕,目录会出现在文章的右边。如果是小屏幕,目录会出现在文章的上方。
付费会员相关
若会员身份到期,Quail 会向读者发送续期提醒邮件。
作者也可以在订阅者管理中单独查阅付费会员订阅者。
探索页
在官网新增了一个「探索」页。
读者可以在这里探索最近的热门文章。文章会自动按照当前所用的语言来筛选,读者也可以自己手工选择来自不同语言社群的文章。
性能
静态化
性能是最最重要的用户体验。
所以现在除了文章页以外,List 首页也是由服务器静态化的了。如此这般,在 Quail 中用于呈现内容的页面都已经静态化,渲染的速度大大提高了。
根据 Lighthouse 的评估,静态化以后页面的首次渲染速度比之前提升了两倍多。
内容治理
如果读者认为某篇文章或者某个列表的内容涉嫌有悖 Quail 运营规则,或者违反当地法律,那么可以在 这里 向 Quail 运营人员反馈。
另外,邮件和官网中也加入了反馈的链接,欢迎举报(不是
开源
Quail 这个月开始,有了独立的 Github Org:quail-ink。目前已经开源的项目有:
- Obsidian 的 Quail 插件:obsidian-quail
- Quail 的 JS API:quail-js
后续各个组件都会在重构完成以后放出来。