7 月是 Quail 发布以后的第一个更新月。这个月没有大的功能更新,但根据第一个月的作者和读者的反馈,做了大量的重构和优化。

撰写

撰写是对作者来说,最重要的使用体验,这次也进行了很多优化。

在线 Markdown 编辑器优化

现在 Markdown 编辑器支持全屏写作模式了,可点击工具栏上的全屏按钮即进入全屏模式。

在非全屏模式下,滚动编辑器内容时,工具栏会吸附至屏幕上方。这样作者可以随时触达编辑按钮。

An image to describe post

上传图片优化

现在上传图片时会提供一个进度条,显示当前处于上传状态。

新扩展语法:文本框

Quail 支持使用 ::: 语法来定义文本框。可为每个文本框设置类型、内容和自定义标题。

其中 Quail 支持的类型包括用于提示的 info,用于告知技巧的 tip,用于警告的 warning,用于表达危险和错误的 danger

下面是一些范例和他们的写法:

:::info
这是一段提示信息,一般用于告知读者一些额外的信息。例如:葡萄是一种水果,可以吃。
:::

:::tip
这是一段小技巧,一般用于告诉读者一些技巧。例如:吃葡萄可以不吐葡萄皮。
:::

:::warning
这是一段警告,一般用于警告读者。例如:吃葡萄不嚼的话可能会噎住,请留意口中的葡萄。
:::

:::danger
这是一段警示,一般用于强调危险操作。例如:吃葡萄噎住,可能会导致死亡,请小心!
:::

:::info
这是一段提示信息,一般用于告知读者一些额外的信息。例如:葡萄是一种水果,可以吃。
:::
TIP

这是一段小技巧,一般用于告诉读者一些技巧。例如:吃葡萄可以不吐葡萄皮。

WARNING

这是一段警告,一般用于警告读者。例如:吃葡萄不嚼的话可能会噎住,请留意口中的葡萄。

DANGER

这是一段警示,一般用于强调危险操作。例如:吃葡萄噎住,可能会导致死亡,请小心!

另外,自定义标题是可选项,如果希望为某个文本框设置标题,可以在类型后加上一个空格,书写标题。例如:

:::danger 严正警告
葡萄是无辜的,请不要因为吃葡萄会导致死亡而禁止种植葡萄。
:::
严正警告

葡萄是无辜的,请不要因为吃葡萄会导致死亡而禁止种植葡萄。

阅读

文章目录

现在所有的文章页面,如果文章页面内有至少一个标题,那么页面渲染时会顺便把目录渲染了。

这个目录如果在大屏幕,目录会出现在文章的右边。如果是小屏幕,目录会出现在文章的上方。

An image to describe post

付费会员相关

若会员身份到期,Quail 会向读者发送续期提醒邮件。

作者也可以在订阅者管理中单独查阅付费会员订阅者。

探索页

在官网新增了一个「探索」页

读者可以在这里探索最近的热门文章。文章会自动按照当前所用的语言来筛选,读者也可以自己手工选择来自不同语言社群的文章。

An image to describe post

性能

静态化

性能是最最重要的用户体验。

所以现在除了文章页以外,List 首页也是由服务器静态化的了。如此这般,在 Quail 中用于呈现内容的页面都已经静态化,渲染的速度大大提高了。

根据 Lighthouse 的评估,静态化以后页面的首次渲染速度比之前提升了两倍多。

内容治理

如果读者认为某篇文章或者某个列表的内容涉嫌有悖 Quail 运营规则,或者违反当地法律,那么可以在 这里 向 Quail 运营人员反馈。

An image to describe post

另外,邮件和官网中也加入了反馈的链接,欢迎举报(不是

开源

Quail 这个月开始,有了独立的 Github Org:quail-ink。目前已经开源的项目有:

后续各个组件都会在重构完成以后放出来。